:root{color:#18312c;background:#f4f7f4;--portal-green-950: #123d33;--portal-green-900: #184d40;--portal-green-700: #2d8069;--portal-mint: #a8e1b6;--portal-card-shadow: 0 14px 38px rgba(30, 65, 54, .07);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#f4f7f4}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.admin-loading{min-height:100vh;display:grid;place-items:center;color:#667771}.admin-auth-shell{min-height:100vh;background:linear-gradient(145deg,#e9f2ed,#f8faf8 56%)}.admin-auth-intro{min-height:310px;padding:max(1.4rem,env(safe-area-inset-top)) 1.25rem 4.4rem;display:flex;flex-direction:column;justify-content:space-between}.admin-brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#1f6656;color:#fff;font-weight:850;letter-spacing:-.05em;box-shadow:0 10px 25px #1f66562e}.admin-brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:.72rem;box-shadow:none}.admin-auth-intro h1{max-width:650px;margin:.7rem 0 .8rem;font-size:clamp(2.4rem,11vw,5rem);line-height:.98;letter-spacing:-.06em}.admin-auth-intro p:last-child{max-width:520px;margin:0;color:#667771;line-height:1.6}.admin-auth-form-wrap{margin-top:-2.4rem;padding:0 1rem 2rem;display:grid;place-items:start center}.admin-auth-card{width:min(100%,450px);padding:1.55rem;border:1px solid #d9e3de;border-radius:26px;background:#fffffff0;box-shadow:0 22px 60px #26453b1a}.admin-auth-card h2{margin:.4rem 0 1.4rem;font-size:1.7rem;letter-spacing:-.045em}.admin-auth-card label,.admin-reply label,.admin-invite-card label{display:grid;gap:.5rem;margin:1rem 0;color:#365049;font-size:.8rem;font-weight:750}.admin-auth-card input,.admin-reply textarea,.admin-invite-card input,.admin-invite-card select{width:100%;padding:.9rem 1rem;border:1px solid #d5dfda;border-radius:14px;background:#fafcfb;color:#18312c;outline:none}.admin-auth-card input{min-height:52px}.admin-auth-card input:focus,.admin-reply textarea:focus{border-color:#4b917e;box-shadow:0 0 0 4px #4b917e1f}.admin-auth-card button[type=submit],.admin-auth-card>button:not(.admin-text-button){width:100%;min-height:52px;margin-top:1rem;padding:1rem;border:0;border-radius:14px;display:flex;justify-content:space-between;background:#23735e;color:#fff;font-weight:800;cursor:pointer}.admin-text-button{width:100%;margin-top:.9rem;border:0;background:transparent;color:#31725f;font-weight:750;cursor:pointer}.admin-form-hint{margin:-.35rem 0 .8rem;color:#71827c;font-size:.75rem}.admin-shell{min-height:100vh;background:#f4f7f4}.admin-topbar{min-height:68px;padding:.8rem max(1rem,env(safe-area-inset-right)) .8rem max(1rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #dce5e0;background:#ffffffe6;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-topbar>div{display:flex;align-items:center;gap:.7rem}.admin-user span{display:none;color:#5e7069;font-size:.8rem}.admin-user button,.admin-refresh{min-height:40px;padding:.65rem .85rem;border:1px solid #d3ded8;border-radius:12px;background:#fff;color:#2d6556;font-weight:750;cursor:pointer}.admin-content{width:min(100%,1280px);margin:0 auto;padding:1.25rem 1rem 3rem}.admin-nav{display:flex;gap:.35rem;max-width:100%;margin-bottom:1.5rem;padding:.3rem;width:fit-content;overflow-x:auto;border:1px solid #dce5e0;border-radius:14px;background:#fff}.admin-nav button{flex:0 0 auto;min-height:38px;padding:.55rem .9rem;border:0;border-radius:10px;background:transparent;color:#64766f;font-weight:780;cursor:pointer}.admin-nav button.active{background:#e8f2ed;color:#24634f}.admin-page-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-page-heading h1{margin:.3rem 0 0;font-size:clamp(2rem,8vw,3.3rem);letter-spacing:-.055em}.admin-notice{margin:0 0 1rem;padding:.8rem 1rem;border-radius:12px;background:#eaf4ef;color:#356b5d;font-size:.82rem}.admin-support-grid{display:grid;gap:1rem}.admin-request-list{display:flex;gap:.75rem;overflow-x:auto;padding:.1rem .05rem .75rem;scroll-snap-type:x mandatory}.admin-request-card{width:min(82vw,320px);flex:0 0 auto;padding:1rem;border:1px solid #dce5e0;border-radius:18px;display:grid;gap:.45rem;text-align:left;background:#fff;color:#18312c;cursor:pointer;scroll-snap-align:start;box-shadow:0 8px 24px #26453b0d}.admin-request-card.selected{border-color:#4b917e;box-shadow:0 0 0 3px #4b917e1a}.admin-request-card>span:not(.admin-status),.admin-request-card small{overflow:hidden;color:#6b7c76;text-overflow:ellipsis;white-space:nowrap}.admin-request-card small{font-size:.7rem}.admin-status{width:fit-content;padding:.3rem .55rem;border-radius:999px;background:#eef2f0;color:#566761;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.admin-status.open{background:#edf3ff;color:#3e5f8d}.admin-status.in_progress{background:#fff4d9;color:#7a5b15}.admin-status.resolved{background:#e8f6ef;color:#266c57}.admin-request-detail{min-width:0;padding:1.15rem;border:1px solid #dce5e0;border-radius:22px;background:#fff;box-shadow:0 10px 30px #26453b0d}.admin-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-detail-head p{margin:0 0 .35rem;color:#698079;font-size:.76rem;font-weight:750}.admin-detail-head h2{margin:0;font-size:1.45rem;letter-spacing:-.035em}.admin-description{margin:1rem 0;padding:1rem;border-radius:14px;background:#f6f8f7;color:#4e625b;line-height:1.6;white-space:pre-wrap}.admin-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.admin-actions button,.admin-reply button{min-height:42px;padding:.7rem .9rem;border:0;border-radius:12px;background:#23735e;color:#fff;font-weight:780;cursor:pointer}.admin-timeline{margin-top:1.5rem}.admin-timeline h3{margin:0 0 1rem;font-size:1rem}.admin-event{display:grid;grid-template-columns:12px 1fr;gap:.65rem;padding:0 0 1rem}.admin-event-dot{width:9px;height:9px;margin-top:.3rem;border-radius:50%;background:#4b917e;box-shadow:0 0 0 4px #eaf3ef}.admin-event strong{font-size:.8rem}.admin-event p{margin:.4rem 0;color:#52665f;line-height:1.55;white-space:pre-wrap}.admin-event time{color:#86938f;font-size:.68rem}.admin-reply{margin-top:.5rem;padding-top:1rem;border-top:1px solid #e1e8e4}.admin-reply textarea{min-height:110px;resize:vertical}.admin-reply button{width:100%}.admin-empty{color:#75847f;text-align:center;padding:2rem}.admin-team-layout{display:grid;gap:1rem}.admin-account-list{display:grid;gap:.65rem}.admin-account-card{padding:1rem;border:1px solid #dce5e0;border-radius:17px;background:#fff;display:flex;justify-content:space-between;gap:1rem;box-shadow:0 8px 24px #26453b0a}.admin-account-card>div{display:grid;gap:.35rem;min-width:0}.admin-account-card>div:last-child{justify-items:end;text-align:right}.admin-account-card span:not(.admin-status),.admin-account-card small{color:#6b7c76;font-size:.76rem;overflow:hidden;text-overflow:ellipsis}.admin-owner-badge{display:inline-flex;margin-left:.4rem;padding:.16rem .42rem;border-radius:999px;background:#dff3e9;color:#17664f;font-size:.62rem;font-style:normal;letter-spacing:.07em;text-transform:uppercase}.admin-invite-card{padding:1.25rem;border:1px solid #dce5e0;border-radius:20px;background:#fff;height:fit-content}.admin-invite-card h2{margin:.35rem 0 1rem}.admin-invite-card button{width:100%;min-height:46px;border:0;border-radius:13px;background:#23735e;color:#fff;font-weight:800;cursor:pointer}.admin-status.invited{background:#fff4d9;color:#7a5b15}.admin-status.active{background:#e8f6ef;color:#266c57}.admin-status.locked,.admin-status.disabled{background:#f5ecec;color:#8a4545}.admin-customer-search{margin-bottom:1rem;padding:1rem;border:1px solid #dce5e0;border-radius:18px;background:#fff}.admin-catalog-status{display:flex;align-items:stretch;flex-direction:column;gap:.8rem;margin-bottom:1rem;padding:.9rem 1rem;border:1px solid #dce5e0;border-radius:18px;background:#ffffffdb}.admin-catalog-status>div{min-width:0}.admin-catalog-status p{margin:.45rem 0 0;color:#667a74;font-size:.84rem;line-height:1.45}.admin-catalog-status .admin-refresh{width:100%;min-height:46px}.admin-customer-search label{display:block;margin-bottom:.55rem;color:#365049;font-size:.78rem;font-weight:780}.admin-customer-search>div{display:flex;gap:.55rem}.admin-customer-search input{min-width:0;flex:1;min-height:48px;padding:.8rem .95rem;border:1px solid #d5dfda;border-radius:13px;background:#fafcfb;color:#18312c;outline:none}.admin-customer-search input:focus{border-color:#4b917e;box-shadow:0 0 0 4px #4b917e1f}.admin-customer-search button{min-width:76px;padding:.75rem 1rem;border:0;border-radius:13px;background:#23735e;color:#fff;font-weight:800;cursor:pointer}.admin-customer-grid{display:grid;gap:1rem}.admin-customer-results{display:grid;gap:.65rem;align-content:start}.admin-customer-card{width:100%;padding:.85rem;border:1px solid #dce5e0;border-radius:16px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.75rem;text-align:left;background:#fff;color:#18312c;cursor:pointer}.admin-customer-card.selected{border-color:#4b917e;box-shadow:0 0 0 3px #4b917e1a}.admin-customer-card>span:nth-child(2){min-width:0;display:grid;gap:.25rem}.admin-customer-card strong,.admin-customer-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-customer-card small{color:#71817c}.admin-customer-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e9f3ef;color:#2f705e;font-weight:850}.admin-customer-detail{min-width:0;padding:1.15rem;border:1px solid #dce5e0;border-radius:22px;background:#fff;box-shadow:0 10px 30px #26453b0d}.admin-customer-facts{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1.2rem 0}.admin-customer-facts>div{padding:.85rem;border-radius:14px;background:#f5f8f6}.admin-customer-facts dt{margin-bottom:.3rem;color:#71817c;font-size:.68rem;font-weight:760;text-transform:uppercase;letter-spacing:.04em}.admin-customer-facts dd{margin:0;font-weight:800}.admin-customer-section{padding-top:1rem;border-top:1px solid #e4ebe7}.admin-customer-section+.admin-customer-section{margin-top:1rem}.admin-customer-section h3{margin:0 0 .8rem;font-size:.95rem}.admin-account-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.admin-account-heading h3{margin-bottom:.25rem}.admin-account-heading p{margin:0;color:#698079;font-size:.78rem;line-height:1.45}.admin-lock-note{display:block;margin-top:.65rem;color:#8a6224}.admin-account-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.admin-account-actions button{width:auto;margin:0;padding:.68rem .85rem;font-size:.76rem}.admin-account-actions .secondary{border:1px solid #cbdad3;background:#fff;color:#315b4e}.admin-account-actions .danger{border-color:#e7c9c5;color:#943f35}.admin-contact-chips{display:flex;flex-wrap:wrap;gap:.55rem}.admin-contact-chips>span{padding:.7rem .8rem;border:1px solid #e0e8e4;border-radius:13px;display:grid;gap:.2rem;color:#37564d;font-size:.78rem}.admin-contact-chips small{color:#7b8b86;font-size:.65rem}.admin-subscription-list{display:grid;gap:.55rem}.admin-subscription-list article{padding:.8rem;border:1px solid #e0e8e4;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-subscription-list article>div{min-width:0;display:grid;gap:.25rem}.admin-subscription-list article strong,.admin-subscription-list article div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-subscription-list article div>span{color:#71817c;font-size:.72rem}.admin-empty.compact{padding:.5rem 0;text-align:left}.admin-audit-intro{margin:-.35rem 0 1.2rem;color:#687a73;font-size:.82rem}.admin-audit-list{display:grid;gap:.65rem}.admin-audit-card{min-width:0;padding:.9rem;border:1px solid #dce5e0;border-radius:17px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:.75rem;background:#fff;box-shadow:0 8px 24px #26453b0a}.admin-audit-card>div{min-width:0;display:grid;gap:.42rem}.admin-audit-card strong{font-size:.86rem}.admin-audit-card p{margin:0;display:flex;flex-wrap:wrap;gap:.35rem .7rem;color:#62756e;font-size:.74rem}.admin-audit-card time{grid-column:2;color:#87948f;font-size:.7rem}.admin-audit-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8f4ee;color:#28705a;font-size:.72rem;font-weight:900}.admin-audit-icon.warning{background:#fff2dc;color:#8a6020}.admin-mail-layout{display:grid;gap:1rem}.admin-mail-intro{max-width:760px;margin:-1rem 0 .25rem;color:#667a73;line-height:1.55}.admin-mail-card{padding:1.1rem;border:1px solid #dce5e0;border-radius:20px;background:#fff;box-shadow:0 8px 24px #26453b0a}.admin-mail-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-mail-card-head h2,.admin-mail-card-head h3{margin:.35rem 0 0;letter-spacing:-.03em}.admin-mail-card-head h3{font-size:1.05rem}.admin-brand-preview{width:min(45vw,190px);height:64px;padding:.45rem .65rem;border:1px solid #dce5e0;border-radius:14px;object-fit:contain;object-position:left center;background-color:#f5f7f6;background-image:linear-gradient(45deg,#e7ece9 25%,transparent 25%),linear-gradient(-45deg,#e7ece9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7ece9 75%),linear-gradient(-45deg,transparent 75%,#e7ece9 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.admin-brand-previews{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-app-icon-preview{width:64px;height:64px;border:1px solid #dce5e0;border-radius:15px;object-fit:contain;background:repeating-conic-gradient(#e7ece9 0 25%,#f5f7f6 0 50%) 50% / 12px 12px}.admin-mail-fields{display:grid;gap:.85rem;margin-top:1rem}.admin-mail-card label{display:grid;gap:.42rem;color:#365049;font-size:.78rem;font-weight:750}.admin-mail-card label>span{color:#7b8984;font-weight:500}.admin-mail-card input:not([type=checkbox]),.admin-mail-card select,.admin-mail-card textarea{width:100%;min-height:46px;padding:.8rem .9rem;border:1px solid #d5dfda;border-radius:13px;background:#fafcfb;color:#18312c;outline:none}.admin-mail-card textarea{min-height:130px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;line-height:1.55}.admin-mail-card input:focus,.admin-mail-card select:focus,.admin-mail-card textarea:focus{border-color:#4b917e;box-shadow:0 0 0 4px #4b917e1f}.admin-mail-checks{display:grid;gap:.7rem;margin-top:1rem}.admin-mail-checks label,.admin-template-toggle{display:flex;grid-template-columns:none;align-items:center;gap:.55rem}.admin-mail-checks input,.admin-template-toggle input{width:18px;height:18px;accent-color:#23735e}.admin-mail-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.admin-mail-actions button,.admin-mail-card.template>button{min-height:44px;padding:.72rem 1rem;border:0;border-radius:12px;background:#23735e;color:#fff;font-weight:800;cursor:pointer}.admin-mail-actions button.secondary{border:1px solid #cddbd4;background:#fff;color:#315f52}.admin-mail-actions button:disabled,.admin-mail-card.template>button:disabled{opacity:.55;cursor:wait}.admin-mail-templates{display:grid;gap:.85rem;margin-top:.6rem}.admin-mail-templates>div>h2{margin:.3rem 0}.admin-mail-templates>div>p:last-child{margin:0;color:#6b7c76;font-size:.82rem}.admin-mail-card.template{display:grid;gap:.85rem}.admin-push-preview{display:grid;gap:.28rem;padding:1rem 1.1rem;border:1px solid rgba(26,87,70,.12);border-radius:18px;background:#ffffffd6;box-shadow:0 10px 30px #1f483b14}.admin-push-preview strong{color:#173f34}.admin-push-preview span{color:#667a74;font-size:.8rem}.admin-template-variables{margin:0;padding:.65rem .75rem;border-radius:11px;background:#f0f6f3;color:#4f7066;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;overflow-wrap:anywhere}.admin-mail-test>p{margin:.8rem 0 0;max-width:760px;color:#687a73;font-size:.82rem;line-height:1.55}.admin-mail-test-fields{display:grid;gap:.85rem;margin-top:1rem}.admin-mail-template-heading{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.admin-mail-template-heading>div>h2{margin:.3rem 0}.admin-mail-template-heading>div>p:last-child{margin:0;color:#6b7c76;font-size:.82rem}@media(min-width:820px){.admin-catalog-status{align-items:center;flex-direction:row;justify-content:space-between}.admin-catalog-status .admin-refresh{width:auto}.admin-auth-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.admin-auth-intro{min-height:100vh;padding:3rem clamp(2rem,6vw,6rem)}.admin-auth-form-wrap{min-height:100vh;margin:0;padding:2rem;place-items:center;background:#ffffff80}.admin-user span{display:inline}.admin-content{padding:2rem}.admin-support-grid{grid-template-columns:340px minmax(0,1fr);align-items:start}.admin-team-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.admin-customer-search{max-width:720px}.admin-customer-grid{grid-template-columns:340px minmax(0,1fr);align-items:start}.admin-customer-detail{padding:1.5rem;position:sticky;top:88px}.admin-invite-card{position:sticky;top:88px}.admin-request-list{display:grid;overflow:visible;padding:0}.admin-request-card{width:100%}.admin-request-detail{padding:1.5rem;position:sticky;top:88px}.admin-reply button{width:auto}.admin-audit-list,.admin-mail-fields,.admin-mail-test-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-mail-template-heading{grid-column:1 / -1;flex-direction:row;align-items:flex-end;justify-content:space-between}.admin-mail-card{padding:1.35rem}.admin-mail-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-mail-templates>div{grid-column:1 / -1}}.auth-layout{min-height:100vh;background:linear-gradient(180deg,#e8f2eb 0,#f6f8f6 42%)}.brand-panel{min-height:300px;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem 4.5rem;color:#173a32;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border:1px solid rgba(42,121,100,.12);border-radius:50%;pointer-events:none}.brand-panel:before{width:260px;height:260px;right:-90px;top:-110px}.brand-panel:after{width:180px;height:180px;right:-48px;top:-72px}.brand-mark{width:44px;height:44px;border-radius:14px;background:#23735e;color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:850;letter-spacing:-.03em;box-shadow:0 8px 24px #23735e2e;position:relative;z-index:1}.auth-app-icon{width:58px;height:58px;border-radius:17px;object-fit:contain;box-shadow:0 14px 28px #071c172e}.eyebrow,.step{margin:0;color:#478071;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.brand-panel h1{max-width:620px;margin:.7rem 0 1rem;font-size:clamp(2.65rem,12vw,5.5rem);line-height:.98;letter-spacing:-.06em}.brand-copy{max-width:520px;margin:0;color:#5f746e;font-size:1rem;line-height:1.6}.brand-stats{display:none}.auth-panel{min-height:calc(100vh - 265px);margin-top:-2.25rem;padding:0 1rem max(1.5rem,env(safe-area-inset-bottom));display:grid;place-items:start center;position:relative;z-index:2}.demo-badge{display:none}.auth-card{width:min(100%,450px);padding:1.55rem;background:#ffffffeb;border:1px solid rgba(211,222,216,.9);border-radius:26px;box-shadow:0 22px 60px #26453b1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-card h2{margin:.35rem 0 .65rem;font-size:1.75rem;letter-spacing:-.045em}.muted{margin:0 0 1.45rem;color:#71807b;line-height:1.55}.auth-card label{display:grid;gap:.5rem;margin:1rem 0;color:#365049;font-size:.79rem;font-weight:750}.auth-card input,.auth-card select{width:100%;min-height:52px;padding:.9rem 1rem;border:1px solid #d5dfda;border-radius:14px;background:#f9fbfa;color:#18312c;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-card input:focus,.auth-card select:focus{border-color:#4b917e;background:#fff;box-shadow:0 0 0 4px #4b917e1f}.auth-card .remember-device{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:.7rem;margin:1.15rem 0 .35rem;padding:.75rem;border:1px solid #e0e8e4;border-radius:14px;background:#fbfcfb;cursor:pointer}.auth-card .remember-device input{width:20px;min-height:20px;height:20px;margin:.1rem 0 0;padding:0;accent-color:#23735e}.remember-device span{min-width:0;display:grid;gap:.25rem}.remember-device strong{color:#31564c;font-size:.78rem}.remember-device small{color:#76857f;font-size:.67rem;font-weight:500;line-height:1.4}.auth-card button[type=submit]{width:100%;min-height:52px;margin-top:1rem;padding:1rem 1.1rem;border:0;border-radius:14px;background:#23735e;color:#fff;font-weight:800;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 12px 24px #23735e2e}.auth-card button:disabled{cursor:wait;opacity:.62}.form-message{margin:.75rem 0 0;padding:.75rem .85rem;border-radius:12px;font-size:.76rem;line-height:1.4}.form-message.error{background:#fff2ef;color:#8a3d31}.form-message.success{background:#edf8f2;color:#276c59}.preview-link{margin-top:-.45rem;color:#6f817b}.text-button{width:100%;min-height:46px;padding:.85rem;border:0;background:none;color:#357361;font-size:.8rem;font-weight:750;cursor:pointer}.otp-input{font-size:1.5rem;letter-spacing:.4em;text-align:center}.privacy-note{max-width:420px;margin:1rem auto 0;color:#8b9793;font-size:.68rem;text-align:center}.data-preparation-screen{min-height:100vh;padding:max(2rem,env(safe-area-inset-top)) 1.5rem max(2rem,env(safe-area-inset-bottom));background:linear-gradient(145deg,#f7faf8,#e8f2ed);color:#18312c;display:grid;place-items:center;align-content:center;text-align:center}.data-preparation-screen .brand-mark{margin-bottom:1.5rem}.data-preparation-screen h1{max-width:19ch;margin:.5rem 0 .75rem;font-size:clamp(2rem,7vw,3.4rem);line-height:1.02;letter-spacing:-.05em}.data-preparation-screen>p:not(.eyebrow){max-width:54ch;margin:0;color:#687c75;font-size:.8rem;line-height:1.65}.data-preparation-screen>button{margin-top:1.5rem;padding:.65rem .9rem;border:1px solid #cfddd6;border-radius:12px;background:#ffffffbd;color:#506b62;font-size:.7rem;font-weight:780}.data-preparation-spinner{width:44px;height:44px;margin-bottom:1.25rem;border:3px solid rgba(45,128,105,.16);border-top-color:#2d8069;border-radius:50%;animation:data-preparation-spin .8s linear infinite}@keyframes data-preparation-spin{to{transform:rotate(360deg)}}.dashboard-shell{min-height:100vh;padding-bottom:calc(112px + env(safe-area-inset-bottom));overflow-x:clip;background:radial-gradient(circle at 88% 2%,rgba(168,225,182,.2),transparent 26rem),radial-gradient(circle at 18% 92%,rgba(75,145,126,.08),transparent 24rem),#f4f7f4}.desktop-sidebar{display:none}.sidebar-brand{width:100%;min-height:66px;display:flex;align-items:center}.sidebar-brand-logo{width:100%;height:66px;padding:.15rem 0;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 12px rgba(7,28,23,.18))}.sidebar-brand-fallback{min-width:0;display:flex;align-items:center;gap:.7rem}.sidebar-brand-fallback strong{min-width:0;overflow:hidden;color:#fff;font-size:.77rem;line-height:1.2;text-overflow:ellipsis}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.dashboard-main{width:min(100%,1280px);margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1rem 1.5rem}.portal-view-stage{min-width:0;max-width:100%;animation:portal-view-enter .34s cubic-bezier(.2,.8,.2,1) both}@keyframes portal-view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-app-toolbar{position:sticky;z-index:18;top:max(.55rem,env(safe-area-inset-top));min-height:52px;margin:0 0 1.25rem;padding:.35rem;border:1px solid rgba(211,225,218,.9);border-radius:20px;background:#f9fcfae6;box-shadow:0 10px 30px #20473b14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-app-brand{min-width:0;display:flex;align-items:center;gap:.6rem}.mobile-app-brand>span{width:38px;height:38px;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#d9eee3,#eef6f1);color:#246b58;display:grid;place-items:center;font-size:.62rem;font-weight:900;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px #2c6f5b14}.mobile-app-brand strong{overflow:hidden;color:#244b40;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.mobile-app-brand.has-logo{width:min(112px,34vw);height:40px;padding:.3rem .5rem;border-radius:14px;background:linear-gradient(155deg,#1c5949,#16483c);box-shadow:inset 0 0 0 1px #ffffff14}.mobile-app-brand-logo{width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 8px rgba(7,28,23,.16))}.mobile-toolbar-actions{flex:0 0 auto;display:flex;align-items:center;gap:.3rem}.mobile-toolbar-actions>button{position:relative;width:42px;height:42px;padding:0;border:1px solid transparent;border-radius:14px;background:transparent;color:#37715f;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.mobile-toolbar-actions>button:hover,.mobile-toolbar-actions>button.active{border-color:#cee0d7;background:#e9f3ee}.mobile-toolbar-actions>button:active{transform:scale(.94)}.mobile-toolbar-actions>button:focus-visible{outline:3px solid rgba(45,113,94,.2);outline-offset:1px}.mobile-toolbar-actions .portal-navigation-icon{width:21px;height:21px}.mobile-account-backdrop{position:fixed;z-index:1;inset:0;padding:0;border:0;background:#102c2414;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mobile-account-menu{position:absolute;z-index:2;top:calc(100% + .55rem);right:0;width:min(280px,calc(100vw - 2rem));padding:.55rem;border:1px solid #d5e2dc;border-radius:20px;background:#fffffffa;box-shadow:0 20px 50px #173c322e;display:grid;gap:.25rem;animation:mobile-account-menu-enter .18s ease-out both}.mobile-account-menu>div{min-width:0;padding:.65rem .7rem .75rem;border-bottom:1px solid #e6eeea;display:grid;gap:.2rem}.mobile-account-menu>div strong{color:#244b40;font-size:.73rem}.mobile-account-menu>div span{overflow:hidden;color:#74857f;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.mobile-account-menu>button{min-height:44px;padding:.65rem .7rem;border:0;border-radius:13px;background:transparent;color:#356b5c;display:flex;align-items:center;gap:.7rem;font-size:.68rem;font-weight:780;text-align:left;cursor:pointer}.mobile-account-menu>button:hover{background:#edf5f1}.mobile-account-menu>button .portal-navigation-icon{width:19px;height:19px}.mobile-account-menu>button.mobile-account-exit{margin-top:.15rem;border-top:1px solid #edf1ef;border-radius:0 0 13px 13px;color:#8b4f45}@keyframes mobile-account-menu-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-header{margin-bottom:.15rem}.dashboard-header h2{margin:.35rem 0 0;font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.05;letter-spacing:-.05em}.customer-display-name{max-width:34ch;margin:.5rem 0 0;overflow:hidden;color:#4f6961;display:-webkit-box;font-size:clamp(.82rem,3.8vw,1rem);font-weight:760;letter-spacing:-.015em;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.notification-header-button .portal-navigation-icon{width:20px;height:20px}.notification-header-button>span{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 4px;border:2px solid #f4f7f4;border-radius:999px;background:#c94e40;color:#fff;display:grid;place-items:center;font-size:.52rem}.data-status{width:max-content;max-width:100%;margin:1rem 0;padding:.5rem .7rem;border:1px solid #dce6e1;border-radius:999px;background:#ffffffd1;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;color:#587069;font-size:.68rem}.data-status>span{width:7px;height:7px;border-radius:50%;background:#4b9a76;box-shadow:0 0 0 4px #4b9a761a}.data-status.loading>span{background:#d0a24c}.data-status.stale>span{background:#c18b36;box-shadow:0 0 0 4px #c18b361f}.data-status.stale strong{color:#815d24}.data-status.synthetic>span{background:#8a9692}.data-status.unavailable>span{background:#b66355}.data-status strong{color:#31584d}.data-status small{color:#8b9894}.data-status button{width:32px;height:32px;margin:-.25rem -.35rem -.25rem auto;padding:0;border:0;border-radius:999px;background:#e8f2ed;color:#2d6d5a;font-size:.66rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .2s ease,background .2s ease}.data-status button span{display:block;font-size:1.05rem;line-height:1}.data-status button:hover{background:#dcece4;transform:rotate(20deg)}.data-status button:disabled{cursor:wait;opacity:.65}.dashboard-message{margin:-.35rem 0 1rem;font-size:.76rem}.dashboard-message.success{color:#316a55}.dashboard-message.notice{color:#815d24}.dashboard-message.error{color:#8a3d31}.overview-filter-row{margin-bottom:.8rem;display:grid;gap:.65rem}.overview-filter-row>div:first-child span,.overview-filter-row>div:first-child strong{display:block}.overview-filter-row>div:first-child span{color:#75857f;font-size:.68rem}.overview-filter-row>div:first-child strong{margin-top:.2rem;color:#31584d;font-size:.82rem}.subscription-multiselect{position:relative;min-width:0}.subscription-multiselect-trigger{width:100%;min-height:52px;padding:.65rem .8rem;border:1px solid #d6e2dc;border-radius:15px;background:#fff;color:#31584d;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .7rem;text-align:left;cursor:pointer}.subscription-multiselect-trigger span,.subscription-multiselect-trigger strong{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-multiselect-trigger span{color:#81908b;font-size:.61rem}.subscription-multiselect-trigger strong{font-size:.72rem}.subscription-multiselect-trigger i{grid-column:2;grid-row:1 / 3;font-size:1rem;font-style:normal;transition:transform .18s ease}.subscription-multiselect.open .subscription-multiselect-trigger i{transform:rotate(180deg)}.subscription-multiselect-panel{position:absolute;z-index:12;top:calc(100% + .4rem);right:0;width:min(100%,390px);max-height:390px;padding:.75rem;border:1px solid #d6e2dc;border-radius:18px;background:#fffffffa;box-shadow:0 18px 45px #1f3e3529;overflow:hidden}.subscription-multiselect-panel>label>span{display:block;margin-bottom:.35rem;color:#61766f;font-size:.62rem;font-weight:780}.subscription-multiselect-panel input[type=search],.subscription-search input{width:100%;min-height:42px;padding:.65rem .75rem;border:1px solid #d7e1dc;border-radius:12px;background:#f8faf9;color:#18312c;outline:none}.subscription-multiselect-panel input[type=search]:focus,.subscription-search input:focus{border-color:#4b917e;background:#fff;box-shadow:0 0 0 3px #4b917e1f}.subscription-multiselect-actions{margin:.55rem 0;display:flex;justify-content:flex-start;gap:.5rem}.subscription-multiselect-actions button:last-child{margin-left:auto}.subscription-multiselect-actions button{min-height:34px;padding:.4rem .55rem;border:0;border-radius:10px;background:#edf4f0;color:#39715f;font-size:.62rem;font-weight:800;cursor:pointer}.subscription-options{max-height:230px;display:grid;gap:.2rem;overflow-y:auto}.subscription-options>label{padding:.55rem;border-radius:11px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:.55rem;cursor:pointer}.subscription-options>label:hover{background:#f2f7f4}.subscription-options input{width:17px;height:17px;accent-color:#2d8069}.subscription-options strong,.subscription-options small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-options strong{font-size:.68rem}.subscription-options small{margin-top:.16rem;color:#87938f;font-size:.58rem}.subscription-options p{margin:.75rem;color:#7b8b85;font-size:.68rem;text-align:center}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.metrics article,.chart-card,.invoice-card{min-width:0;padding:1.05rem;border:1px solid #dfe7e3;border-radius:22px;background:#fff;box-shadow:var(--portal-card-shadow);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.metrics .usage-card{grid-column:1 / -1;min-height:175px;background:linear-gradient(145deg,var(--portal-green-950),#286b58);border-color:#ffffff0f;color:#fff;position:relative;overflow:hidden}.metrics .usage-card:after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-105px;border:1px solid rgba(168,225,182,.2);border-radius:50%;box-shadow:0 0 0 28px #2f7c6509,0 0 0 58px #2f7c6506}.metrics .usage-card span,.metrics .usage-card em{color:#effaf4b3}.metrics .usage-card strong{color:#fff}.metrics .usage-card .metric-icon{background:var(--portal-mint);color:var(--portal-green-950);box-shadow:0 12px 24px #08231c38}.metric-icon{width:34px;height:34px;margin-bottom:1.25rem;border-radius:11px;background:#2d8069;color:#fff;display:grid;place-items:center;font-weight:900}.metric-icon.soft{margin-bottom:1rem;background:#edf4f0;color:#39715f}.metrics span,.card-heading span{display:block;color:#75857f;font-size:.72rem}.metrics strong{display:block;margin:.6rem 0;font-size:clamp(1.25rem,6vw,2rem);letter-spacing:-.04em}.metrics small{font-size:.7rem;letter-spacing:0}.metrics em{color:#7d8c87;font-size:.68rem;font-style:normal}.dashboard-grid{display:grid;gap:.75rem;margin-top:.75rem}.card-heading{display:flex;justify-content:space-between;align-items:flex-start}.card-heading strong{display:block;margin-top:.25rem;font-size:1rem}.card-heading button{min-width:42px;min-height:36px;border:0;border-radius:11px;background:#f1f5f3;color:#39715f;font-size:.72rem;font-weight:750}.comparison-chart{min-width:0;margin-top:1rem}.comparison-chart svg{width:100%;height:210px;display:block;overflow:hidden}.comparison-chart circle{cursor:pointer;outline:none;transition:r .15s ease}.comparison-chart path{filter:drop-shadow(0 4px 5px rgba(24,77,64,.08))}.comparison-chart circle:focus-visible{stroke:#fff;stroke-width:3}.chart-grid-line{stroke:#dfe8e3;stroke-width:1;stroke-dasharray:5 7}.comparison-periods{margin:-.2rem 1rem 0;display:flex;justify-content:space-between;gap:.25rem}.comparison-periods span{color:#7d8d87;font-size:.56rem;text-transform:capitalize}.comparison-legend{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.45rem .75rem}.comparison-legend span{min-width:0;color:#637870;display:flex;align-items:center;gap:.35rem;font-size:.6rem}.comparison-legend i{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.chart-active-value{min-height:1.2rem;margin:.25rem 0 0;color:#3c675b;font-size:.62rem;font-weight:720;text-align:center}.chart-empty{min-height:210px;color:#7b8b85;display:grid;place-items:center;font-size:.68rem;text-align:center}.subscriptions-view{margin-top:1.35rem}.subscription-search{margin-bottom:.8rem;display:block}.subscription-search span{display:block;margin-bottom:.35rem;color:#61766f;font-size:.64rem;font-weight:780}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.section-heading h3{margin:.35rem 0 0;font-size:clamp(1.35rem,6vw,2rem);letter-spacing:-.04em}.section-heading>span{flex:0 0 auto;padding:.45rem .65rem;border-radius:999px;background:#e8f1ed;color:#39715f;font-size:.68rem;font-weight:800}.subscription-list{display:grid;gap:.75rem}.subscription-card{padding:1rem;border:1px solid #dfe7e3;border-radius:22px;background:#fff;box-shadow:0 10px 30px #26453b0e}.subscription-card{transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.subscription-card header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.75rem}.subscription-icon{width:42px;height:42px;border-radius:13px;background:#e5f1eb;color:#2d8069;display:grid;place-items:center;font-weight:900}.subscription-card h4{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;white-space:nowrap}.subscription-card header p{margin:.25rem 0 0;color:#81908b;font-size:.68rem;line-height:1.35;overflow-wrap:anywhere}.subscription-card header>span{padding:.4rem .55rem;border-radius:999px;font-size:.62rem;font-weight:800}.subscription-card header>span.active{background:#e8f5ed;color:#397258}.subscription-card header>span.inactive{background:#f5ece9;color:#945848}.subscription-card dl{display:grid;gap:.65rem;margin:1rem 0 0;padding-top:.9rem;border-top:1px solid #edf1ef}.subscription-card dl div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.subscription-card dt{color:#7d8c87;font-size:.68rem}.subscription-card dd{margin:0;color:#31584d;font-size:.7rem;font-weight:750;text-align:right;overflow-wrap:anywhere}.contract-empty{margin:1rem 0 0;padding:.8rem;border-radius:13px;background:#f5f7f6;color:#7d8c87;font-size:.7rem;line-height:1.45}.subscription-card-actions{margin-top:.85rem;padding-top:.75rem;border-top:1px solid #edf1ef;display:flex;gap:.5rem}.subscription-card-actions button{min-height:38px;padding:.55rem .75rem;border:1px solid #d7e3dd;border-radius:11px;background:#f4f8f6;color:#326b5a;font-size:.65rem;font-weight:800;cursor:pointer}.subscription-empty{min-height:220px;margin-top:1.35rem;padding:2rem;border:1px dashed #ccd9d3;border-radius:22px;background:#ffffff8c;color:#70827b;display:grid;place-items:center;align-content:center;gap:.45rem;text-align:center}.subscription-empty strong{color:#31584d}.subscription-empty span{font-size:.75rem}.profile-view{max-width:760px;margin-top:1.35rem}.profile-identity-card{padding:1.1rem;border:1px solid #d6e4dc;border-radius:22px;background:linear-gradient(145deg,#e7f2ec,#fbfdfc);display:flex;align-items:center;gap:.9rem;box-shadow:0 10px 30px #26453b0e}.profile-monogram{width:52px;height:52px;flex:0 0 auto;border-radius:17px;background:#2d8069;color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:900}.profile-identity-card span,.profile-contact-heading span{display:block;color:#7b8b85;font-size:.68rem}.profile-identity-card strong{display:block;margin-top:.25rem;color:#284f44;font-size:1rem}.profile-contact-heading{margin:1.25rem 0 .7rem}.profile-contact-heading strong{display:block;margin-bottom:.25rem;font-size:.86rem}.profile-contact-list{display:grid;gap:.65rem}.profile-contact-list article{min-width:0;padding:.9rem 1rem;border:1px solid #e0e8e4;border-radius:18px;background:#fff;display:flex;align-items:center;gap:.8rem}.profile-contact-list article>span{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:#edf4f0;color:#39715f;display:grid;place-items:center;font-weight:900}.profile-contact-list div{min-width:0}.profile-contact-list small{display:block;color:#82908c;font-size:.65rem}.profile-contact-list strong{display:block;margin-top:.2rem;overflow:hidden;color:#31584d;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.profile-identity-card small{display:block;margin-top:.35rem;color:#71837c;font-size:.65rem}.profile-contact-empty{padding:1.15rem;border:1px dashed #ccd9d3;border-radius:18px;color:#70827b;font-size:.74rem;text-align:center}.profile-state-card{min-height:118px;padding:1.15rem;border:1px dashed #ccd9d3;border-radius:18px;background:#ffffff8c;color:#70827b;display:grid;place-items:center;align-content:center;gap:.35rem;font-size:.74rem;text-align:center}.profile-state-card strong{color:#31584d}.profile-support-note{width:100%;margin-top:1rem;padding:1rem;border:0;border-radius:18px;background:#f1f4f2;color:#64766f;display:grid;gap:.3rem;text-align:left;cursor:pointer}.profile-support-note strong{color:#31584d;font-size:.78rem}.profile-support-note span{font-size:.7rem;line-height:1.5}.profile-notification-section{scroll-margin-top:1rem}.support-view{max-width:900px;margin-top:1.35rem}.notification-view{max-width:840px;margin-top:1.35rem}.notification-heading{align-items:center}.notification-heading button{min-height:40px;padding:.55rem .75rem;border:1px solid #cbded5;border-radius:12px;background:#edf5f1;color:#2e6958;font-size:.65rem;font-weight:800;cursor:pointer}.notification-heading>span{color:#778882;font-size:.65rem}.notification-preferences{padding:1rem;border:1px solid #d9e5df;border-radius:22px;background:linear-gradient(145deg,#edf6f1,#fff);display:grid;gap:.8rem}.notification-preferences>div:first-child strong,.notification-preferences>div:first-child span{display:block}.notification-preferences>div:first-child strong{color:#274f44;font-size:.82rem}.notification-preferences>div:first-child span{margin-top:.2rem;color:#74857f;font-size:.66rem}.notification-preferences label{padding:.75rem;border-radius:15px;background:#ffffffc7;display:flex;align-items:center;gap:.7rem;cursor:pointer}.notification-preferences input{width:19px;height:19px;accent-color:#2d8069}.notification-preferences label strong,.notification-preferences label small{display:block}.notification-preferences label strong{color:#31584d;font-size:.72rem}.notification-preferences label small{margin-top:.15rem;color:#81908b;font-size:.6rem}.push-preference-coming{padding:.75rem;border:1px dashed #cbd9d3;border-radius:15px;color:#71827c;display:grid;gap:.15rem}.push-preference-coming span{color:#39715f;font-size:.62rem;font-weight:820;text-transform:uppercase;letter-spacing:.06em}.push-preference-coming strong{font-size:.7rem}.push-preference-coming small{font-size:.6rem}.push-preference-actions{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.4rem}.push-preference-actions button{min-height:36px;padding:.45rem .65rem;border:1px solid #bad3c8;border-radius:11px;background:#fff;color:#2e6958;font:inherit;font-size:.6rem;font-weight:800;cursor:pointer}.push-preference-actions button:first-child{background:#e5f1eb}.push-preference-actions button:disabled{cursor:wait;opacity:.6}.notification-preferences>p{margin:0;color:#96483d;font-size:.65rem}.notification-settings-link{width:100%;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid #dce6e1;border-radius:16px;background:#ffffffad;color:#31584d;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.notification-settings-link:hover{border-color:#bad3c8;background:#fff;transform:translateY(-1px)}.notification-settings-link strong,.notification-settings-link small{display:block}.notification-settings-link strong{font-size:.7rem}.notification-settings-link small{margin-top:.18rem;color:#7b8b85;font-size:.61rem;line-height:1.4}.notification-settings-link b{color:#548777;font-size:1rem}.notification-list{display:grid;gap:.65rem}.notification-list button{width:100%;padding:.9rem 1rem;border:1px solid #dfe7e3;border-radius:18px;background:#fff;color:#31584d;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:.75rem;text-align:left;cursor:pointer;box-shadow:0 8px 24px #26453b0b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.notification-list button:hover{transform:translateY(-2px);border-color:#bad3c8;box-shadow:0 14px 32px #26453b14}.notification-list button>i{width:8px;height:8px;border-radius:50%;background:#b7c8c1}.notification-list button.unread>i{background:#2d8069;box-shadow:0 0 0 5px #2d80691a}.notification-list button>span{min-width:0}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{font-size:.75rem}.notification-list small{margin-top:.25rem;color:#687c75;font-size:.67rem;line-height:1.45}.notification-list time{margin-top:.35rem;color:#94a09c;font-size:.57rem}.notification-list b{color:#85a197;font-size:1.25rem}.notification-list button.read{opacity:.78}.support-heading{align-items:center}.support-new-button{min-height:42px;padding:.7rem .85rem;border:1px solid #b8d0c5;border-radius:13px;background:#e8f2ed;color:#2e6958;font-size:.7rem;font-weight:820;cursor:pointer}.support-new-button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.support-new-button:hover{background:#dcece4;box-shadow:0 8px 18px #26453b14;transform:translateY(-1px)}.support-form{margin-bottom:1rem;padding:1rem;border:1px solid #d7e4de;border-radius:22px;background:#fff;box-shadow:0 10px 30px #26453b0e;display:grid;gap:.85rem}.support-form>div{display:grid;gap:.4rem}.support-form label{color:#3d5b52;font-size:.7rem;font-weight:780}.support-form input,.support-form select,.support-form textarea{width:100%;padding:.8rem .9rem;border:1px solid #d5dfda;border-radius:13px;background:#f9fbfa;color:#18312c;outline:none}.support-form input,.support-form select{min-height:48px}.support-form textarea{min-height:120px;resize:vertical;line-height:1.5}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:#4b917e;background:#fff;box-shadow:0 0 0 4px #4b917e1f}.support-submit-button{min-height:48px;border:0;border-radius:13px;background:#23735e;color:#fff;font-size:.75rem;font-weight:820;cursor:pointer}.support-submit-button:disabled{cursor:wait;opacity:.65}.support-feedback{margin:0 0 .8rem;padding:.75rem .85rem;border-radius:12px;font-size:.72rem}.support-feedback.success{background:#e8f5ed;color:#316a55}.support-feedback.error{margin:0;background:#fff2ef;color:#8a3d31}.support-list{display:grid;gap:.75rem}.support-card{padding:1rem;border:1px solid #dfe7e3;border-radius:22px;background:#fff;box-shadow:0 10px 30px #26453b0e}.support-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.support-card>header>div{min-width:0}.support-card>header>div>span{color:#4a7c6d;font-size:.62rem;font-weight:820;text-transform:uppercase;letter-spacing:.07em}.support-card h4{margin:.3rem 0 .2rem;overflow-wrap:anywhere;font-size:.92rem}.support-card header small{color:#84918d;font-size:.62rem}.support-card>p{margin:.9rem 0;color:#5f746d;font-size:.73rem;line-height:1.55;overflow-wrap:anywhere}.support-status{flex:0 0 auto;padding:.4rem .55rem;border-radius:999px;background:#edf2ef;color:#63766f;font-size:.59rem;font-weight:820}.support-status.open{background:#edf4f0;color:#39715f}.support-status.in_progress{background:#fff3df;color:#93631e}.support-status.resolved{background:#e8f5ed;color:#397258}.support-timeline{padding-top:.8rem;border-top:1px solid #edf1ef;display:grid;gap:.65rem}.support-timeline>div{display:grid;grid-template-columns:10px minmax(0,1fr);gap:.65rem;align-items:start}.support-timeline i{width:8px;height:8px;margin-top:.25rem;border:2px solid #b4cec2;border-radius:50%;background:#fff}.support-timeline span,.support-timeline strong,.support-timeline small{display:block}.support-timeline strong{color:#3a5e53;font-size:.67rem}.support-timeline .support-event-message{margin-top:.35rem;padding:.55rem .65rem;border-radius:11px;background:#f2f7f4;color:#48665d;font-size:.68rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.support-timeline small{margin-top:.18rem;color:#8a9692;font-size:.59rem}.invoices-view{max-width:900px;margin-top:1.35rem}.overdue-summary{min-height:132px;padding:1.1rem;border:1px solid #ead8c1;border-radius:22px;background:linear-gradient(145deg,#fff8ed,#fffdf8);display:flex;align-items:flex-start;gap:.9rem;box-shadow:0 10px 30px #5b401c0e}.overdue-summary.clear{border-color:#d4e6dc;background:linear-gradient(145deg,#edf7f1,#fbfdfc)}.overdue-summary .metric-icon{flex:0 0 auto;margin:0}.overdue-summary>div:last-child{min-width:0}.overdue-summary span,.overdue-summary small{display:block;color:#7f7467;font-size:.68rem}.overdue-summary strong{display:block;margin:.45rem 0;color:#744d20;font-size:clamp(1.45rem,7vw,2.2rem);letter-spacing:-.045em}.overdue-summary.clear strong{color:#316a55}.invoice-amount-chart{margin-top:1rem}.invoice-filters{margin:.85rem 0;display:flex;gap:.5rem;overflow-x:auto}.invoice-filters button{min-height:40px;padding:.6rem .8rem;border:1px solid #dce6e1;border-radius:13px;background:#fff;color:#70817b;font-size:.7rem;font-weight:780;white-space:nowrap}.invoice-filters button.active{border-color:#91b9a9;background:#e9f3ee;color:#285e50}.invoice-filters button span{display:inline-grid;min-width:18px;min-height:18px;margin-left:.25rem;place-items:center;border-radius:999px;background:#ffffffc2;font-size:.58rem}.invoice-list{display:grid;gap:.7rem}.invoice-list-headings{display:none}.invoice-list-card{padding:1rem;border:1px solid #dfe7e3;border-radius:20px;background:#fff;box-shadow:0 8px 24px #26453b0b}.invoice-list-card{transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.invoice-list-card.unpaid{border-color:#e7d59f;box-shadow:inset 3px 0 #d9a72f,0 8px 24px #5b401c0d}.invoice-list-card.overdue{border-color:#e8b7b0;box-shadow:inset 3px 0 #cf5748,0 8px 24px #7a2f270f}.invoice-list-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.invoice-list-card>header div span,.invoice-list-card>header div small{display:block}.invoice-list-card>header div span{font-size:.85rem;font-weight:820}.invoice-list-card>header div small{margin-top:.25rem;color:#83908c;font-size:.64rem}.invoice-status{flex:0 0 auto;padding:.4rem .55rem;border-radius:999px;background:#f0f3f2;color:#6f7c78;font-size:.59rem;font-weight:820}.invoice-status.overdue{background:#fde8e5;color:#a43e33}.invoice-status.unpaid{background:#fff3cf;color:#8a6518}.invoice-status.paid{background:#e8f5ed;color:#397258}.invoice-list-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.9rem 0 0;padding:.85rem 0;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.invoice-list-card dl div:last-child{grid-column:auto}.invoice-list-card dt{color:#81908b;font-size:.62rem}.invoice-list-card dd{margin:.25rem 0 0;color:#31584d;font-size:.74rem;font-weight:780}.invoice-list-card footer{padding-top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.invoice-list-card footer>span{max-width:34ch;color:#83908c;font-size:.62rem;line-height:1.35}.list-pagination{grid-column:1 / -1;margin-top:.4rem;padding:.55rem;border:1px solid #dce7e2;border-radius:18px;background:#ffffffd1;display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,4vw,2rem)}.list-pagination button{min-height:40px;padding:.55rem .9rem;border:1px solid #d2e1da;border-radius:12px;background:#f1f7f4;color:#2b6f5e;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.list-pagination button:disabled{opacity:.4;cursor:default}.list-pagination span{color:#72837d;font-size:.66rem;white-space:nowrap}.list-pagination strong{color:#214f43}.invoice-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}.price-report-link,.price-report-preview{min-height:34px;padding:0 .65rem;border-radius:10px;display:inline-grid;place-items:center;font-size:.62rem;font-weight:800}.price-report-link{border:1px solid #d6e3dd;background:#fff;color:#326a59;cursor:pointer}.price-report-link:disabled{cursor:wait;opacity:.7}.price-report-preview{color:#8e9a96;background:#f0f3f2}.price-report-unavailable{max-width:76px;color:#9b6a2c;font-size:.58rem;font-weight:750;line-height:1.15;text-align:center}.invoice-filter-empty{min-height:150px;padding:1.5rem;border:1px dashed #ccd9d3;border-radius:20px;background:#ffffff8c;color:#70827b;display:grid;place-items:center;text-align:center;font-size:.75rem}.consumption-view{margin-top:1.35rem}.series-selector{margin:0 -.15rem .85rem;padding:.15rem;display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none}.series-selector::-webkit-scrollbar{display:none}.series-selector button{flex:0 0 auto;min-height:40px;padding:.65rem .85rem;border:1px solid #dce6e1;border-radius:13px;background:#fff;color:#71807b;font-size:.7rem;font-weight:750}.series-selector button.active{border-color:#92bbaa;background:#e8f3ed;color:#285e50}.consumption-chart-card{padding:1rem;border:1px solid #d8e5df;border-radius:22px;background:linear-gradient(145deg,#f9fcfa,#e8f3ed);box-shadow:0 10px 30px #26453b0e}.consumption-view>.subscription-multiselect,.invoices-view>.subscription-multiselect{margin-bottom:.85rem}.consumption-comparison-card{margin-top:.75rem;background:#fff}.consumption-chart-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.consumption-chart-card>header span,.consumption-chart-card>header small{display:block}.consumption-chart-card>header span{font-size:.8rem;font-weight:800}.consumption-chart-card>header small{margin-top:.2rem;color:#7b8c86;font-size:.65rem;font-weight:500}.consumption-chart-card>header>strong{flex:0 0 auto;font-size:1.15rem;letter-spacing:-.035em;text-align:right}.consumption-chart-card>header>strong small{display:inline;color:#537269;font-size:.62rem}.consumption-bars{height:220px;margin-top:1.25rem;display:flex;align-items:end;gap:.4rem;overflow-x:auto}.consumption-bars>div{height:100%;min-width:28px;flex:1 0 28px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:.45rem}.consumption-bars i{width:min(100%,32px);min-height:8px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#70bca0,#2d8069);box-shadow:0 6px 12px #2d80691f}.consumption-bars small{color:#72857e;font-size:.59rem;text-transform:capitalize}.consumption-periods{margin-top:.75rem;display:grid;gap:.65rem}.consumption-periods>article{padding:1rem;border:1px solid #dfe7e3;border-radius:18px;background:#fff}.consumption-periods article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid #edf1ef}.consumption-periods article>header strong,.consumption-periods article>header small{display:block}.consumption-periods article>header>strong{color:#285e50;font-size:.9rem;text-align:right}.consumption-periods article>header small{margin-top:.2rem;color:#85928e;font-size:.62rem;font-weight:500}.consumption-periods dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem;margin:.8rem 0 0}.consumption-periods dl div{min-width:0}.consumption-periods dt{color:#81908b;font-size:.63rem}.consumption-periods dd{margin:.25rem 0 0;color:#31584d;font-size:.72rem;font-weight:750}.bars{height:210px;display:flex;align-items:end;gap:.65rem;padding-top:1.75rem}.bars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:.55rem}.bars i{width:100%;max-width:34px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#65b799,#2f8069);box-shadow:0 6px 14px #2f80691f}.bars small{color:#82908b;font-size:.64rem;text-transform:capitalize}.chart-bar-target{position:relative;width:100%;height:calc(100% - 22px);padding:0;border:0;background:transparent;display:flex;align-items:end;justify-content:center;cursor:pointer}.chart-bar-target>i{display:block}.chart-bar-target>span{position:absolute;z-index:2;left:50%;bottom:calc(100% + .35rem);width:max-content;max-width:190px;padding:.35rem .45rem;border-radius:8px;background:#183f34;color:#fff;box-shadow:0 8px 20px #183f342e;font-size:.58rem;line-height:1.3;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.consumption-bars .chart-bar-target>span{top:.2rem;bottom:auto}.chart-bar-target:hover>span,.chart-bar-target:focus-visible>span,.chart-bar-target:active>span{opacity:1;transform:translate(-50%)}.chart-bar-target:focus-visible{outline:3px solid rgba(45,128,105,.2);outline-offset:3px;border-radius:6px}.invoice-row{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto minmax(42px,68px);align-items:center;gap:.7rem;padding:.95rem 0;border-bottom:1px solid #edf1ef}.invoice-row:last-child{border-bottom:0;padding-bottom:0}.invoice-date{width:40px;height:44px;border-radius:12px;background:#edf4f0;display:grid;place-items:center;align-content:center;color:#356c5c}.invoice-date strong{font-size:.9rem;line-height:1}.invoice-date small{margin-top:.2rem;font-size:.58rem;text-transform:capitalize}.invoice-copy{min-width:0}.invoice-copy strong,.invoice-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-copy strong{font-size:.78rem}.invoice-copy small{margin-top:.25rem;color:#899590;font-size:.62rem}.invoice-amount{text-align:right}.invoice-amount strong{display:block;font-size:.72rem}.invoice-amount small{display:block;margin-top:.25rem;color:#82908b;font-size:.6rem}.invoice-amount .pending{color:#a66c1e}.invoice-amount .paid{color:#44815d}.invoice-document-link,.invoice-document-preview{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:34px;padding:0 .65rem;border-radius:10px;font-size:.62rem;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.invoice-document-link{position:relative;border:0;color:#285e50;background:#e5f0eb;cursor:pointer;transition:background .2s ease,transform .2s ease}.invoice-document-link:hover{background:#d8e9e1;transform:translateY(-1px)}.invoice-document-link:focus-visible{outline:3px solid rgba(53,108,92,.28);outline-offset:2px}.invoice-document-link:disabled{cursor:wait;opacity:.7;transform:none}.invoice-document-preview{color:#9aa5a1;background:#f0f3f2;cursor:not-allowed}.invoice-document-unavailable{max-width:68px;color:#9b6a2c;font-size:.58rem;font-weight:750;line-height:1.15;text-align:center}.download-icon{flex:0 0 auto;width:17px;height:17px}.portal-export-row{margin:-.15rem 0 .85rem;padding:.7rem .8rem;border:1px solid #dce6e1;border-radius:15px;background:#ffffffbd;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.portal-export-row>span{color:#687b74;font-size:.65rem;font-weight:750}.portal-export-row>small{flex-basis:100%;color:#9a493e;font-size:.61rem;text-align:right}.portal-export-actions{display:flex;gap:.4rem}.portal-export-actions button{min-height:38px;padding:.45rem .7rem;border:1px solid #d2e1da;border-radius:11px;background:#fff;color:#2f6959;display:inline-flex;align-items:center;gap:.38rem;font-size:.65rem;font-weight:800;cursor:pointer}.portal-export-actions button:hover{border-color:#9ebdaf;background:#f2f8f5}.portal-export-actions button:focus-visible{outline:3px solid rgba(53,108,92,.2);outline-offset:2px}.portal-export-actions button:disabled{cursor:wait;opacity:.58}.export-file-icon{position:relative;width:19px;height:21px;display:inline-grid;place-items:center}.export-file-icon svg{position:absolute;inset:0;width:100%;height:100%}.export-file-icon b{z-index:1;margin-top:5px;font-size:7px;line-height:1}.portal-navigation-icon{width:22px;height:22px;display:block;overflow:visible}.mobile-tab-bar{position:fixed;z-index:10;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);width:calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:488px;min-height:62px;padding:.3rem .35rem;border:1px solid rgba(211,222,216,.92);border-radius:24px;background:#fcfdfcf0;box-shadow:0 14px 38px #1b3d3329;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);column-gap:.1rem}.mobile-tab-bar button{min-width:0;min-height:50px;border:0;padding:.15rem 0;border-radius:16px;background:none;color:#84918d;display:grid;place-items:center;align-content:center;gap:.1rem;cursor:pointer;transition:color .18s ease,transform .18s ease}.mobile-tab-bar button span{width:36px;height:27px;border-radius:11px;display:grid;place-items:center;transition:background .18s ease,box-shadow .18s ease}.mobile-tab-bar button .portal-navigation-icon{width:21px;height:21px}.mobile-tab-bar button small{font-size:.57rem;font-weight:670;letter-spacing:-.015em}.mobile-tab-bar button.active{color:#226b57;transform:translateY(-1px)}.mobile-tab-bar button.active{background:#e6f2ec}.mobile-tab-bar button.active span{background:transparent;box-shadow:none}.mobile-tab-bar button:hover span{background:#edf5f1}.mobile-tab-bar button.active small{font-weight:820}.mobile-tab-bar button:active span{transform:scale(.9)}.mobile-tab-bar button:focus-visible{outline:3px solid rgba(45,113,94,.2);outline-offset:1px}@media(min-width:760px){.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#f7f9f7}.brand-panel{min-height:100vh;padding:3rem clamp(2.5rem,7vw,7rem);background:linear-gradient(145deg,#e0eee5,#f2f7f3)}.brand-panel h1{font-size:clamp(3.6rem,6vw,6rem)}.brand-stats{display:flex;gap:2.5rem;color:#698078}.brand-stats span{display:grid}.brand-stats strong{color:#234b40;font-size:1.35rem}.auth-panel{min-height:100vh;margin:0;padding:2rem;place-items:center;align-content:center}.demo-badge{margin-bottom:1rem;padding:.5rem .75rem;border:1px solid #d8e3dd;border-radius:999px;background:#fff;display:block;color:#667a73;font-size:.7rem;font-weight:750}.demo-badge span{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#5ca07e}.auth-card{padding:2.5rem}}@media(min-width:920px){.dashboard-shell{padding:0 0 0 244px}.desktop-sidebar{position:fixed;z-index:20;inset:16px auto 16px 16px;width:212px;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(165deg,#174d40,#113a31);color:#fff;display:flex;flex-direction:column;box-shadow:0 24px 60px #123d3333;overflow:hidden}.desktop-sidebar:after{content:"";position:absolute;width:180px;height:180px;right:-105px;bottom:-90px;border:1px solid rgba(168,225,182,.12);border-radius:50%;box-shadow:0 0 0 30px #a8e1b606,0 0 0 62px #a8e1b605;pointer-events:none}.desktop-sidebar .brand-mark{width:46px;height:46px;border-radius:15px;background:var(--portal-mint);color:var(--portal-green-950);box-shadow:0 12px 24px #071c1738}.desktop-sidebar .sidebar-brand strong{color:#fff}.desktop-sidebar nav{display:grid;gap:.35rem;margin-top:1.35rem}.desktop-sidebar nav button,.exit{position:relative;min-height:48px;padding:.75rem .8rem;border:1px solid transparent;border-radius:14px;background:none;color:#e5f4ecad;display:flex;align-items:center;gap:.75rem;text-align:left;font-size:.74rem;font-weight:720;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.desktop-sidebar nav button .portal-navigation-icon{width:20px;height:20px;flex:0 0 auto;color:currentColor;transition:transform .2s ease}.desktop-sidebar nav button:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.desktop-sidebar nav button:hover .portal-navigation-icon{transform:scale(1.08)}.desktop-sidebar nav button.active{border-color:#a8e1b62e;background:#a8e1b626;color:#d9f7e1;box-shadow:inset 3px 0 0 var(--portal-mint)}.desktop-sidebar .navigation-count{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d9f7e1;color:#174d40;display:grid;place-items:center;font-size:.55rem;font-weight:900}.exit{z-index:1;margin-top:auto;color:#f0e1dbb3}.exit:hover{color:#fff;background:#ffffff12}.tenant-contact-footer{z-index:1;margin-top:.65rem;padding:.75rem .25rem 0;border-top:1px solid rgba(255,255,255,.09);display:grid;gap:.32rem}.tenant-contact-footer strong{color:#ffffffd1;font-size:.58rem;line-height:1.3;overflow-wrap:anywhere}.tenant-contact-footer a,.tenant-contact-footer span{color:#e2f4eb8c;font-size:.55rem;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.tenant-contact-footer a:hover{color:#fff}.dashboard-main{padding:2.25rem clamp(2rem,4vw,4rem)}.mobile-app-toolbar{display:none}.customer-display-name{max-width:62ch;font-size:1rem;-webkit-line-clamp:2}.overview-filter-row{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:end}.metrics{grid-template-columns:1.2fr 1fr 1fr}.metrics .usage-card{grid-column:auto}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscriptions-view,.invoices-view,.consumption-view{max-width:none}.subscription-list{grid-template-columns:1fr}.subscription-card{padding:1rem 1.2rem;border-radius:16px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.1fr) auto;align-items:center;gap:1.25rem}.subscription-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0 0 0 1.25rem;border-top:0;border-left:1px solid #edf1ef}.subscription-card dl div{display:grid;gap:.25rem}.subscription-card dd{text-align:left}.subscription-card .contract-empty{margin:0}.subscription-card-actions{margin:0;padding:0 0 0 1rem;border-top:0;border-left:1px solid #edf1ef;flex-direction:column}.invoice-list{grid-template-columns:1fr}.invoice-list-headings{padding:0 1.1rem;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(520px,1.7fr) minmax(150px,auto);align-items:center;gap:1rem;color:#64766f;font-size:.61rem;font-weight:800;letter-spacing:.025em}.invoice-list-headings>div{padding:0 1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.invoice-list-headings>span:last-child{text-align:right}.invoice-list-card{padding:.95rem 1.1rem;border-radius:15px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(520px,1.7fr) minmax(150px,auto);align-items:center;gap:1rem}.invoice-list-card dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0 1rem;border:0;border-left:1px solid #edf1ef;border-right:1px solid #edf1ef}.invoice-list-card dt{min-height:0}.invoice-list-card dl div:last-child{grid-column:auto}.invoice-list-card footer{padding:0}.invoice-list-card footer>span{display:none}.consumption-view{max-width:none}.consumption-chart-card{padding:1.35rem}.consumption-periods{grid-template-columns:1fr}.consumption-periods>article{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:center;gap:1rem}.consumption-periods article>header{padding:0 1rem 0 0;border-bottom:0;border-right:1px solid #edf1ef}.consumption-periods dl{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.profile-contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}.support-form{grid-template-columns:minmax(180px,.35fr) minmax(0,.65fr);padding:1.25rem}.support-form>div:last-of-type,.support-form .support-feedback,.support-submit-button{grid-column:1 / -1}.support-list{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-preferences{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.notification-preferences>p{grid-column:1 / -1}.mobile-tab-bar{display:none}}@media(hover:hover){.metrics article:hover,.chart-card:hover,.subscription-card:hover,.invoice-list-card:hover{transform:translateY(-3px);border-color:#cbded5;box-shadow:0 20px 46px #1e41361c}.metrics .usage-card:hover{border-color:#a8e1b640;box-shadow:0 22px 50px #123d3333}}@media(min-width:920px)and (max-width:1179px){.invoice-list-headings{display:none}.invoice-list-card{display:block}.invoice-list-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.9rem 0 0;padding:.85rem 0;border:0;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.invoice-list-card footer{padding-top:.8rem}.invoice-list-card footer>span{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}