@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Monofett&display=swap";
:root{--font-mono:"Monofett", monospace;--primaryColor:#12809d;--darkPrimaryColor:#094e7c;--lightPrimaryColor:#aad3de}*{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;flex-direction:column;margin:0;font-family:Poppins,system-ui;font-size:18px;font-weight:500;line-height:32px;display:flex}@media (max-width:1024px){body{font-size:15px;line-height:24px}}main{flex:1}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}button:disabled{pointer-events:none!important;opacity:.3!important}.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:calc(100vh - 88px);display:grid}.site-footer{color:#919191;text-align:center;width:min(1040px,100vw - 48px);margin:0 auto;padding:0 0 24px;font-size:12px;line-height:18px}.site-footer svg{height:20px;margin-top:5px}.site-footer p{margin:0}.portal-eyebrow{color:#b4b4b4;text-transform:uppercase;margin:5px 0 0;font-size:13px}.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-family:inherit;font-size:14px;font-weight:500;display:grid}.portal-form input{color:#fff;min-height:44px;font:inherit;background:#000;border:1px solid #5a5a5a;border-radius:6px;outline:none;padding:0 12px}.portal-form input:focus{border-color:var(--lightPrimaryColor)}.portal-error{color:#ff8c8c;margin:0}.portal-help{color:#bebebe;margin:0}.portal-header{justify-content:space-between;gap:24px;margin-bottom:32px;display:flex}.portal-header h1{margin-bottom:12px}.portal-header p{color:#bebebe;margin:0;font-size:.9rem;line-height:1.2rem}.logout-area{flex-direction:row;gap:24px;display:flex}.logout-area h6{color:var(--lightPrimaryColor);margin:0;padding:0;font-size:.8rem;font-weight:500}.logout-area h6 svg{width:.8rem!important;height:.8rem!important}.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-section-heading p{color:#aaa;margin:4px 0 0;font-size:14px;line-height:20px}.portal-section-heading h2 svg{height:1rem!important}.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 li svg{width:.8rem;height:.8rem}.portal-list li a{transition:transform .3s;display:block}.portal-list li a:hover{transform:translate(1px)}.portal-list span{color:#bebebe;text-transform:capitalize;font-size:.9rem;display:block}.portal-textarea-content{white-space:pre-line;font-size:.85rem;line-height:1rem;text-transform:none!important}.portal-list strong a{color:inherit}.portal-document-row{align-items:flex-start}.portal-document-row div{gap:6px;min-width:0;display:grid}.portal-document-row strong button{max-width:100%;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:transform .3s;display:inline-flex}.portal-document-row strong button:hover,.portal-document-row strong button:focus-visible{transform:translate(1px)}.portal-document-row strong button:focus-visible{outline:1px solid var(--lightPrimaryColor);outline-offset:3px}.portal-document-modal-panel{flex-direction:column;width:min(1120px,100vw - 48px);height:min(820px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.portal-document-frame{background:#141414;border:1px solid #464646;border-radius:8px;flex:auto;width:100%;min-height:420px}.portal-document-fallback{color:#fff;align-self:flex-start;margin-top:12px}.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-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 #666;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-wrapper{flex-direction:column;display:flex}.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:#454545;border-radius:24px;width:70vw;max-height:min(720px,90vh - 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 p{color:#b4b4b4;margin:4px 0 0;font-size:14px;line-height:20px}.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-document-modal-panel{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px);padding:14px}.portal-document-frame{min-height:320px}.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}}.primary-btn{border:1px solid var(--primaryColor);color:var(--lightPrimaryColor);font:inherit;background-color:#0000;border-radius:24px;align-self:start;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1rem;transition:all .3s;display:block}.primary-btn:hover{cursor:pointer;color:#fff;transform:translateY(-1px)}.delete-btn{background-color:#fa5151;border:none;border-radius:100%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .3s;display:flex}.delete-btn.neutral{background-color:#0000;border:1px solid #222}.delete-btn:hover{cursor:pointer;transform:scale(1.05)}.delete-btn svg{height:80%!important}.delete-btn svg path{stroke:#fff}.secondary-btn{background-color:var(--darkPrimaryColor);color:var(--lightPrimaryColor);font:inherit;border:none;border-radius:24px;align-self:start;padding:.5rem 1rem;font-size:.9rem;font-weight:500;line-height:1rem;transition:all .3s;display:block}.secondary-btn:hover{cursor:pointer;color:#fff;transform:translateY(-1px)}.close-btn{background-color:#0000;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .3s;display:flex;border:1px solid #fff!important;border-radius:100%!important;min-height:0!important;padding:0!important}.close-btn svg{height:80%!important}.close-btn svg path{stroke:#fff}.close-btn:hover{cursor:pointer;transform:translateY(-1px)}.link-btn{transition:transform .3s}.link-btn svg{height:1rem!important}.link-btn:hover{cursor:pointer;transform:translate(1px)}.outline-btn{color:var(--lightPrimaryColor);font:inherit;background-color:#0000;border:1px solid #222;border-radius:24px;align-self:start;padding:.5rem 1rem;font-size:.9rem;font-weight:500;line-height:1rem;transition:all .3s;display:block}.outline-btn:hover{cursor:pointer;color:#fff;transform:translateY(-1px)}.doc-status{text-transform:capitalize}.cls-1,.cls-3{fill:#888}.cls-2,.cls-4{fill:#515050}.cls-2,.cls-3{fill-rule:evenodd}