:root{--ink:#242338;--muted:#77758a;--purple:#7955df;--line:#e9e7ef;--canvas:#f7f8fc}*{box-sizing:border-box}body.account-page{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}a{color:var(--purple)}button,input{font:inherit}.account-page button,.account-button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:11px 16px;background:white;color:var(--ink);font-weight:600}.account-page button.primary{background:var(--purple);color:white;border-color:var(--purple)}button:disabled{opacity:.55;cursor:wait}.account-page input:not([type=checkbox]),.password-form input{width:100%;border:1px solid #dcd9e7;border-radius:9px;padding:12px;background:white;color:var(--ink);outline:none}.account-page input:focus,.password-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7955df15}label{display:block}.field-label{display:block;margin:0 0 7px;font-weight:600;font-size:12px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#211d35;padding:64px 12%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:white}.auth-story:after{content:"";position:absolute;width:470px;height:470px;border:1px solid #ffffff10;border-radius:50%;bottom:-250px;right:-200px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03}.brand-lockup{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:-.5px}.brand-mark{background:#9674f0;color:white;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:15px;font-weight:800}.auth-story h1{font-size:clamp(32px,4vw,57px);line-height:1.12;letter-spacing:-2px;max-width:470px;margin:28px 0}.auth-story p{color:#b3adc8;line-height:1.8;max-width:370px}.eyebrow-account{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#ae91fa}.auth-foot{color:#8f87a7;font-size:12px}.auth-main{padding:56px 10%;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:370px}.auth-card h2{font-size:29px;letter-spacing:-.8px;margin:12px 0}.muted{color:var(--muted);line-height:1.65}.auth-card form{display:grid;gap:20px;margin-top:35px}.auth-card button{width:100%;margin-top:4px}.form-error{color:#ad3345;background:#fff0f2;border-radius:8px;padding:12px;line-height:1.5}.form-success{color:#23724b;background:#eefaf3;padding:12px;border-radius:8px}.hidden,[hidden]{display:none!important}.admin-shell{max-width:1240px;margin:auto;padding:28px 36px 60px}.admin-nav{display:flex;align-items:center;justify-content:space-between;padding:0 0 30px;border-bottom:1px solid var(--line)}.admin-nav-links{display:flex;align-items:center;gap:20px}.admin-heading{margin:35px 0 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.admin-heading h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.admin-heading p{margin:0}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 24px}.metric,.admin-card{border:1px solid var(--line);background:white;border-radius:14px;padding:22px;box-shadow:0 3px 16px #29223803}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:29px;margin-top:10px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.admin-card h2{font-size:17px;margin:0 0 10px}.admin-card p{font-size:12px}.admin-card form{display:grid;gap:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-field{display:flex;align-items:center;gap:8px;font-size:13px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.admin-table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600}.admin-table th,.admin-table td{padding:16px 8px;border-bottom:1px solid var(--line)}.admin-table td{font-size:12px}.admin-table td strong{display:block;font-size:13px;margin-bottom:4px}.admin-table small{color:var(--muted)}.status-chip{border-radius:5px;padding:4px 7px;background:#eff8f2;color:#37714c;font-size:10px;font-weight:700}.status-chip.off{background:#f5edf0;color:#954c64}.capacity-form{display:flex!important;align-items:end;gap:12px}.capacity-form label{flex:1}.admin-note{padding:16px;background:#f6f3fd;border-radius:8px;color:#6d5b8d;font-size:12px;line-height:1.65}.account-inline{display:flex;align-items:center;gap:12px}.account-inline a{font-size:12px;text-decoration:none;font-weight:600}.account-inline button{border:0;background:transparent;color:#77758a;font-size:12px;cursor:pointer}.account-identity{font-size:12px;font-weight:600}.account-limits{background:#f8f6fd;border:1px solid #ece6fb;padding:14px;border-radius:10px;margin:10px 0 20px;font-size:12px;line-height:1.8;color:#6b587f}.password-form{display:grid;gap:12px}.password-form label{font-size:12px;font-weight:600}.password-form input{margin-top:6px}.password-form button{justify-self:start}.modal-content.account-modal{max-height:90vh;overflow:auto}.admin-card + .admin-card{margin-top:20px}@media(max-width:950px){.admin-layout{grid-template-columns:1fr}.admin-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card + .admin-card{margin:0}.auth-story{padding:45px 10%}}@media(max-width:650px){.auth-shell{grid-template-columns:1fr}.auth-story{padding:28px 26px;gap:24px}.auth-story h1{font-size:32px;letter-spacing:-1px;margin:15px 0}.auth-story p,.auth-foot{display:none}.auth-main{padding:38px 26px}.admin-shell{padding:20px 16px}.admin-heading{align-items:start;flex-direction:column}.admin-metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:23px}.admin-side{grid-template-columns:1fr}.admin-nav-links{gap:10px;font-size:12px}.account-identity{display:none}.account-inline{gap:8px}}

.admin-card,.admin-side{min-width:0}.field-grid label{min-width:0}@media(max-width:650px){.admin-nav{align-items:flex-start;gap:20px;flex-direction:column}.admin-nav-links{width:100%;justify-content:space-between}.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-side{grid-template-columns:minmax(0,1fr)}}

.allowance-panel { margin:0 0 28px; padding:20px 24px; border:1px solid #e7e1f2; border-radius:14px; background:linear-gradient(115deg,#fff 55%,#faf8ff); }
.allowance-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.allowance-heading h2 { margin:0; font-size:14px; font-weight:650; color:#393147; }
.allowance-heading p { margin:5px 0 0; font-size:11px; color:#888094; }
.allowance-expiry { text-align:right; }
.allowance-expiry span { display:block; margin-bottom:5px; font-size:10px; color:#888094; }
.allowance-expiry time { display:block; font-size:12px; font-weight:600; color:#6a4daf; }
.allowance-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; margin:0; }
.allowance-grid>div { min-width:0; padding-left:16px; border-left:1px solid #ece7f3; }
.allowance-grid>div:first-child { padding-left:0; border-left:0; }
.allowance-grid dt { font-size:10px; color:#81758e; line-height:1.5; }
.allowance-grid dd { margin:8px 0 0; font-size:24px; line-height:1; font-weight:650; color:#3c3348; font-variant-numeric:tabular-nums; }
.allowance-grid dd small { font-size:14px; font-weight:450; color:#9d91ad; }
.allowance-runs dd { color:#7955df; }
.allowance-runs p { margin:7px 0 0; font-size:10px; color:#8e809f; }
@media(max-width:1100px) { .allowance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 16px; } .allowance-grid>div:nth-child(4) { padding-left:0; border-left:0; } }
@media(max-width:600px) { .allowance-panel { padding:17px; margin-bottom:24px; } .allowance-heading { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:18px; } .allowance-expiry { text-align:left; } .allowance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; } .allowance-grid>div:nth-child(n) { padding-left:12px; border-left:1px solid #ece7f3; } .allowance-grid>div:nth-child(odd) { padding-left:0; border-left:0; } .allowance-grid dt { font-size:11px; } .allowance-grid dd { font-size:23px; } }
