:root{color:#24352e;font-synthesis:none;text-rendering:optimizelegibility;--forest:#155c43;--forest-dark:#0b4432;--mint:#def0e4;--cream:#fff9ec;--orange:#e69447;--ink:#24352e;--muted:#748078;--line:#e1e7e2;--danger:#b84e4a;--surface:#fff;--shadow:0 14px 40px #29483914;background:#f5f7f3;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5f7f3;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}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.sidebar{z-index:40;color:#fff;background:linear-gradient(160deg,#0d503a 0%,#083d2e 100%);flex-direction:column;width:260px;padding:27px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 9px 28px;display:flex}.brand-mark{width:41px;height:41px;color:var(--forest);background:#fff6da;border-radius:13px;place-items:center;font-size:24px;display:grid;transform:rotate(-7deg)}.brand strong{letter-spacing:-.4px;font-size:20px;display:block}.brand small{color:#b7d0c5;margin-top:3px;font-size:10px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#d0dfd8;border-radius:11px;align-items:center;gap:13px;padding:13px 14px;font-size:14px;font-weight:500;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1f}.sidebar nav a.active{box-shadow:inset 3px 0 #f3b766}.sidebar-quote{color:#9fc0b1;margin-top:auto;padding:21px 12px;font-family:Georgia,serif;font-size:12px;font-style:italic;line-height:1.75}.sidebar-logout{color:#ccddd5;background:0 0;border:0;border-top:1px solid #ffffff1c;align-items:center;gap:11px;padding:17px 13px 3px;font-size:14px;display:flex}.main-area{min-height:100vh;margin-left:260px}.topbar{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;align-items:center;gap:18px;height:76px;padding:0 38px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.topbar-bell{border:1px solid var(--line);color:#496058;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.topbar-bell span{background:#eb755e;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.user-chip{align-items:center;gap:10px;min-width:168px;display:flex}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:13px}.user-chip small{color:var(--muted);margin-top:3px;font-size:11px}.avatar{color:#fff;background:var(--forest);border-radius:50%;flex:none;place-items:center;width:39px;height:39px;font-weight:700;display:grid}.avatar.soft{color:var(--forest);background:#d9ede2}.page-container{width:min(1480px,100%);margin:0 auto;padding:34px 38px 52px}.mobile-menu,.mobile-close,.bottom-nav,.sidebar-scrim{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-header h1{color:#183d31;margin-bottom:7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3vw,34px);line-height:1.15}.page-header p{color:var(--muted);margin:0;font-size:13px}.page-actions{align-items:center;gap:10px;display:flex}.card{background:var(--surface);border:1px solid #e5e9e5;border-radius:17px;box-shadow:0 8px 26px #1f43320a}.card h2{color:#204237;font-size:16px}.card-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px 23px 18px;display:flex}.card-heading h2{margin-bottom:5px}.card-heading p{color:var(--muted);margin:0;font-size:12px}.button{border:1px solid var(--line);color:#345046;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #155c431a}.button.primary{color:#fff;border-color:var(--forest);background:var(--forest)}.button.large{min-height:50px;padding-inline:22px;font-size:14px}.button.small{min-height:33px;padding:6px 10px;font-size:11px}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.icon-button{color:#557167;background:#f1f5f2;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}select,input,textarea{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #d9e1dc;border-radius:10px;outline:none;padding:10px 12px}select:focus,input:focus,textarea:focus{border-color:#6da58f;box-shadow:0 0 0 3px #3484641c}textarea{resize:vertical;min-height:92px}.form{gap:17px;display:grid}.field{color:#3e5049;gap:7px;font-size:12px;font-weight:600;display:grid}.field small{color:var(--muted);font-weight:400}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-error{color:#9d3939;background:#fff0ee;border-radius:9px;padding:11px 13px;font-size:12px}.input-with-icon{position:relative}.input-with-icon svg{color:#7d8e87;width:19px;position:absolute;top:11px;left:12px}.input-with-icon input{padding-left:41px}.password-field{position:relative}.password-field button{color:#75827d;background:0 0;border:0;width:34px;height:34px;position:absolute;top:5px;right:5px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{align-items:center;gap:15px;min-height:115px;padding:19px;display:flex}.stat-card>svg{width:43px;height:43px;color:var(--forest);background:#edf5f0;border-radius:12px;padding:10px}.stat-card.green{color:#fff;border-color:var(--forest);background:linear-gradient(135deg,#165e44,#247657)}.stat-card.green>svg{color:#fff;background:#ffffff24}.stat-card.warm>svg{color:#9d652d;background:#fff2df}.stat-card span,.stat-card small{color:var(--muted);font-size:11px;display:block}.stat-card.green span,.stat-card.green small{color:#d4e7de}.stat-card strong{margin:6px 0;font-family:Georgia,serif;font-size:26px;line-height:1;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;display:grid}.activity-list{padding:0 23px 18px}.activity-row{border-top:1px solid #edf0ed;grid-template-columns:auto minmax(110px,1fr) minmax(110px,.7fr) auto;align-items:center;gap:12px;padding:15px 0;font-size:12px;display:grid}.activity-row strong,.activity-row small{display:block}.activity-row small{color:var(--muted);margin-top:4px}.activity-row b{color:var(--forest)}.grow{flex:1;min-width:0}.progress-donut{--progress:0%;aspect-ratio:1;background:conic-gradient(var(--forest) var(--progress), #e7eee9 0);border-radius:50%;place-items:center;width:178px;margin:11px auto 25px;display:grid}.progress-donut:before{content:"";aspect-ratio:1;background:#fff;border-radius:50%;width:132px;position:absolute}.progress-donut>div{text-align:center;position:relative}.progress-donut strong,.progress-donut span{display:block}.progress-donut strong{color:var(--forest);font-family:Georgia,serif;font-size:31px}.progress-donut span{color:var(--muted);margin-top:3px;font-size:10px}.notice{color:#5d674c;background:#fff7df;border-radius:11px;align-items:flex-start;gap:10px;margin:0 20px 20px;padding:13px 14px;font-size:11px;line-height:1.55;display:flex}.notice p{margin:3px 0 0}.notice.soft-green{color:#34624f;background:#ecf6f0}.notice.info{color:#45647c;background:#eff7fc}.notice.warning{color:#866024;margin-inline:0}.table-card{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#78847e;letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#f8faf8;font-size:10px;font-weight:600}th,td{white-space:nowrap;border-bottom:1px solid #ebefec;padding:13px 16px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfb}.person-cell{align-items:center;gap:10px;display:flex}.person-cell strong,.person-cell small{display:block}.person-cell small{color:var(--muted);margin-top:3px;font-size:10px}.status{color:#718079;background:#f0f3f1;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.status.success{color:#287052;background:#e8f5ed}.status.danger{color:#a14f4d;background:#fceeed}.edited{color:#9a7042;align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex}.pill,.factor-badge{color:#315b4b;background:#e9f3ed;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.factor-badge{color:#8a5c28;background:#fff0d8}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.mini-stats .card{padding:15px 18px}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{color:var(--forest);font-size:20px}.mini-stats span{color:var(--muted);margin-top:3px;font-size:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.shift-list,.rule-list{padding:0 21px 18px}.shift-row,.rule-row{border-top:1px solid #edf0ed;align-items:center;gap:13px;padding:15px 0;display:flex}.shift-row strong,.shift-row span,.rule-row strong,.rule-row span{display:block}.shift-row span,.rule-row span{color:var(--muted);margin-top:4px;font-size:10px}.rule-row>b{color:#9a5b23;background:#fff0d8;border-radius:9px;padding:8px 10px;font-size:13px}.round-icon{width:43px;height:43px;color:var(--forest);background:#eaf4ed;border-radius:13px;flex:none;place-items:center;display:grid}.segmented{background:#eff2f0;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#697670;background:0 0;border:0;border-radius:8px;min-height:37px;font-size:12px}.segmented button.active{color:var(--forest);background:#fff;font-weight:600;box-shadow:0 3px 10px #193d2f14}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.store-card{min-height:225px;padding:23px;position:relative}.store-card h2{margin:20px 0 10px;font-family:Georgia,serif;font-size:20px}.store-card p{color:var(--muted);align-items:flex-start;gap:7px;font-size:11px;line-height:1.5;display:flex}.store-card .store-code{color:#4a655a;align-items:center}.store-card .store-code strong{color:var(--forest);letter-spacing:.08em;font-size:12px}.store-card .status{position:absolute;top:22px;right:21px}.store-card .store-edit{position:absolute;bottom:20px;right:20px}.payroll-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;display:grid}.payroll-side{align-content:start;gap:18px;display:grid}.employee-select{grid-template-columns:auto minmax(200px,350px);justify-content:end;align-items:center;gap:11px;margin-bottom:17px;padding:13px 16px;display:grid}.employee-select label{color:var(--muted);font-size:11px}.adjust-list{padding:0 20px 20px}.adjust-list>div{border-top:1px solid #edf0ed;align-items:center;gap:8px;padding:11px 0;font-size:11px;display:flex}.adjust-list svg{width:17px}.adjust-list .positive>svg,.adjust-list .positive>strong{color:#21714f}.adjust-list .negative>svg,.adjust-list .negative>strong{color:var(--danger)}.salary-total{color:#fff;background:linear-gradient(145deg,#194f3d,#0e3f31);border:0;padding:22px}.salary-total h2{color:#fff}.salary-total>div{color:#cce0d7;justify-content:space-between;gap:10px;margin:13px 0;font-size:11px;display:flex}.salary-total hr{border:0;border-top:1px solid #ffffff2b}.salary-total .take-home{align-items:flex-end;margin:18px 0}.salary-total .take-home strong{color:#ffdda8;font-family:Georgia,serif;font-size:23px}.green-text{color:#84d6ab}.red-text{color:#ff9f9b}.employee-home{max-width:600px;margin:0 auto}.employee-greeting{margin-bottom:18px}.employee-greeting p{color:var(--muted);margin-bottom:2px;font-size:13px}.employee-greeting h1{color:#1a4637;margin-bottom:7px;font-family:Georgia,serif;font-size:31px}.employee-greeting span{color:var(--muted);font-size:11px}.store-banner{color:#fff;background:linear-gradient(120deg,#155d43,#28795b);border:0;align-items:center;gap:14px;margin-bottom:17px;padding:17px 20px;display:flex}.store-banner svg{color:#ffdda2}.store-banner strong,.store-banner span{display:block}.store-banner span{color:#cae1d6;margin-top:4px;font-size:10px}.attendance-card,.submitted-card{padding:22px}.attendance-title{border-bottom:1px solid #edf0ed;align-items:center;gap:13px;padding-bottom:18px;display:flex}.attendance-title h2{margin:0 0 5px}.attendance-title p{color:var(--muted);margin:0;font-size:11px}.active-shift{text-align:center;background:#f0f8f3;border:1px solid #cfe5d7;border-radius:14px;margin:18px 0;padding:18px}.active-shift>span,.active-shift small{color:var(--muted);font-size:10px;display:block}.active-shift strong{color:var(--forest);margin:7px 0;font-family:Georgia,serif;font-size:22px;display:block}.active-shift p{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.shift-chips{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.shift-chips button{border:1px solid var(--line);color:#3e514a;text-align:left;background:#fff;border-radius:10px;padding:12px}.shift-chips button.selected{border-color:var(--forest);background:#f2f9f5;box-shadow:0 0 0 2px #18674a1a}.shift-chips strong,.shift-chips small{display:block}.shift-chips small{color:var(--muted);margin-top:4px}.hours-picker{text-align:center;margin:18px 0 8px}.hours-picker>label,.hours-picker>small{color:var(--muted);font-size:10px;display:block}.hours-picker>div{justify-content:center;align-items:center;gap:25px;margin:10px 0;display:flex}.hours-picker button{width:42px;height:42px;color:var(--forest);background:#f2f8f4;border:1px solid #cfe1d7;border-radius:50%;place-items:center;display:grid}.hours-picker strong{min-width:85px;color:var(--forest);font-family:Georgia,serif;font-size:27px}.one-time-note{color:var(--muted);text-align:center;margin:11px 0 0;font-size:9px}.submitted-card{color:#49635a;text-align:center}.submitted-card>svg{color:var(--forest)}.submitted-card h2{margin:13px 0 8px}.submitted-card p{color:var(--forest);font-size:18px;font-weight:700}.submitted-card small{color:var(--muted)}.submitted-card .notice{text-align:left;margin-top:20px}.history-list,.notification-list{gap:11px;display:grid}.history-record{align-items:center;gap:15px;padding:15px 18px;display:flex}.history-record>b{color:var(--forest)}.history-record strong,.history-record span{display:block}.history-record span{color:var(--muted);margin-top:4px;font-size:10px}.date-badge{width:57px;color:var(--forest);text-align:center;background:#edf5f0;border-radius:11px;padding:8px}.date-badge strong{font-family:Georgia,serif;font-size:20px}.date-badge span{font-size:8px}.notification-item{align-items:center;gap:14px;padding:16px 18px;display:flex}.notification-item.unread{border-left:4px solid var(--forest);background:#fbfefc}.notification-item p{color:#56675f;margin:5px 0;font-size:11px;line-height:1.5}.notification-item small,.read-mark{color:var(--muted);font-size:9px}.read-mark{align-items:center;gap:4px;display:flex}.muted-icon{color:#9aa49f}.muted{color:var(--muted)}.login-page{background:#f8faf7;grid-template-columns:minmax(400px,.9fr) minmax(500px,1.1fr);min-height:100vh;display:grid}.login-art{color:#fff;background:radial-gradient(circle at 12% 10%,#ffe4ac21,#0000 28%),linear-gradient(150deg,#176047,#0a3e2f);flex-direction:column;justify-content:center;padding:50px 11%;display:flex;position:relative;overflow:hidden}.login-art:after{content:"☕";color:#ffffff0d;font-size:270px;position:absolute;bottom:-55px;right:-25px;transform:rotate(-15deg)}.login-brand{color:#fff5cc;align-items:center;gap:10px;display:flex;position:absolute;top:38px;left:11%}.login-brand strong{font-size:20px}.login-art>div:nth-child(2){z-index:1;position:relative}.login-art h1{margin:23px 0 16px;font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.1}.login-art p{color:#c7ded3;max-width:500px;font-size:13px;line-height:1.75}.login-art>small{color:#9fc0b1;position:absolute;bottom:35px}.login-panel{place-items:center;padding:35px;display:grid}.login-card{width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #e4e9e5;border-radius:20px;gap:17px;padding:35px;display:grid}.login-card>label{color:#43554e;gap:7px;font-size:12px;font-weight:600;display:grid}.login-card h2{color:#153e31;margin:-6px 0 0;font-family:Georgia,serif;font-size:31px}.login-card .eyebrow{color:#4e8e72;letter-spacing:.14em;margin:0;font-size:9px;font-weight:700}.login-card .muted{margin:-9px 0 3px;font-size:11px}.login-mobile-brand{display:none}.demo-note{color:#66736d;background:#f4f7f4;border-radius:10px;gap:4px;padding:12px 14px;font-size:9px;display:grid}.demo-note strong{color:#36564a}.forgot-link{color:var(--forest);text-align:right;margin-top:-8px;font-size:11px;font-weight:600}.login-mode{margin-bottom:2px}.auth-flow-page{background:radial-gradient(circle at 50% 0,#e4f2e9 0,#f7f9f6 42%);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-flow-card{width:min(480px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #dfe7e1;border-radius:21px;padding:34px}.auth-flow-card.centered{text-align:center}.auth-flow-card .eyebrow{color:#4f8a72;letter-spacing:.13em;margin:18px 0 8px;font-size:9px;font-weight:700}.auth-flow-card h1{color:#173f31;margin-bottom:10px;font-family:Georgia,serif;font-size:31px}.auth-flow-card>.muted{margin-bottom:23px;font-size:12px;line-height:1.7}.auth-flow-icon{width:56px;height:56px;color:var(--forest);background:#e6f2ea;border-radius:17px;place-items:center;display:grid}.auth-flow-card.centered .auth-flow-icon{margin-inline:auto}.auth-flow-icon.success{color:#1e774e;background:#e5f6ec}.auth-flow-icon.error{color:#a04b45;background:#fbeceb}.auth-flow-icon svg{width:27px;height:27px}.back-link{color:#597067;justify-content:center;align-items:center;gap:6px;margin-top:21px;font-size:11px;font-weight:600;display:flex}.auth-success{color:#285d47;background:#eaf6ee;border-radius:13px;align-items:flex-start;gap:12px;padding:16px;display:flex}.auth-success>svg{flex:none}.auth-success strong{margin-bottom:6px;display:block}.auth-success p{margin:0;font-size:11px;line-height:1.65}.account-grid{grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:18px;display:grid}.profile-card{text-align:center;padding:27px}.profile-avatar{color:#fff;background:linear-gradient(145deg,#176047,#0d4936);border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 15px;font-family:Georgia,serif;font-size:30px;font-weight:700;display:grid}.profile-card h2{margin-bottom:5px;font-family:Georgia,serif;font-size:23px}.profile-card>p{color:var(--muted);font-size:11px}.account-facts{border:1px solid var(--line);background:var(--line);text-align:left;border-radius:12px;gap:1px;margin:24px 0;display:grid;overflow:hidden}.account-facts>div{background:#fff;justify-content:space-between;gap:15px;padding:12px 13px;display:flex}.account-facts span{color:var(--muted);font-size:10px}.account-facts strong{text-align:right;font-size:11px}.email-security-card{overflow:hidden}.email-security-body{padding:0 23px 23px}.verification-state{border-radius:13px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:15px;display:flex}.verification-state>svg{flex:none}.verification-state strong,.verification-state span{display:block}.verification-state span{margin-top:5px;font-size:10px;line-height:1.5}.success-state{color:#226b49;background:#e9f6ee}.pending-state{color:#7b5d2f;background:#fff5df}.account-notice{margin:0 0 18px}.security-explainer{border-top:1px solid var(--line);color:#6f7c76;align-items:flex-start;gap:10px;margin-top:20px;padding-top:17px;display:flex}.security-explainer svg{width:18px;color:var(--forest);flex:none}.security-explainer p{margin:0;font-size:10px;line-height:1.65}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1f1885;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(510px,100%);max-height:min(820px,100vh - 35px);padding:24px;overflow-y:auto;box-shadow:0 30px 80px #05211740}.modal-wide{width:min(760px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.modal-head h2{color:#204237;margin:0;font-family:Georgia,serif;font-size:22px}.person-summary{background:#f4f7f4;border-radius:11px;align-items:center;gap:11px;margin-bottom:18px;padding:12px;display:flex}.person-summary strong,.person-summary small{display:block}.person-summary small{color:var(--muted);margin-top:3px;font-size:10px}.history-box{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.history-box h3{font-size:13px}.history-box>div{border-top:1px solid #edf0ed;padding:10px 0}.history-box strong,.history-box small{display:block}.history-box small{color:var(--muted);margin-top:3px;font-size:9px}.history-box p{color:#66736d;margin:5px 0 0;font-size:10px}.toast-stack{z-index:150;gap:8px;display:grid;position:fixed;bottom:22px;right:22px}.toast{color:#fff;background:#263d34;border-radius:10px;min-width:260px;max-width:400px;padding:13px 16px;font-size:12px;box-shadow:0 12px 34px #06221840}.toast.error{background:#9d4743}.empty-state{min-height:130px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:25px;font-size:11px;display:grid}.loading-screen,.loading-inline{place-items:center;display:grid}.loading-screen{min-height:100vh}.loading-inline{min-height:180px}.spinner{border:3px solid #dbe7df;border-top-color:var(--forest);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.stat-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid,.payroll-grid{grid-template-columns:1fr}.payroll-side{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}}@media (width<=760px){body{background:#f7f9f6}.sidebar{width:min(300px,85vw);transition:transform .22s;transform:translate(-105%);box-shadow:20px 0 50px #041f1538}.menu-open .sidebar{transform:translate(0)}.mobile-close{color:#d6e4de;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:22px;right:15px}.sidebar-scrim{z-index:35;background:#081e166e;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0;padding-bottom:76px}.topbar{gap:10px;height:64px;padding:0 16px}.mobile-menu{width:40px;height:40px;color:var(--forest);background:#edf4ef;border:0;border-radius:10px;place-items:center;display:grid}.topbar-bell{width:39px;height:39px}.user-chip{min-width:0}.user-chip>div{display:none}.avatar{width:36px;height:36px}.page-container{padding:23px 15px 28px}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:68px;padding:5px max(5px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));background:#fffffff5;border-top:1px solid #dfe6e1;align-items:stretch;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.bottom-nav a,.bottom-nav button{color:#7c8983;white-space:nowrap;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:8px;display:flex}.bottom-nav a span{text-align:center;text-overflow:ellipsis;width:100%;overflow:hidden}.bottom-nav a.active{color:var(--forest);font-weight:700}.bottom-nav button{display:none}.page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:19px}.page-header h1{font-size:27px}.page-actions{flex-wrap:wrap;align-items:stretch;width:100%}.page-actions>*{flex:auto}.page-actions select{width:auto}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;min-height:105px;padding:15px}.stat-card>svg{width:35px;height:35px;padding:8px}.stat-card strong{font-size:22px}.stat-card small{display:none}.dashboard-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:auto 1fr auto}.activity-row>div:nth-of-type(2){display:none}.settings-grid,.store-grid,.payroll-grid{grid-template-columns:1fr}.store-card{min-height:215px}.payroll-side{grid-template-columns:1fr}.employee-select{grid-template-columns:1fr;justify-content:stretch}.mini-stats{gap:8px}.mini-stats .card{padding:12px}.mini-stats strong{font-size:15px}.mini-stats span{font-size:8px}.table-card{border-left:0;border-right:0;border-radius:0;margin-inline:-15px}th,td{padding:12px}.notification-item{flex-wrap:wrap;align-items:flex-start;padding:14px}.notification-item .grow{flex-basis:calc(100% - 60px)}.notification-item>.button,.notification-item>.read-mark{margin-left:57px}.notification-item>.muted-icon{display:none}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{background:linear-gradient(#e9f4ed 0,#f8faf7 240px);align-items:start;padding:28px 17px}.login-card{margin-top:25px;padding:25px 21px}.login-mobile-brand{color:var(--forest);justify-content:center;align-items:center;gap:8px;margin-bottom:3px;font-size:18px;display:flex}.login-card h2,.login-card .eyebrow,.login-card>.muted{text-align:center}.auth-flow-page{align-items:start;padding-top:45px}.auth-flow-card{padding:27px 21px}.auth-flow-card h1{font-size:27px}.account-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:91vh;padding:21px 18px calc(24px + env(safe-area-inset-bottom));border-radius:21px 21px 0 0}.form-row{grid-template-columns:1fr}.toast-stack{bottom:82px;left:12px;right:12px}.toast{min-width:0;max-width:none}}@media (width<=420px){.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:98px;padding:13px}.stat-card span{font-size:9px}.shift-chips{grid-template-columns:1fr}.history-record{gap:10px;padding:13px}.date-badge{width:50px}}@media (display-mode:standalone) and (width<=760px){.topbar{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}}