:root{color-scheme:light;--ink:#14213a;--muted:#69778f;--blue:#1677e8}*{box-sizing:border-box}body,html{width:100%;max-width:100%;margin:0;min-height:100%;overflow-x:hidden}body{color:var(--ink);background:#f2f6fb;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr)}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,7vw,94px);background:rgba(255,255,255,.94)}.brand-row{position:absolute;top:34px;left:clamp(36px,7vw,94px);display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#0d8cf3,#3568d7);box-shadow:0 10px 25px rgb(18 113 219/25%);font-weight:800}.brand-row div{display:grid;gap:2px}.brand-row strong{font-size:15px}.brand-row div span{color:var(--muted);font-size:11px}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em}.login-copy h1{margin:13px 0 16px;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.055em}.login-copy p{max-width:500px;margin:0 0 30px;color:var(--muted);font-size:14px;line-height:1.75}.login-card{max-width:460px}.login-card,.password-login{display:grid;gap:15px}.apple-login{height:48px;border:1px solid #111827;border-radius:13px;color:#fff;background:#111827;cursor:pointer;font-weight:750}.provider-note{margin-top:-7px;color:#7b8799;line-height:1.55}.login-divider{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:11px}.login-divider:after,.login-divider:before{content:"";height:1px;flex:1 1;background:#e5eaf1}.login-card label{display:grid;gap:7px;color:#46556d;font-size:12px;font-weight:700}.login-card input{width:100%;height:48px;padding:0 14px;border:1px solid #dce4ef;border-radius:13px;color:var(--ink);background:#fff;outline:none}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgb(22 119 232/12%)}.login-card .login-submit{width:100%;height:52px;margin-top:3px;appearance:none;border:0;border-radius:999px;color:white;background:linear-gradient(110deg,#0f70df,#238edc);box-shadow:0 12px 28px rgb(22 119 232/24%);cursor:pointer;font-weight:750;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-card .login-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 15px 32px rgb(22 119 232/30%);filter:saturate(1.08)}.login-card .login-submit:not(:disabled):active{transform:translateY(0);box-shadow:0 8px 20px rgb(22 119 232/22%)}.password-setup{gap:13px}.password-strength{display:grid;gap:7px;margin-top:-3px}.password-strength>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#7b8799;font-size:10px}.password-strength>div:first-child span:last-child{text-align:right}.password-strength strong{color:#7b8799}.strength-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.strength-bars i{height:4px;border-radius:999px;background:#e2e8f0;transition:background .2s ease,transform .2s ease}.password-strength.level-1 .strength-bars i.active{background:#e96767}.password-strength.level-2 .strength-bars i.active{background:#e6a329}.password-strength.level-3 .strength-bars i.active{background:#28a879}.password-strength .strength-bars i.active{transform:scaleY(1.12)}.password-strength.level-1 strong{color:#c94f55}.password-strength.level-2 strong{color:#b8780d}.password-strength.level-3 strong{color:#16845d}.password-match{margin:-4px 0 0;font-size:10px;font-weight:650}.password-match.matched{color:#16845d}.password-match.mismatch{color:#c94f55}.test-accounts{display:grid;gap:7px;margin-top:3px;padding-top:14px;border-top:1px solid #e7edf4}.test-accounts>strong{color:#718096;font-size:10px;letter-spacing:.04em}.test-accounts>button{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 11px;border:1px solid #e0e7ef;border-radius:10px;color:#45546b;background:#f8fafc;cursor:pointer}.test-accounts span{font-size:11px;font-weight:750}.test-accounts code{color:#758198;font-size:10px}.text-button{border:0;color:var(--blue);background:transparent;cursor:pointer;font-size:12px}.secure-note{margin:22px 0 0;color:#8591a3;font-size:11px}.preview-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,7vw,90px);color:white;background:radial-gradient(circle at 90% 10%,rgb(95 210 240/30%),transparent 35%),linear-gradient(145deg,#0954ac,#147fe1 57%,#1aa6c4)}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:13px;font-weight:700}.role-pill{padding:7px 11px;border:1px solid rgb(255 255 255/20%);border-radius:999px;background:rgb(255 255 255/12%);font-size:10px}.preview-hero{display:grid;min-height:210px;align-content:center;padding:34px;border:1px solid rgb(255 255 255/18%);border-radius:26px;background:rgb(255 255 255/10%);box-shadow:0 25px 70px rgb(1 43 93/20%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-hero span{color:rgb(255 255 255/70%);font-size:12px}.preview-hero strong{margin:8px 0 3px;font-size:clamp(42px,7vw,72px);letter-spacing:-.055em}.preview-hero small{color:rgb(255 255 255/72%)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0}.preview-grid article{display:grid;gap:8px;padding:19px;border-radius:17px;color:var(--ink);background:rgb(255 255 255/94%)}.preview-grid span{color:var(--muted);font-size:10px}.preview-grid strong{font-size:21px}.access-card{display:grid;grid-template-columns:1fr auto;gap:13px 20px;padding:20px;border-radius:19px;color:var(--ink);background:rgb(255 255 255/94%)}.access-card>div{display:flex;align-items:center;gap:10px}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#7b4e00;background:#fff1cf;font-size:12px;font-weight:800}.avatar.blue{color:#095cac;background:#e4f2ff}.access-card p{display:grid;gap:3px;margin:0}.access-card strong{font-size:12px}.access-card small{color:var(--muted);font-size:9px}.permission{align-self:center;padding:5px 8px;border-radius:8px;color:#37678f;background:#eaf4fb;font-size:9px;font-weight:750}.permission.owner{color:#87610e;background:#fff4cf}.sync-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;color:rgb(255 255 255/72%);font-size:11px}.sync-note i{width:7px;height:7px;border-radius:50%;background:#6df0bb;box-shadow:0 0 0 4px rgb(109 240 187/13%)}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-panel{min-height:100vh;padding:110px 28px 46px}.brand-row{left:28px}.preview-panel{display:none}}.center-state,.setup-card{padding:22px;border:1px solid #d9e5f3;border-radius:16px;background:#eef6ff}.setup-card{display:grid;gap:6px;max-width:460px}.center-state p,.setup-card span{color:var(--muted);font-size:13px}.form-message{max-width:460px;margin:16px 0 0;padding:11px 13px;border-radius:10px;color:#48576d;background:#eef4fa;font-size:12px}.login-links{display:flex;justify-content:space-between}.login-links button{border:0;color:var(--blue);background:transparent;cursor:pointer;font-size:12px}.login-card button:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}.login-card .login-submit:disabled{opacity:.88}.center-state{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:10px;text-align:center}.center-state button{padding:10px 15px;border:0;border-radius:10px;color:#fff;background:var(--blue)}.loading-state{width:min(420px,calc(100% - 44px));margin:auto;padding:0;border:0;background:transparent}.loading-state .brand-row{position:static;margin-bottom:34px}.loading-copy{display:grid;gap:7px;width:100%;text-align:left}.loading-copy strong{font-size:18px}.loading-copy span{color:var(--muted);font-size:11px}.minimal-progress{width:100%;height:3px;margin-top:12px;overflow:hidden;border-radius:999px;background:#dfe7f1}.minimal-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176ed8,#21a7c5);transition:width .3s ease}.login-transition-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 72% 24%,rgb(33 167 197/10%),transparent 28%),radial-gradient(circle at 28% 78%,rgb(22 119 232/9%),transparent 30%),#f7faff}.login-transition-content{display:grid;width:min(460px,100%);gap:36px}.login-transition-content .brand-row{position:static}.login-transition-copy{display:grid;gap:10px}.login-transition-copy h1{margin:0;font-size:clamp(28px,5vw,38px);letter-spacing:-.045em}.login-transition-copy p{min-height:22px;margin:0;color:#3e506b;font-size:15px;font-weight:650}.login-transition-progress{display:grid;gap:12px}.login-transition-progress .minimal-progress{height:4px;margin:0;background:#dce6f2}.login-transition-progress .minimal-progress i{box-shadow:0 0 16px rgb(22 119 232/30%)}.login-transition-progress>span{color:#8692a5;font-size:12px}.dashboard{width:min(1240px,calc(100% - 36px));max-width:100%;margin:0 auto;padding:26px 0 60px}.dash-header{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-bottom:24px}.dash-header .brand-row{position:static;flex:0 0 auto}.account{display:grid;justify-items:end;gap:7px;min-width:0}.account-identity{display:grid;max-width:100%;gap:2px;text-align:right}.account strong{font-size:12px}.account small{max-width:340px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap}.account button,.button-label,.modal button,.panel-title button,.row-actions button{min-height:36px;padding:0 11px;border:1px solid #dbe3ee;border-radius:10px;color:#405069;background:#fff;cursor:pointer}.button-label{display:inline-flex;align-items:center}.account-actions>.button-label,.account-actions>button{flex:0 0 auto;font-size:11px;font-weight:400;line-height:1}.dash-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:34px;border-radius:27px;color:#fff;background:radial-gradient(circle at 88% 0,rgb(111 222 240/27%),transparent 33%),linear-gradient(135deg,#0a57ae,#167bdc 58%,#1ca1bf);box-shadow:0 22px 55px rgb(17 96 180/20%)}.dash-hero span{color:rgb(255 255 255/70%);font-size:11px;font-weight:700;letter-spacing:.08em}.dash-hero h1{margin:8px 0 7px;font-size:clamp(28px,4vw,42px);letter-spacing:-.045em}.dash-hero p{margin:0;color:rgb(255 255 255/72%);font-size:12px}.dash-hero>div:last-child{display:grid;min-width:210px;gap:4px;padding:19px 22px;border:1px solid rgb(255 255 255/18%);border-radius:18px;background:rgb(255 255 255/11%)}.dash-hero>div:last-child strong{font-size:34px}.dash-hero>div:last-child small{color:rgb(255 255 255/72%)}.toast-line{position:fixed;z-index:120;left:50%;bottom:24px;transform:translateX(-50%);padding:11px 16px;border-radius:10px;color:#fff;background:#1c2b42;box-shadow:0 12px 32px rgb(15 27 44/22%);font-size:12px;pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.stat-grid article{display:grid;gap:7px;padding:19px;border:1px solid #e0e7f0;border-radius:17px;background:rgb(255 255 255/90%);box-shadow:0 12px 35px rgb(38 62 92/6%)}.stat-grid span{color:var(--muted);font-size:10px}.stat-grid strong{font-size:21px}.stat-grid small{color:var(--muted);font-size:9px}.stat-grid.viewer-stats{grid-template-columns:repeat(3,1fr)}.stat-grid.viewer-stats.no-rate{grid-template-columns:repeat(2,1fr)}.member-link-notice{margin:16px 0 0;padding:12px 15px;border:1px solid #f2d9a2;border-radius:12px;color:#795715;background:#fff8e8;font-size:12px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.68fr);gap:17px;align-items:start}.dash-grid.single-column{grid-template-columns:minmax(0,1fr)}.dash-grid>*,.dash-main,.dash-side,.panel{min-width:0}.panel{width:100%;max-width:100%;overflow:hidden;border:1px solid #e0e7f0;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgb(35 62 92/7%)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px}.panel-title h2{margin:0;font-size:16px}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:10px}.panel-title>button,.primary{color:#fff!important;border-color:var(--blue)!important;background:var(--blue)!important;font-weight:700}.panel-title>button:disabled{color:#8b96a6!important;border-color:#e0e6ee!important;background:#edf1f5!important}.usage-visual{display:flex;align-items:center;gap:28px;margin:0 20px 18px;padding:18px 20px;border:1px solid #e7edf4;border-radius:16px;background:#f8fbfe}.usage-chart{display:grid;flex:0 0 150px;width:150px;height:150px;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(30 64 105/5%)}.usage-chart>span{display:grid;width:108px;height:108px;place-content:center;gap:4px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgb(37 66 100/10%);text-align:center}.usage-chart strong{font-size:17px}.usage-chart small{color:var(--muted);font-size:10px}.usage-legend{display:grid;flex:1 1;gap:8px}.usage-legend h3{margin:0 0 3px;font-size:13px}.usage-legend>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.usage-legend i{width:8px;height:8px;border-radius:50%}.usage-legend span,.usage-legend strong{font-size:10px}.usage-legend span{color:#526178}.usage-legend strong{color:#253652}.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;min-width:1160px;border-collapse:collapse}.table-wrap th{padding:10px 13px;color:var(--muted);font-size:9px;text-align:left}.table-wrap td{padding:14px 13px;border-top:1px solid #edf1f5;font-size:11px;transition:background .2s ease}.table-wrap td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.row-actions{white-space:nowrap}.row-actions button{min-height:30px;margin-left:5px;padding:0 7px;font-size:9px}.row-actions button:last-child{color:#c84d58}.empty-cell{padding:45px!important;color:var(--muted);text-align:center}.member-expiry-row td{background:#fff6f6}.member-expiry-row td:first-child{box-shadow:inset 3px 0 #ef6670}.member-expiry-row.expired td{background:#fff0f1}.expiry-badge{display:inline-flex;padding:3px 7px;border-radius:7px;color:#526178;background:#f2f5f8;font-size:9px;font-weight:700;white-space:nowrap}.expiry-badge.urgent{color:#b72f3b;background:#ffe1e4}.table-wrap.viewer-table table{min-width:920px}.expense-archive{margin-top:17px}.archive-heading{align-items:flex-start}.year-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.year-tabs button{min-width:58px;height:30px;padding:0 11px;border:1px solid #dce5ef;border-radius:10px;color:#53647c;background:#f7fafe;cursor:pointer;font-size:10px}.year-tabs button.active{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 5px 14px rgb(22 119 232/18%)}.expense-categories{display:flex;flex-wrap:wrap;gap:7px;margin:0 20px 14px}.expense-categories button{height:34px;padding:0 14px;border:1px solid #dae5f0;border-radius:12px;color:#52637a;background:#f7fafe;cursor:pointer;font-size:10px;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.expense-categories button:hover{border-color:#a8c9ed;transform:translateY(-1px)}.expense-categories button.active{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 6px 16px rgb(22 119 232/18%)}.archive-summary{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin:0 20px 14px;padding:14px 16px;border:1px solid #dfebf8;border-radius:14px;background:linear-gradient(135deg,#f6faff,#edf6ff)}.archive-summary span{color:#5a6c83;font-size:10px}.archive-summary strong{color:#163658;font-size:16px}.archive-summary small{color:#7a899d;font-size:9px}.expense-chart-wrap{overflow-x:auto;margin:0 20px 16px;padding:12px 12px 2px;border:1px solid #e6edf5;border-radius:16px;background:#fbfdff}.expense-chart{display:block;width:100%;min-width:720px;height:auto;overflow:visible}.chart-grid{stroke:#dfe8f2;stroke-width:1;stroke-dasharray:4 5}.chart-value{fill:#8290a3;font-size:10px;text-anchor:end}.chart-month{fill:#7a899c;font-size:10px;text-anchor:middle}.expense-line{fill:none;stroke:#1677e8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.expense-dot{fill:#fff;stroke:#1677e8;stroke-width:4}.expense-table table{min-width:900px}.expense-table td:last-child b{color:#164a80}.expense-table .selected-cost{color:#145fae;background:#f0f7ff}.expense-table th.selected-cost{box-shadow:inset 0 -2px #1677e8}.expense-table .current-month{display:inline-block;margin:4px 0 0 6px;padding:2px 6px;border-radius:999px;color:#176bbf;background:#eaf4ff}.expiry-mail-log{margin-top:17px}.expiry-mail-log .table-wrap table{min-width:700px}.expiry-mail-log .reminder-log-message{margin:0 20px 16px;padding:12px 14px;border:1px solid #dbe8f7;border-radius:11px;color:#42607f;background:#f5f9ff;font-size:11px}.expiry-mail-log .mail-failed,.expiry-mail-log .mail-sent{display:inline-flex;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;white-space:nowrap}.expiry-mail-log .mail-sent{color:#16845d;background:#e9f8f1}.expiry-mail-log .mail-failed{color:#b6323f;background:#fff0f1}.settings{display:grid;gap:13px;padding-bottom:20px}.settings>.two-fields,.settings>label{margin:0 20px}.modal label,.settings label{display:grid;gap:6px;color:#4c5c72;font-size:10px;font-weight:700}.invite-row input,.invite-row select,.modal input,.modal select,.settings input,.settings select{width:100%;height:40px;padding:0 10px;border:1px solid #dce4ed;border-radius:10px;color:var(--ink);background:#fff;outline:none}.invite-row input:focus,.modal input:focus,.modal select:focus,.settings input:focus,.settings select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgb(22 119 232/10%)}.settings input:disabled,.settings select:disabled{color:#68758a;background:#f2f5f8}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings>.primary{height:42px;margin:3px 20px 0;border:0;border-radius:11px;cursor:pointer}.modal-bg{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:18px;background:rgb(17 29 48/46%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{display:grid;gap:14px;width:min(460px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:0 22px 22px;border-radius:21px;background:#fff;box-shadow:0 28px 80px rgb(16 31 52/28%)}.modal .panel-title{margin:0 -2px;padding:21px 0 8px}.modal .panel-title>button{width:34px;min-height:34px;padding:0;color:#69758a!important;border:0!important;background:#eef2f6!important}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.access-modal{width:min(760px,100%)}.invite-row{display:grid;grid-template-columns:1fr 120px auto;gap:8px}.invite-row button{padding:0 14px}.access-message{margin:0;padding:10px 12px;border:1px solid #cfe1f6;border-radius:10px;color:#315a84;background:#edf6ff;font-size:11px}.expiry-reminder-bg{z-index:110}.expiry-reminder{width:min(520px,100%);padding-top:24px}.expiry-reminder>div:nth-child(2){display:grid;gap:6px;text-align:center}.expiry-reminder h2{margin:0;font-size:22px}.expiry-reminder p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.expiry-icon{display:grid;width:48px;height:48px;margin:0 auto;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#f1606a,#d83c4a);box-shadow:0 12px 28px rgb(216 60 74/24%);font-size:23px;font-weight:850}.expiry-reminder-list{display:grid;gap:8px;margin-top:3px}.expiry-reminder-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid #f0d4d7;border-radius:13px;background:#fff8f8}.expiry-reminder-list>div.expired{border-color:#e9b8bd;background:#fff0f1}.expiry-reminder-list p{display:grid;gap:2px;min-width:0}.expiry-reminder-list p:last-child{flex:0 0 auto;text-align:right}.expiry-reminder-list strong{color:#a92d38;font-size:11px}.expiry-reminder-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expiry-reminder .modal-actions{margin-top:3px}.management-section{display:grid;gap:12px;padding:16px;border:1px solid #e5ebf3;border-radius:14px}.management-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.management-heading h3{margin:0;font-size:13px}.management-heading p{margin:3px 0 0;color:var(--muted);font-size:9px}.management-heading button{flex:0 0 auto}.member-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;border-top:1px solid #edf1f5}.member-inline .modal-actions{grid-column:1/-1}.smooth-picker{position:relative;width:100%;font-weight:400}.smooth-picker-trigger{position:relative;display:flex;align-items:center;width:100%;height:40px;padding:0 36px 0 10px!important;border:1px solid #dce4ed!important;border-radius:10px!important;color:var(--ink)!important;background:#fff!important;text-align:left}.smooth-picker-trigger .picker-chevron{position:absolute;top:50%;right:14px;width:7px;height:7px;border-right:1.5px solid #66758b;border-bottom:1.5px solid #66758b;transform:translateY(-50%) rotate(45deg);transform-origin:50% 50%;transition:transform .24s ease}.smooth-picker-trigger[aria-expanded=true]{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgb(22 119 232/10%)}.smooth-picker-trigger[aria-expanded=true] .picker-chevron{transform:translateY(-50%) rotate(225deg)}.smooth-dropdown{position:absolute;z-index:35;top:calc(100% + 7px);right:0;left:0;visibility:hidden;opacity:0;transform:translateY(-7px) scaleY(.96);transform-origin:top;pointer-events:none;transition:visibility 0s linear .24s,opacity .2s ease,transform .28s cubic-bezier(.2,.75,.25,1)}.smooth-dropdown.open{visibility:visible;opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto;transition-delay:0s}.smooth-dropdown-inner{overflow:visible}.member-role-menu{display:grid;gap:5px;padding:7px;border:1px solid #dfe8f2;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgb(22 48 79/14%)}.member-role-menu button{display:grid;gap:2px;width:100%;min-height:51px;padding:8px 11px;border:0;border-radius:11px;color:#34445a;background:transparent;text-align:left}.member-role-menu button:hover{background:#f2f7fd}.member-role-menu button.selected{color:#1268c7;background:#eaf4ff}.member-role-menu strong{font-size:10px}.member-role-menu small{color:#77859a;font-size:9px;font-weight:400}.date-menu{padding:9px;border:1px solid #dfe8f2;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgb(22 48 79/14%)}.date-menu header{display:grid;grid-template-columns:1.2fr .8fr;gap:6px;margin-bottom:7px}.date-stepper{display:grid;grid-template-columns:30px minmax(48px,1fr) 30px;align-items:center;border-radius:10px;background:#f5f8fc}.date-stepper strong{color:#34445a;font-size:10px;text-align:center;white-space:nowrap}.date-stepper button{width:30px;min-height:30px;padding:0;border:0;border-radius:9px;color:#51657f;background:transparent;font-size:17px}.date-stepper button:hover{color:#1268c7;background:#e9f3ff}.date-days,.date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-weekdays span{padding:4px 0;color:#8a96a8;font-size:8px;text-align:center}.date-days button,.date-days span{min-width:0;height:28px}.date-days button{min-height:28px;padding:0;border:0;border-radius:8px;color:#405069;background:transparent;font-size:9px}.date-days button:hover{color:#1268c7;background:#eef6ff}.date-days button.selected{color:#fff;background:var(--blue)}.profile-list{display:grid}.profile-list>div{display:flex;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #edf1f5}.profile-list>div>p{flex:1 1 160px;min-width:160px}.profile-list p{display:grid;gap:2px;margin:0}.profile-list p strong{overflow:hidden;font-size:11px;text-overflow:ellipsis}.profile-list p small{color:var(--muted);font-size:9px}.profile-list .member-validity.urgent{color:#bd3541;font-weight:750}.profile-list>div.member-access-expiry{margin:0 -8px;padding-right:8px;padding-left:8px;border-radius:11px;background:#fff4f5}.profile-list button,.profile-list select{flex:0 0 auto;height:32px;border:1px solid #dce4ed;border-radius:8px;background:#fff;font-size:9px}.profile-list .compact-role-picker{flex:0 0 130px;min-width:130px}.profile-list .compact-role-picker .smooth-picker-trigger{height:32px;border-radius:10px!important;font-size:9px}.profile-list .compact-role-picker .smooth-dropdown{right:0;left:auto;width:210px}.profile-list .compact-role-picker .member-role-menu button{height:auto;min-height:47px;border:0;border-radius:11px}.profile-list .danger-action{color:#c84d58;border-color:#f0cfd3}.permission.pending{color:#8a5c18;border-color:#ecd8ad;background:#fff7e6}.member-history{margin-top:2px}.history-count{color:var(--muted);font-size:9px}.history-list{display:grid}.history-list>div{display:grid;grid-template-columns:minmax(160px,1fr) minmax(190px,auto);gap:12px;padding:12px 0;border-top:1px solid #edf1f5}.history-list p{display:grid;gap:3px;margin:0;font-size:10px}.history-list p:last-child{text-align:right}.history-list small{color:var(--muted);font-size:9px}@media(max-width:900px){.dashboard{width:min(1240px,calc(100% - 22px));padding-top:14px}.dash-header{align-items:flex-start;gap:12px}.account-actions{gap:6px}.dash-hero{grid-template-columns:minmax(0,1fr);padding:24px}.dash-hero>div:last-child{min-width:0}.stat-grid,.stat-grid.viewer-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dash-grid{grid-template-columns:minmax(0,1fr)}.profile-list>div{flex-wrap:wrap}.profile-list>div>p{min-width:calc(100% - 50px)}.profile-list>div>.avatar~.compact-role-picker,.profile-list>div>.avatar~.permission,.profile-list>div>.avatar~button{margin-left:42px}.profile-list>div>.avatar~.compact-role-picker~button,.profile-list>div>.avatar~.permission~button,.profile-list>div>.avatar~button~button{margin-left:0}.history-list>div,.member-inline{grid-template-columns:1fr}.history-list p:last-child{text-align:left}.two-fields{grid-template-columns:1fr}}@media(max-width:520px){.account{gap:5px}.account-actions{gap:4px}.account-actions button,.account-actions>.button-label{min-height:32px;padding:0 6px;font-size:9px}.account strong{font-size:11px}.account small{max-width:230px;font-size:9px}.dash-header .brand-row div{display:none}.dash-hero h1{font-size:30px}.stat-grid{gap:8px}.stat-grid article{padding:15px}.stat-grid strong{font-size:18px}.usage-visual{align-items:flex-start;flex-direction:column}.usage-chart{align-self:center}.archive-heading,.management-heading{align-items:flex-start;flex-direction:column}.year-tabs{justify-content:flex-start}.archive-summary{grid-template-columns:1fr auto}.archive-summary small{grid-column:1/-1}.expiry-reminder-list>div{align-items:flex-start;flex-direction:column}.expiry-reminder-list p:last-child{text-align:left}}