:root{--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.portal-auth,.portal-page{width:min(1040px,100vw - 48px);margin:0 auto;padding:64px 0}.portal-auth{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:48px;min-height:100vh;display:grid}.portal-eyebrow{color:#b4b4b4;text-transform:uppercase;margin:0;font-size:14px}.portal-form,.portal-panel{background:#0f0f0f;border:1px solid #464646;border-radius:8px}.portal-form{gap:18px;padding:24px;display:grid}.portal-form label{color:#dcdcdc;gap:8px;font-size:14px;display:grid}.portal-form input{color:#fff;min-height:44px;font:inherit;background:#000;border:1px solid #5a5a5a;border-radius:6px;padding:0 12px}.portal-form button,.portal-section-heading button,.portal-notification-actions button,.portal-payment-actions button,.portal-payment-setup button,.portal-payment-form button,.portal-link-button{color:#000;cursor:pointer;min-height:42px;font:inherit;background:#fff;border:1px solid #fff;border-radius:6px;padding:0 14px;font-weight:700}.portal-link-button{align-self:start}.portal-error{color:#ff8c8c;margin:0}.portal-header{justify-content:space-between;gap:24px;margin-bottom:32px;display:flex}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-panel{padding:20px}.portal-panel-wide{grid-column:1/-1}.portal-panel h2{margin:0 0 16px;font-size:22px}.portal-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.portal-section-heading h2{margin:0}.portal-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.portal-list li{border-top:1px solid #373737;justify-content:space-between;gap:16px;padding-top:12px;display:flex}.portal-list li:first-child{border-top:0;padding-top:0}.portal-list span{color:#bebebe;display:block}.portal-list strong a{color:inherit}.portal-empty{color:#bebebe;margin:0}.portal-payment-row,.portal-notification-row{align-items:flex-start}.portal-notification-row div{gap:2px;display:grid}.portal-notification-row span{text-align:left}.portal-list .portal-notification-meta{color:#969696;font-size:13px}.portal-notification-actions{justify-items:end;min-width:110px}.portal-notification-actions span{text-align:right}.portal-notification-actions button{min-height:34px;font-size:14px}.portal-charge-list{gap:10px}.portal-list .portal-charge-row{display:block}.portal-charge-row button{color:#fff;cursor:pointer;width:100%;min-height:72px;font:inherit;text-align:left;background:#141414;border:1px solid #373737;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.portal-charge-row button:hover,.portal-charge-row button:focus-visible{background:#1c1c1c;border-color:#787878;outline:none}.portal-charge-main,.portal-charge-price{gap:6px;display:grid}.portal-charge-main{min-width:0}.portal-charge-main h4{margin:0 0 10px;padding:0;font-weight:400}.portal-charge-meta{flex-wrap:wrap;gap:8px;text-align:left!important;display:flex!important}.portal-charge-price{text-align:right;flex:none;justify-items:end}.portal-charge-price strong{font-size:22px;line-height:28px}.portal-charge-price span{text-align:right;font-size:14px;line-height:18px}.portal-pill{border:1px solid #555;border-radius:999px;align-items:center;width:fit-content;min-height:26px;padding:2px 9px;font-size:13px;font-weight:700;line-height:18px;color:#ebebeb!important;text-align:left!important;display:inline-flex!important}.portal-pill-type{background:#262626}.portal-pill-status{background:#1e1e1e}.portal-status-active{border-color:#4c926c;color:#adedc3!important}.portal-status-past_due{border-color:#be7e4a;color:#fc9!important}.portal-status-canceled{border-color:#925252;color:#ffb0b0!important}.portal-status-paused,.portal-status-draft{border-color:#646e80;color:#cbd5e5!important}.portal-charge-modal-panel .portal-modal-header{align-items:flex-start}.portal-charge-modal-panel .portal-modal-header p{color:#bebebe;margin:4px 0 0;line-height:24px}.portal-charge-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px;display:grid}.portal-charge-summary div{border-top:1px solid #373737;gap:4px;padding-top:12px;display:grid}.portal-charge-summary dt{color:#aaa;text-transform:uppercase;font-size:13px;font-weight:700;line-height:18px}.portal-charge-summary dd{margin:0}.portal-invoices h3{margin:0 0 12px;font-size:18px;line-height:24px}.portal-invoice-row{align-items:flex-start}.portal-invoice-row div{gap:2px;display:grid}.portal-invoice-row span{text-align:left}.portal-invoice-row>span{justify-items:end;gap:4px;display:grid}.portal-invoice-row a{color:#fff;font-size:14px;line-height:18px}.portal-payment-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.portal-payment-actions button{min-height:34px;font-size:14px}.portal-payment-setup,.portal-payment-form{gap:14px;display:grid}.portal-payment-form{line-height:24px}.portal-modal{z-index:50;place-items:center;width:100%;height:100%;padding:24px;display:grid;position:fixed;top:0;left:0}.portal-modal-backdrop{width:100%;height:100%;position:absolute;background-color:#000000b8!important;border:none!important}.portal-modal-panel{z-index:1;background:#0f0f0f;border-radius:8px;width:min(560px,100%);max-height:min(720px,100vh - 48px);padding:20px;position:relative;overflow:auto;box-shadow:0 24px 80px #00000080}.portal-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.portal-modal-header h2{margin:0;font-size:22px}.portal-modal-header button{color:#fff;cursor:pointer;min-height:34px;font:inherit;background:#000;border:1px solid #5a5a5a;border-radius:6px;padding:0 12px;font-size:14px}@media (max-width:760px){.portal-auth,.portal-grid{grid-template-columns:1fr}.portal-header,.portal-list li{flex-direction:column}.portal-list span{text-align:left}.portal-payment-actions{justify-content:flex-start}.portal-charge-row button,.portal-charge-summary{grid-template-columns:1fr}.portal-charge-row button{flex-direction:column;align-items:stretch}.portal-charge-price{text-align:left;justify-items:start}.portal-charge-price span{text-align:left}.portal-invoice-row>span{justify-items:start}}