:root{color:#293129;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ivory:#f7f2e8;--paper:#fffdf8;--olive-900:#354131;--olive-700:#687157;--olive-500:#909879;--sage-100:#e6e8da;--terracotta:#b86f51;--terracotta-soft:#f2ded2;--beige:#e9ddc8;--ink:#293129;--muted:#73786e;--line:#e4dccd;--shadow:0 16px 48px #4a423017;background:#f7f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ivory);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,p{margin-top:0}h1,h2{color:var(--olive-900);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}code{font-size:.85em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:10;color:#fff;background:var(--olive-900);flex-direction:column;gap:40px;width:256px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;align-items:center;gap:12px;display:flex}.brand-mark{width:42px;height:42px;color:var(--paper);background:var(--terracotta);border-radius:14px 14px 14px 4px;flex:none;place-items:center;display:grid}.brand-mark svg{width:23px}.brand>span:last-child{flex-direction:column;line-height:1.12;display:flex}.brand strong{color:inherit;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:15px}.brand small{color:inherit;letter-spacing:.18em;opacity:.65;margin-top:4px;font-size:11px;font-weight:700}.brand-large{color:var(--olive-900)}.brand-large .brand-mark{border-radius:18px 18px 18px 5px;width:52px;height:52px}.brand-large strong{font-size:19px}.sidebar nav{gap:7px;display:grid}.sidebar nav a,.bottom-nav a{color:inherit;align-items:center;text-decoration:none;display:flex}.sidebar nav a{color:#d7ddce;border-radius:12px;gap:13px;padding:12px 14px;font-size:14px;font-weight:600}.sidebar nav a svg{width:19px}.sidebar nav a:hover{background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#ffffff1f}.account-card{border-top:1px solid #ffffff1f;grid-template-columns:34px minmax(0,1fr) 30px 30px;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:grid}.account-avatar{width:34px;height:34px;color:var(--olive-900);background:var(--beige);border-radius:50%;place-items:center;font-weight:700;display:grid}.account-copy{flex-direction:column;min-width:0;display:flex}.account-copy strong{font-size:11px}.account-copy small{color:#c3cbbb;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.account-card button,.account-settings-link,.mobile-topbar button,.mobile-topbar-actions a{color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:5px;display:grid}.account-card button svg,.account-settings-link svg,.mobile-topbar button svg,.mobile-topbar-actions a svg{width:17px}.account-settings-link,.mobile-topbar-actions a{text-decoration:none}.mobile-topbar-actions{align-items:center;gap:8px;display:flex}.app-main{min-height:100vh;margin-left:256px}.page-container{width:min(1080px,100%);margin:0 auto;padding:56px 48px 72px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.page-header>div{max-width:680px}.eyebrow{color:var(--terracotta);letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:700}.page-header h1{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(30px,5vw,45px);line-height:1.08}.page-header>div>p:last-child{color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.65}.welcome-panel,.attendance-preview{background:var(--olive-700);color:#f8f6ef;box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:18px;margin-bottom:20px;padding:28px;display:grid;position:relative;overflow:hidden}.welcome-panel{grid-template-columns:auto 1fr}.welcome-panel:after,.attendance-preview:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:180px;height:180px;position:absolute;top:-65px;right:-42px;box-shadow:0 0 0 24px #ffffff0a}.welcome-icon{width:56px;height:56px;color:var(--olive-900);background:var(--beige);border-radius:18px;place-items:center;display:grid}.welcome-panel h2,.attendance-preview h2{color:#fff;margin-bottom:7px;font-size:20px}.welcome-panel p:last-child,.attendance-preview p:last-child{color:#e4e6dc;margin-bottom:0;font-size:13px;line-height:1.55}.welcome-panel .eyebrow,.attendance-preview .eyebrow{color:#e7c3ae}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.placeholder-card{border:1px solid var(--line);background:#fffdf8e0;border-radius:18px;grid-template-columns:auto 1fr;gap:16px;min-height:176px;padding:22px;display:grid;box-shadow:0 5px 18px #4a423008}.card-icon{width:42px;height:42px;color:var(--olive-700);background:var(--sage-100);border-radius:13px;place-items:center;display:grid}.card-icon svg{width:20px}.placeholder-card h2{margin:2px 0 7px;font-size:16px}.placeholder-card p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.card-label{color:var(--terracotta);grid-column:2;align-self:end;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.dashboard-refresh{color:var(--olive-700);background:var(--paper);border:1px solid var(--line)}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.dashboard-metric{min-height:132px;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:17px;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:18px;text-decoration:none;display:grid;box-shadow:0 5px 18px #4a423008}.dashboard-metric>span{width:38px;height:38px;color:var(--olive-700);background:var(--sage-100);border-radius:12px;place-items:center;display:grid}.dashboard-metric>span svg{width:18px}.dashboard-metric>div{align-content:start;display:grid}.dashboard-metric small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.dashboard-metric strong{color:var(--olive-900);margin:5px 0 3px;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:25px}.dashboard-metric p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.dashboard-priorities{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px;padding:22px}.dashboard-priorities>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.dashboard-priorities>header h2{margin:0;font-size:19px}.dashboard-priorities>header span{color:var(--muted);font-size:10px;font-weight:700}.dashboard-clear{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;padding:22px 0 2px;display:grid}.dashboard-clear>span{width:46px;height:46px;color:var(--olive-700);background:var(--sage-100);border-radius:14px;place-items:center;display:grid}.dashboard-clear>span svg{width:22px}.dashboard-clear h3{color:var(--olive-900);margin:0 0 5px;font-size:14px}.dashboard-clear p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.dashboard-priority-list{gap:8px;padding-top:12px;display:grid}.dashboard-priority-list a{color:inherit;border:1px solid var(--line);background:#faf8f1;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;text-decoration:none;display:grid}.dashboard-priority-list a>span{width:35px;height:35px;color:var(--terracotta);background:var(--terracotta-soft);border-radius:10px;place-items:center;display:grid}.dashboard-priority-list a>span svg{width:16px}.dashboard-priority-list a>div{gap:3px;min-width:0;display:grid}.dashboard-priority-list strong{color:var(--olive-900);font-size:11px}.dashboard-priority-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dashboard-priority-list b{color:var(--terracotta);font-size:9px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-card{min-height:142px;color:inherit;border:1px solid var(--line);background:#fffdf8e0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:21px;text-decoration:none;transition:border-color .18s,transform .18s;display:grid;box-shadow:0 5px 18px #4a423008}.admin-card:hover{border-color:var(--olive-500);transform:translateY(-2px)}.admin-card-copy{flex-direction:column;gap:7px;display:flex}.admin-card-copy strong{color:var(--olive-900);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:16px}.admin-card-copy>span{color:var(--muted);font-size:12px;line-height:1.55}.admin-card-arrow{width:18px;color:var(--terracotta)}.back-link{color:var(--olive-700);align-items:center;gap:7px;margin-bottom:22px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.back-link svg{width:16px}.admin-empty-state{background:var(--paper);border:1px dashed #cec3af;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:24px;display:grid}.admin-empty-icon{width:50px;height:50px;color:var(--olive-700);background:var(--sage-100);border-radius:15px;place-items:center;display:grid}.admin-empty-icon svg{width:23px}.admin-empty-state h2{margin-bottom:7px;font-size:17px}.admin-empty-state p{color:var(--muted);align-items:flex-start;gap:7px;margin-bottom:0;font-size:12px;line-height:1.55;display:flex}.admin-empty-state p svg{width:15px;color:var(--terracotta);flex:none;margin-top:1px}.personnel-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.personnel-search{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:9px;width:min(420px,100%);min-height:44px;padding:0 13px;display:flex}.personnel-search:focus-within{border-color:var(--olive-500);box-shadow:0 0 0 3px #90987926}.personnel-search svg{width:17px;color:var(--olive-500);flex:none}.personnel-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.personnel-count{color:var(--muted);white-space:nowrap;font-size:11px}.personnel-list{gap:11px;display:grid}.personnel-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:15px;padding:18px;display:grid;box-shadow:0 4px 16px #4a423008}.personnel-avatar{width:42px;height:42px;color:var(--paper);background:var(--olive-700);border-radius:13px;place-items:center;font-weight:800;display:grid}.personnel-copy{min-width:0}.personnel-name-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.personnel-name-row h2{margin:1px 0 2px;font-size:16px}.personnel-full-name,.personnel-contact{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.personnel-full-name{margin-bottom:0}.personnel-contact{margin:8px 0 10px}.status-pill{color:#4d6044;background:var(--sage-100);text-transform:uppercase;border-radius:99px;flex:none;padding:4px 8px;font-size:9px;font-weight:800}.status-pill.inactive{color:#765346;background:var(--terracotta-soft)}.capability-list{flex-wrap:wrap;gap:6px;display:flex}.capability-list span{color:#59624e;background:#f0eee3;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700}.capability-list .capability-empty{color:var(--muted);border:1px dashed var(--line);background:0 0;font-weight:600}.account-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.account-status svg{width:15px;color:var(--olive-500)}.personnel-state{background:var(--paper);border:1px dashed #cec3af;border-radius:18px;align-items:center;gap:16px;min-height:130px;padding:24px;display:flex}.personnel-state>svg{width:28px;color:var(--olive-500);flex:none}.personnel-state h2{margin-bottom:6px;font-size:17px}.personnel-state p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.55}.personnel-state .button{margin-left:auto}.personnel-error{color:#704630;background:#fffaf5;border-color:#d9b8a5}.personnel-error>svg{color:var(--terracotta)}.personnel-form{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px;margin-bottom:18px;padding:24px}.personnel-form-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.personnel-form-heading h2{margin-bottom:0;font-size:20px}.personnel-form-heading button{color:var(--muted);background:0 0;border:0;place-items:center;padding:6px;display:grid}.personnel-form-heading button svg{width:19px}.personnel-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.personnel-form-grid label{color:var(--olive-900);gap:7px;font-size:11px;font-weight:800;display:grid}.personnel-form-grid input,.personnel-form-grid select{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);background:#fbf8f1;border-radius:11px;outline:0;padding:0 12px}.personnel-form-grid input:focus,.personnel-form-grid select:focus{border-color:var(--olive-500);box-shadow:0 0 0 3px #90987926}.personnel-form-grid small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}.field-wide{grid-column:1/-1}.personnel-form-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.personnel-form-actions .button{width:auto}.personnel-mutation-error{margin-bottom:16px}.personnel-edit{color:var(--terracotta);background:0 0;border:0;grid-column:3;justify-content:flex-end;align-items:center;gap:5px;padding:4px;font-size:10px;font-weight:800;display:inline-flex}.personnel-edit svg{width:14px}.capability-editor{border-top:1px solid #eee7da;flex-wrap:wrap;grid-column:2/-1;gap:6px;padding-top:4px;display:flex}.capability-editor button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700}.capability-editor button[aria-pressed=true]{color:#4d6044;background:var(--sage-100);border-color:#cbd1ba}.capability-editor button:disabled{cursor:wait;opacity:.6}.amanah-section-nav{background:var(--beige);border-radius:13px;gap:5px;margin-bottom:24px;padding:5px;display:inline-flex}.amanah-section-nav a{min-height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.amanah-section-nav a svg{width:16px}.amanah-section-nav a.active{color:var(--olive-900);background:var(--paper);box-shadow:0 3px 10px #4a423012}.roster-date-control{background:var(--paper);border:1px solid var(--line);border-radius:15px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;gap:8px;max-width:520px;margin:0 auto 18px;padding:7px;display:grid}.roster-date-control>button{color:var(--olive-700);background:var(--sage-100);border:0;border-radius:10px;place-items:center;display:grid}.roster-date-control>button svg{width:18px}.roster-date-control label{cursor:pointer;place-items:center;min-height:42px;display:grid;position:relative}.roster-date-control label span{color:var(--olive-900);text-align:center;font-size:12px;font-weight:800}.roster-date-control input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.roster-form{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px;margin-bottom:18px;padding:24px}.roster-form textarea{resize:vertical;min-height:90px;color:var(--ink);border:1px solid var(--line);background:#fbf8f1;border-radius:11px;outline:0;padding:11px 12px}.roster-form textarea:focus{border-color:var(--olive-500);box-shadow:0 0 0 3px #90987926}.substitution-form{box-shadow:var(--shadow);background:#fffaf5;border:1px solid #dbc4b4;border-radius:19px;margin-bottom:18px;padding:24px}.substitution-form textarea{resize:vertical;min-height:90px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;outline:0;padding:11px 12px}.substitution-form textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #b86f511f}.substitution-origin{color:var(--muted);margin:6px 0 0;font-size:11px}.substitution-warning{color:#704630;background:var(--terracotta-soft);border-radius:10px;margin:16px 0 0;padding:11px 13px;font-size:11px;line-height:1.5}.verification-form{box-shadow:var(--shadow);background:#f7f8f1;border:1px solid #cbd1ba;border-radius:19px;margin-bottom:18px;padding:24px}.verification-form textarea{resize:vertical;min-height:90px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;outline:0;padding:11px 12px}.verification-form textarea:focus{border-color:var(--olive-500);box-shadow:0 0 0 3px #90987926}.verification-warning{color:#4d6044;background:var(--sage-100);border-radius:10px;margin:16px 0 0;padding:11px 13px;font-size:11px;line-height:1.5}.verification-confirm{color:var(--olive-900);align-items:flex-start;gap:9px;margin-top:14px;font-size:11px;font-weight:700;line-height:1.45;display:flex}.verification-confirm input{width:16px;height:16px;accent-color:var(--olive-700);flex:none;margin-top:0}.roster-mutation-error{margin-bottom:16px}.roster-setup-note{background:#fffaf5;border:1px dashed #d9b8a5;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:grid}.roster-setup-note>svg{width:25px;color:var(--terracotta)}.roster-setup-note h2{margin-bottom:4px;font-size:15px}.roster-setup-note p{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.5}.roster-setup-note .button{min-height:40px;text-decoration:none}.roster-grid{gap:11px;display:grid}.roster-slot{background:var(--paper);border:1px solid var(--line);border-radius:17px;grid-template-columns:132px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 4px 16px #4a423008}.roster-slot>header{background:var(--sage-100);align-items:center;gap:10px;padding:18px;display:flex}.roster-slot>header>span{width:28px;height:28px;color:var(--paper);background:var(--olive-700);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.roster-slot>header h2{margin-bottom:0;font-size:16px}.roster-duty-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roster-duty{min-width:0;padding:14px 17px}.roster-duty+.roster-duty{border-left:1px solid var(--line)}.roster-duty>strong{color:var(--terracotta);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.roster-assignment{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.roster-assignment+.roster-assignment{border-top:1px dashed var(--line);margin-top:7px;padding-top:7px}.roster-assignment-copy{gap:7px;min-width:0;display:grid}.roster-assignment-copy>span:first-child{min-width:0;color:var(--olive-900);flex-direction:column;gap:3px;font-size:12px;font-weight:800;display:flex}.roster-assignment small{color:#66705a;text-transform:uppercase;font-size:8px;font-weight:800}.roster-assignment small.cancelled{color:#9b5d47}.roster-assignment small.closed{color:var(--muted)}.substitution-summary{color:#765346;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 5px;font-size:9px;font-weight:800;display:grid}.substitution-summary svg{grid-row:1/span 2;width:13px}.substitution-summary small{color:var(--terracotta)}.execution-summary{color:#4d6044;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 5px;font-size:9px;font-weight:800;display:grid}.execution-summary svg{grid-row:1/span 2;width:13px}.execution-summary small{color:var(--olive-500)}.roster-assignment-actions{flex:none;gap:5px;display:flex}.roster-assignment button{width:30px;height:30px;color:var(--terracotta);border:1px solid var(--line);background:0 0;border-radius:9px;flex:none;place-items:center;display:grid}.roster-assignment button svg{width:13px}.roster-empty{color:var(--muted);font-size:11px}.marbot-error{margin-bottom:16px}.marbot-attendance-form{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px;margin-bottom:18px;padding:22px}.marbot-attendance-form .personnel-form-heading>svg{width:24px;color:var(--terracotta)}.marbot-attendance-form .button{width:auto;margin-top:18px}.marbot-day-list{gap:15px;margin-top:18px;display:grid}.marbot-day-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:0 5px 18px #4a42300a}.marbot-day-card.verified{border-color:#cbd1ba}.marbot-day-card>header{border-bottom:1px solid var(--line);background:#faf8f1;justify-content:space-between;align-items:center;gap:16px;padding:19px 21px;display:flex}.marbot-day-card>header h2{margin-bottom:6px;font-size:18px}.marbot-day-card>header p{margin-bottom:5px}.marbot-day-card>header span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.marbot-day-card>header span svg{width:13px}.marbot-day-card>header>svg{width:28px;color:var(--olive-500);flex:none}.marbot-day-card.verified>header>svg{color:var(--olive-700)}.marbot-stage-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.marbot-stage-summary>span{grid-template-columns:auto minmax(0,1fr);gap:2px 8px;padding:15px 17px;display:grid}.marbot-stage-summary>span+span{border-left:1px solid var(--line)}.marbot-stage-summary svg{color:#aaa99f;grid-row:1/span 2;width:18px}.marbot-stage-summary small{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.marbot-stage-summary strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.marbot-stage-summary .done svg,.marbot-stage-summary .done strong{color:var(--olive-700)}.marbot-checklist{gap:0;padding:6px 20px;display:grid}.marbot-checklist label{border-bottom:1px dashed var(--line);align-items:center;gap:12px;min-height:56px;padding:9px 2px;display:flex}.marbot-checklist label:last-child{border-bottom:0}.marbot-checklist input{width:20px;height:20px;accent-color:var(--olive-700);flex:none}.marbot-checklist label>span{gap:3px;display:grid}.marbot-checklist strong{color:var(--olive-900);font-size:12px}.marbot-checklist small{color:var(--muted);font-size:9px}.marbot-checklist .completed strong{-webkit-text-decoration:line-through #aeb5a0;text-decoration:line-through #aeb5a0}.marbot-checklist .completed small{color:var(--olive-700)}.marbot-verify-button{width:calc(100% - 40px);margin:4px 20px 20px}.marbot-verification{background:#f7f8f1;border:1px solid #cbd1ba;border-radius:14px;margin:4px 20px 20px;padding:19px 20px 20px}.marbot-verification h3{color:var(--olive-900);margin:0 0 5px;font-size:15px}.marbot-verification>p{color:var(--muted);margin-bottom:15px;font-size:10px;line-height:1.5}.marbot-notes{color:var(--olive-900);gap:7px;font-size:10px;font-weight:800;display:grid}.marbot-notes input{min-height:42px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 11px}.compensation-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:22px;display:grid}.compensation-summary article{background:var(--paper);border:1px solid var(--line);border-radius:15px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.compensation-summary article>svg{width:21px;color:var(--terracotta);flex:none}.compensation-summary article span{gap:3px;min-width:0;display:grid}.compensation-summary small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.compensation-summary strong{color:var(--olive-900);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.compensation-rule-form,.ledger-confirm{box-shadow:var(--shadow);background:#f7f8f1;border:1px solid #cbd1ba;border-radius:19px;margin-bottom:18px;padding:24px}.compensation-form-note{color:#4d6044;background:var(--sage-100);border-radius:10px;margin:16px 0 0;padding:11px 13px;font-size:11px;line-height:1.5}.compensation-date-field{color:var(--olive-900);gap:7px;font-size:11px;font-weight:800;display:grid}.compensation-date-field input{width:min(320px,100%);min-height:44px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:0 12px}.compensation-error{margin-bottom:16px}.compensation-section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:28px 0 13px;display:flex}.compensation-section-heading h2{margin-bottom:0;font-size:19px}.ledger-filters{gap:6px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.ledger-filters button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:99px;flex:none;padding:7px 10px;font-size:9px;font-weight:800}.ledger-filters button[aria-pressed=true]{color:var(--paper);background:var(--olive-700);border-color:var(--olive-700)}.ledger-list{gap:11px;display:grid}.ledger-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:13px 18px;padding:18px;display:grid;box-shadow:0 4px 16px #4a423008}.ledger-card-main{min-width:0}.ledger-card-main h3{margin:7px 0 3px;font-size:16px}.ledger-card-main p{color:var(--muted);margin-bottom:4px;font-size:11px}.ledger-card-main>small{color:var(--muted);font-size:9px}.ledger-status{color:#765346;background:var(--terracotta-soft);text-transform:uppercase;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.ledger-status.approved,.ledger-status.paid{color:#4d6044;background:var(--sage-100)}.ledger-status.void{color:var(--muted);background:#ece8df}.ledger-amount{text-align:right;align-content:center;justify-items:end;gap:4px;display:grid}.ledger-amount strong{color:var(--olive-900);font-size:15px}.ledger-amount small{color:var(--muted);font-size:9px}.ledger-history{color:var(--muted);border-top:1px dashed var(--line);flex-wrap:wrap;grid-column:1/-1;gap:6px 12px;padding-top:10px;font-size:9px;display:flex}.ledger-actions{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.ledger-actions .button{width:auto;min-height:36px}.compensation-empty{color:var(--muted);background:var(--paper);border:1px dashed #cec3af;border-radius:16px;align-items:center;gap:15px;padding:21px;display:flex}.compensation-empty>svg{width:25px;color:var(--olive-500);flex:none}.compensation-empty h3{color:var(--olive-900);margin-bottom:4px;font-size:14px}.compensation-empty p{margin:0;font-size:11px;line-height:1.5}.compensation-rules-section{border-top:1px solid var(--line);margin-top:34px;padding-top:3px}.compensation-rule-list{gap:9px;display:grid}.compensation-rule-card{border:1px solid var(--line);background:#faf8f1;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;display:grid}.compensation-rule-card>svg{width:20px;color:var(--olive-500)}.compensation-rule-card h3{margin-bottom:3px;font-size:13px}.compensation-rule-card p{color:var(--terracotta);margin-bottom:3px;font-size:10px;font-weight:700}.compensation-rule-card small{color:var(--muted);font-size:9px}.compensation-rule-card .button{width:auto;min-height:34px}.principle-note{color:#4e5947;background:var(--sage-100);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 17px;font-size:12px;display:flex}.principle-note strong{margin-right:5px}.principle-note svg{flex:none;width:20px}.principle-note.terracotta{color:#704630;background:var(--terracotta-soft)}.principle-note.terracotta span{display:inline}.principle-note.terracotta strong{display:block}.attendance-preview{grid-template-columns:minmax(0,1fr) auto}.attendance-preview .button{z-index:1;position:relative}.attendance-key{grid-column:1/-1;gap:7px;display:flex}.attendance-key span{width:29px;height:29px;color:var(--olive-900);background:#fff;border-radius:8px;place-items:center;font-size:11px;font-weight:700;display:grid}.attendance-key .permit{background:#eadfb8}.attendance-key .sick{background:#e8c8b8}.attendance-key .absent{color:#fff;background:#9e6656}.tpq-message,.tpq-success{margin-bottom:17px}.tpq-success{color:#4d6044;background:var(--sage-100);border-radius:9px;padding:10px 12px;font-size:12px}.tpq-actions{gap:7px;max-width:100%;margin-bottom:18px;padding-bottom:5px;display:flex;overflow-x:auto}.tpq-actions button,.tpq-section-heading button{min-height:38px;color:var(--olive-900);background:var(--paper);border:1px solid var(--line);border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.tpq-actions button:hover,.tpq-section-heading button:hover{border-color:var(--olive-500)}.tpq-actions button:disabled{opacity:.45}.tpq-actions svg{width:15px}.tpq-form{margin-bottom:22px}.tpq-form .tpq-choice{border:1px solid var(--line);background:#faf8f1;border-radius:11px;align-self:end;align-items:center;min-height:44px;padding:0 11px;display:flex}.tpq-choice input{height:17px;accent-color:var(--olive-700);margin:0;width:17px!important}.tpq-overview{gap:34px;display:grid}.tpq-section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;display:flex}.tpq-section-heading h2{margin:2px 0 0;font-size:20px}.tpq-section-heading>span{color:var(--muted);font-size:10px}.tpq-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.tpq-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0;padding:17px;box-shadow:0 4px 16px #4a423008}.tpq-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tpq-card h3{margin:0 0 3px;font-size:15px}.tpq-card header small{color:var(--muted);font-size:9px}.tpq-card>p{color:var(--terracotta);margin:11px 0;font-size:10px;font-weight:700}.tpq-card-meta{border-top:1px dashed var(--line);gap:3px;padding-top:10px;display:grid}.tpq-card-meta span{color:var(--olive-900);font-size:11px;font-weight:700}.tpq-card-meta small{color:var(--muted);font-size:9px}.tpq-card>select{width:100%;min-height:35px;color:var(--olive-900);border:1px solid var(--line);background:#faf8f1;border-radius:9px;margin-top:12px;padding:0 9px;font-size:10px}.tpq-card .tpq-progress-open{width:100%;min-height:35px;color:var(--terracotta);background:var(--terracotta-soft);border:0;border-radius:9px;margin-top:12px;padding:0 9px;font-size:9px;font-weight:800}.tpq-guardian-list{gap:8px;max-width:100%;padding-top:10px;display:flex;overflow-x:auto}.tpq-guardian-list article{border:1px solid var(--line);background:#faf8f1;border-radius:12px;flex:0 0 min(280px,82vw);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.tpq-guardian-list article>div{gap:3px;display:grid}.tpq-guardian-list strong{color:var(--olive-900);font-size:11px}.tpq-guardian-list small{color:var(--muted);font-size:9px}.tpq-guardian-list span{color:var(--terracotta);font-size:9px;font-weight:800}.tpq-session-list{gap:8px;display:grid}.tpq-session-list article{background:var(--paper);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.tpq-session-list article>div{gap:4px;display:grid}.tpq-session-list article>div:last-child{justify-items:end}.tpq-session-list strong{color:var(--olive-900);font-size:13px}.tpq-session-list span,.tpq-session-list small{color:var(--muted);font-size:9px}.tpq-session-list button{color:var(--terracotta);background:0 0;border:1px solid #d9b8a5;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:800}.tpq-attendance{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px}.tpq-attendance-back{margin-bottom:18px}.tpq-attendance-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:18px;display:flex}.tpq-attendance-header h2{margin:3px 0 6px;font-size:23px}.tpq-attendance-header p:last-child{color:var(--muted);margin:0;font-size:10px}.tpq-attendance-header .button{flex:none}.tpq-attendance-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 13px;display:grid}.tpq-attendance-summary>span{color:var(--olive-900);background:var(--sage-100);border-radius:10px;justify-items:center;gap:2px;padding:10px;display:grid}.tpq-attendance-summary .permission{background:#eadfb8}.tpq-attendance-summary .sick{background:#e8c8b8}.tpq-attendance-summary .absent{color:#fff;background:#9e6656}.tpq-attendance-summary strong{font-size:17px}.tpq-attendance-summary small{font-size:8px;font-weight:800}.tpq-attendance-list{gap:8px;display:grid}.tpq-attendance-list article{border:1px solid var(--line);background:#faf8f1;border-radius:13px;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px 18px;padding:13px 14px;display:grid}.tpq-attendance-student{align-items:center;gap:11px;min-width:0;display:flex}.tpq-attendance-student>span{width:27px;height:27px;color:var(--olive-700);background:var(--sage-100);border-radius:8px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.tpq-attendance-student>div{gap:2px;min-width:0;display:grid}.tpq-attendance-student h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.tpq-attendance-student small{color:var(--muted);font-size:8px}.tpq-attendance-options{gap:5px;display:flex}.tpq-attendance-options button{width:35px;height:35px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:9px;place-items:center;padding:0;font-size:10px;font-weight:900;display:grid}.tpq-attendance-options button span{display:none}.tpq-attendance-options button[aria-pressed=true]{color:var(--olive-900);background:var(--sage-100);border-color:var(--olive-500)}.tpq-attendance-options .permission[aria-pressed=true]{background:#eadfb8;border-color:#c9b36a}.tpq-attendance-options .sick[aria-pressed=true]{background:#e8c8b8;border-color:#c99178}.tpq-attendance-options .absent[aria-pressed=true]{color:#fff;background:#9e6656;border-color:#9e6656}.tpq-attendance-note{color:var(--olive-900);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;font-size:9px;font-weight:800;display:grid}.tpq-attendance-note input{min-height:35px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:0 9px}.tpq-attendance-save{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:13px;padding-top:17px;display:flex}.tpq-attendance-save>span{color:var(--muted);font-size:9px}.tpq-progress{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px}.tpq-progress>.back-link{margin-bottom:18px}.tpq-progress-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:18px;display:flex}.tpq-progress-header h2{margin:3px 0 6px;font-size:23px}.tpq-progress-header p:last-child{color:var(--muted);margin:0;font-size:10px}.tpq-progress-form{box-shadow:none;margin:18px 0}.tpq-progress-form textarea{resize:vertical;width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;background:#fbf8f1;border-radius:11px;padding:10px 12px}.tpq-progress-form textarea:focus{border-color:var(--olive-500);outline:0;box-shadow:0 0 0 3px #90987926}.tpq-progress-list{gap:10px;margin-top:18px;display:grid}.tpq-progress-list article{border:1px solid var(--line);background:#faf8f1;border-radius:14px;padding:17px}.tpq-progress-list article>header{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px;padding-bottom:10px;display:flex}.tpq-progress-list article>header>div{gap:3px;display:grid}.tpq-progress-list strong{color:var(--olive-900);font-size:13px}.tpq-progress-list span,.tpq-progress-list small{color:var(--muted);font-size:8px}.tpq-progress-list article>p{color:var(--ink);grid-template-columns:85px minmax(0,1fr);gap:8px;margin:7px 0 0;font-size:10px;line-height:1.5;display:grid}.tpq-progress-list b{color:var(--terracotta);text-transform:uppercase;font-size:8px}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.72}.button-primary{color:#fff;background:var(--olive-700);width:100%}.button-primary:hover{background:var(--olive-900)}.button-secondary{color:var(--olive-900);background:var(--beige)}.button-ghost{width:100%;color:var(--olive-700);border:1px solid var(--line);background:0 0}.auth-page{background:radial-gradient(circle at 20% 15%, #fffaf0 0, transparent 34%), var(--ivory);place-items:center;min-height:100vh;padding:28px 18px;display:grid}.auth-card{background:var(--paper);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:26px;padding:34px}.auth-copy{margin:32px 0 24px}.auth-copy h1{letter-spacing:-.035em;margin-bottom:10px;font-size:29px;line-height:1.18}.auth-copy>p:last-child{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.55}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--olive-900);gap:7px;font-size:12px;font-weight:700;display:grid}.input-wrap{border:1px solid var(--line);background:#fbf8f1;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 13px;display:flex}.input-wrap:focus-within{border-color:var(--olive-500);box-shadow:0 0 0 3px #90987926}.input-wrap svg{color:var(--olive-500);flex:none}.input-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.input-wrap input::placeholder{color:#aaa99f}.form-error{color:#884b3b;background:var(--terracotta-soft);border-radius:9px;margin:0;padding:10px 12px;font-size:12px}.form-success{color:var(--olive-900);background:var(--sage-100);border-radius:9px;margin:0;padding:11px 12px;font-size:12px;line-height:1.55}.auth-link{color:var(--terracotta);text-align:center;justify-self:center;font-size:12px;font-weight:700}.auth-link:hover{color:#994f38}.auth-footnote{color:#96958c;text-align:center;margin:22px 0 0;font-size:11px;line-height:1.5}.account-settings{background:var(--paper);border:1px solid var(--line);width:min(620px,100%);box-shadow:var(--shadow);border-radius:20px;padding:25px}.account-settings-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:15px;margin-bottom:20px;display:grid}.account-settings-heading h2{margin:2px 0 6px;font-size:19px}.account-settings-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.account-email{color:var(--olive-700);background:var(--sage-100);border-radius:12px;align-items:center;gap:11px;margin-bottom:20px;padding:13px;display:flex}.account-email>svg{flex:none;width:18px}.account-email>span{gap:2px;min-width:0;display:grid}.account-email small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.account-email strong{color:var(--olive-900);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notice{border-radius:12px;gap:6px;padding:15px;font-size:12px;line-height:1.5;display:grid}.notice-warning{color:#704630;background:var(--terracotta-soft)}.access-state{gap:22px;display:grid}.access-state .brand{margin-bottom:4px}.access-state h1{letter-spacing:-.03em;margin-bottom:9px;font-size:25px;line-height:1.2}.access-state p:last-child{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.access-state-icon{width:48px;height:48px;color:var(--terracotta);background:var(--terracotta-soft);border-radius:15px;place-items:center;display:grid}.access-state-icon.warning{color:#8a6232;background:#eee3bd}.identity-summary{background:var(--sage-100);border-radius:11px;flex-direction:column;gap:3px;padding:13px 15px;display:flex}.identity-summary strong{color:var(--olive-900);font-size:13px}.identity-summary span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.access-actions{gap:9px;display:grid}.loading-screen{place-content:center;justify-items:center;gap:20px;min-height:100vh;display:grid}.loading-dot{color:var(--muted);font-size:12px}.loading-dot:before{content:"";background:var(--terracotta);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1.2s infinite pulse;display:inline-block}.mobile-topbar,.bottom-nav{display:none}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media (width<=760px){.sidebar{display:none}.app-main{margin-left:0;padding-bottom:78px}.mobile-topbar{z-index:8;height:66px;color:var(--olive-900);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f2e8eb;border-bottom:1px solid #e4dccdb3;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0}.mobile-topbar .brand-mark{border-radius:12px 12px 12px 4px;width:36px;height:36px}.mobile-topbar .brand strong{font-size:13px}.mobile-topbar .brand small{font-size:9px}.page-container{padding:28px 17px 38px}.page-header{align-items:flex-start;margin-bottom:25px}.page-header h1{margin-bottom:9px;font-size:31px}.page-header>div>p:last-child{font-size:13px;line-height:1.55}.welcome-panel{grid-template-columns:1fr;padding:22px}.welcome-icon{width:45px;height:45px}.card-grid,.admin-grid{grid-template-columns:1fr}.admin-card{min-height:126px;padding:18px}.admin-empty-state{grid-template-columns:1fr;padding:20px}.personnel-toolbar{flex-direction:column;align-items:stretch;gap:8px}.personnel-count{padding-left:2px}.personnel-card{grid-template-columns:auto minmax(0,1fr);padding:16px}.account-status{grid-column:2}.personnel-edit{grid-column:2;justify-content:flex-start}.capability-editor{grid-column:1/-1}.amanah-section-nav{grid-template-columns:1fr 1fr;width:100%;margin-bottom:20px;display:grid}.amanah-section-nav a{justify-content:center;padding:0 9px}.roster-form,.substitution-form,.verification-form{padding:20px}.roster-setup-note{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:16px}.roster-setup-note .button{grid-column:1/-1;width:100%}.roster-slot{grid-template-columns:1fr}.roster-slot>header{padding:13px 15px}.roster-duty-list{grid-template-columns:1fr 1fr}.roster-duty{padding:13px 14px}.marbot-attendance-form{padding:19px}.marbot-attendance-form .button{width:100%}.marbot-stage-summary{grid-template-columns:1fr}.marbot-stage-summary>span+span{border-top:1px solid var(--line);border-left:0}.marbot-day-card>header{padding:17px}.marbot-checklist{padding:5px 17px}.marbot-verify-button{width:calc(100% - 34px);margin:4px 17px 17px}.marbot-verification{margin:4px 17px 17px;padding:17px}.compensation-summary{grid-template-columns:1fr}.compensation-rule-form,.ledger-confirm{padding:20px}.compensation-section-heading{flex-direction:column;align-items:stretch}.ledger-card{grid-template-columns:1fr}.ledger-amount{text-align:left;justify-items:start}.ledger-history,.ledger-actions{grid-column:1}.ledger-actions{justify-content:stretch}.ledger-actions .button{flex:1}.compensation-rule-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.compensation-rule-card .button{grid-column:1/-1;width:100%}.personnel-form{padding:20px}.personnel-form-grid{grid-template-columns:1fr}.field-wide{grid-column:1}.personnel-form-actions{grid-template-columns:1fr 1fr;display:grid}.personnel-form-actions .button{width:100%}.personnel-state{flex-wrap:wrap;align-items:flex-start;padding:20px}.personnel-state .button{width:100%;margin-left:0}.placeholder-card{min-height:150px;padding:19px}.principle-note{align-items:flex-start;line-height:1.5}.principle-note:not(.terracotta){display:grid}.attendance-preview{grid-template-columns:1fr;padding:22px}.attendance-preview .button{width:100%}.attendance-key{grid-column:1}.tpq-card-grid{grid-template-columns:1fr}.tpq-section-heading{align-items:flex-start}.tpq-form .tpq-choice{align-self:auto}.tpq-session-list article{align-items:flex-start}.tpq-attendance{padding:17px}.tpq-attendance-header{flex-direction:column;align-items:stretch}.tpq-attendance-header .button{width:100%}.tpq-attendance-list article{grid-template-columns:1fr}.tpq-attendance-options{justify-content:stretch}.tpq-attendance-options button{flex:1;height:42px}.tpq-attendance-options button span{margin-left:3px;font-size:7px;display:inline}.tpq-attendance-note{grid-column:1}.tpq-attendance-save{flex-direction:column;align-items:stretch}.tpq-attendance-save .button{width:100%}.tpq-progress{padding:17px}.tpq-progress-header{flex-direction:column;align-items:stretch}.tpq-progress-header .button{width:100%}.tpq-progress-list article>header{flex-direction:column}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metric{min-height:116px;padding:14px}.dashboard-priorities{padding:17px}.dashboard-priority-list a{grid-template-columns:auto minmax(0,1fr)}.dashboard-priority-list b{display:none}.bottom-nav{z-index:20;height:calc(66px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);color:var(--muted);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f5;grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.bottom-nav a{flex-direction:column;justify-content:center;gap:3px;font-size:9px;font-weight:600}.bottom-nav a svg{width:19px;height:19px}.bottom-nav a.active{color:var(--terracotta)}.auth-card{border-radius:22px;padding:26px 22px}.account-settings{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}