:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:#1d2721;background:#f4f2eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #19231d;--forest: #263c30;--muted: #707a73;--line: #e2dfd5;--paper: #fbfaf6;--lime: #d9ef74;--lime-deep: #98b52e;--blue: #d9e7f5;--coral: #f4b9aa;--shadow: 0 8px 32px rgba(35, 43, 37, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f2eb}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(151,180,46,.3);outline-offset:2px}.display,h1,h2,h3{font-family:var(--font-sans);font-weight:700;letter-spacing:-.03em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:236px;padding:30px 20px 22px;color:#e9edea;background:var(--ink);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.6px}.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--ink);background:var(--lime);transform:rotate(-3deg)}.sidebar nav{margin-top:58px;display:grid;gap:7px}.nav-label{color:#7e8982;padding:0 13px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar nav button,.sign-out{border:0;border-radius:10px;color:#9da8a1;background:transparent;padding:11px 13px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.sidebar nav button:hover,.sign-out:hover{color:#fff;background:#ffffff0d}.sidebar nav button.active{color:var(--ink);background:var(--lime)}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:17px}.mini-profile{padding:7px;display:flex;align-items:center;gap:10px}.mini-profile>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#e9edea;background:#3b4a41;font-size:11px;font-weight:700}.mini-profile div{display:grid;gap:2px}.mini-profile strong{font-size:12px}.mini-profile small{color:#7e8982;font-size:12px;font-weight:500}.sign-out{width:100%;margin-top:5px;font-size:12px}.main-area{margin-left:236px;min-height:100vh}.topbar{height:82px;padding:0 4.5%;border-bottom:1px solid var(--line);background:#f4f2ebe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.month-picker{display:flex;align-items:center;gap:7px}.month-picker button,.menu-button{border:1px solid var(--line);background:#ffffff73;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.month-picker button:hover{background:#fff}.month-picker div{min-width:126px;text-align:center;display:flex;align-items:baseline;justify-content:center;gap:6px}.month-picker span{font-size:18px;font-weight:700;letter-spacing:-.02em}.month-picker small{color:var(--muted);font-size:13px;font-weight:500}.top-actions{display:flex;align-items:center;gap:12px}.sync-pill{border:0;border-radius:99px;color:#617066;background:transparent;padding:8px 10px;display:flex;gap:7px;align-items:center;font-size:13px;font-weight:600;cursor:pointer}.sync-pill.synced svg{color:#799427}.sync-pill.error,.sync-pill.offline{color:#95604f;background:#f6e3dc}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{width:37px;height:37px;border:2px solid #fff;border-radius:50%;color:#f2f3ef;background:var(--forest);font-size:11px;font-weight:700;box-shadow:0 0 0 1px var(--line)}.menu-button,.mobile-logo{display:none}.content{width:min(1360px,100%);margin:0 auto;padding:44px 4.5% 80px}.welcome-row,.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.welcome-row h1,.page-title h1{margin:7px 0 5px;font-size:clamp(1.875rem,3.2vw,2.75rem);line-height:1.1;font-weight:800;letter-spacing:-.035em}.welcome-row p,.page-title p{color:var(--muted);margin:0;font-size:15px;font-weight:500}.eyebrow,.kicker{color:#849326;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:7px}.primary-button,.ghost-button{min-height:42px;border-radius:10px;border:0;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.primary-button{color:#f8faf8;background:var(--ink);box-shadow:0 5px 16px #19231d26}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #19231d33}.ghost-button{border:1px solid var(--line);color:var(--ink);background:transparent}.quick-punch{border:1px solid var(--line);border-radius:99px;background:#fff9;padding:8px 13px;display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;transition:.15s ease}.quick-punch svg{color:#8aa326}.quick-punch:hover{background:#fff}.quick-punch.punched{border-color:var(--forest);color:#f8faf8;background:var(--forest)}.quick-punch.punched svg{color:var(--lime)}.punch-panel{margin-bottom:16px;padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;gap:22px}.punch-clock{display:grid;justify-items:start;gap:5px}.punch-live{display:flex;align-items:center;gap:6px;color:#7d8a2e;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.punch-live i{width:7px;height:7px;border-radius:50%;background:var(--lime-deep);animation:punch-pulse 1.6s ease-in-out infinite}@keyframes punch-pulse{50%{opacity:.25}}.punch-clock>strong{font-family:var(--font-mono);font-size:2.75rem;font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.punch-clock>strong small{margin-left:5px;font-size:1rem;font-weight:500;letter-spacing:0}.punch-clock>span:last-child{color:var(--muted);font-size:13px;font-weight:500}.punch-times{flex:1;min-width:300px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.punch-times>div{min-width:0;padding:13px 15px;border:1px dashed #d8d5ca;border-radius:12px;background:#faf9f4;display:grid;gap:5px}.punch-times>div.filled{border-style:solid;border-color:#d7e5a0;background:#f1f6dc}.punch-times span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.punch-times strong{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.punch-times .live-elapsed strong{color:#6f8a19}.punch-actions{display:flex;gap:9px}.punch-button{position:relative;min-width:132px;min-height:52px;border:1px solid var(--ink);border-radius:12px;color:#f8faf8;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.punch-button.out{border-color:var(--line);color:var(--ink);background:#fff}.punch-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #19231d2e}.punch-button:disabled{opacity:.45;cursor:not-allowed}.punch-button.scanning:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;box-shadow:0 0 #98b52e8c;animation:punch-ripple .8s ease-out}@keyframes punch-ripple{to{box-shadow:0 0 0 18px #98b52e00}}.punch-footer{width:100%;margin:0;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:500}.punch-footer .text-button{color:#657628}.punch-toast{color:#6f8a19;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card{min-height:148px;padding:23px;border:1px solid rgba(0,0,0,.03);border-radius:16px;display:flex;gap:17px;box-shadow:var(--shadow)}.metric-card.ink{color:#fff;background:var(--forest)}.metric-card.lime{background:var(--lime)}.metric-card.coral{background:#f5cec4}.metric-card.cream{background:#fffdf8}.metric-card.blue{background:var(--blue)}.metric-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#ffffff7a}.metric-card.ink .metric-icon{background:#ffffff1a;color:var(--lime)}.metric-card>div:last-child{display:flex;flex-direction:column}.metric-card span{opacity:.72;font-size:13px;font-weight:600}.metric-card strong{margin:8px 0 3px;font-family:var(--font-mono);font-size:1.75rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.metric-card small{margin-top:auto;opacity:.72;font-size:12px;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:16px;margin-bottom:16px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 2px 12px #232b2506}.calendar-panel,.rhythm-panel,.chart-panel{padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.panel-head h2{margin:4px 0 0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.legend{display:flex;gap:13px;color:var(--muted);font-size:12px;font-weight:500}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%;background:var(--lime-deep)}.legend i.leave{background:#8da8c7}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{color:#9a9f9b;padding:0 3px 8px;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.calendar-grid{gap:5px}.calendar-grid button{position:relative;min-height:58px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar-grid button:hover{border-color:#d9d6cb;background:#fff}.calendar-grid button b{font-size:13px;font-weight:700}.calendar-grid button i{width:4px;height:4px;margin:6px 0 2px;border-radius:50%;background:transparent}.calendar-grid button small{min-height:10px;color:#8a928d;font-size:10px;font-weight:500}.calendar-grid button.good{background:#eef5d0}.calendar-grid button.good i{background:#76921d}.calendar-grid button.paid-leave{background:#e8f0f8}.calendar-grid button.paid-leave i{background:#7998b9}.calendar-grid button.holiday{background:#f8e9e4}.calendar-grid button.weekend{color:#a7aaa8}.calendar-grid button.today{border-color:var(--ink)}.calendar-grid button.today:after{content:"Today";position:absolute;top:-5px;right:-4px;border-radius:5px;color:#fff;background:var(--ink);padding:2px 5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.rhythm-panel{display:flex;flex-direction:column}.rhythm-clock{text-align:center;display:flex;align-items:center;flex-direction:column}.clock-ring{width:60px;height:60px;margin-bottom:12px;border:7px solid #edf1df;border-top-color:var(--lime-deep);border-radius:50%;display:grid;place-items:center;color:#6c762b;transform:rotate(-30deg)}.clock-ring svg{transform:rotate(30deg)}.rhythm-clock strong{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.rhythm-clock small{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.rhythm-line{height:7px;position:relative;margin:27px 10px 8px;border-radius:99px;background:#e8e7e0}.rhythm-line i{position:absolute;inset-block:0;border-radius:99px;background:var(--lime)}.rhythm-line span{position:absolute;top:-3px;z-index:1;width:13px;height:13px;border:3px solid white;border-radius:50%;background:var(--forest);box-shadow:0 1px 4px #aaa}.rhythm-labels{display:flex;justify-content:space-between}.rhythm-labels>span{display:grid;font-size:13px;font-weight:700}.rhythm-labels>span:last-child{text-align:right}.rhythm-labels small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500}.rhythm-panel>p{color:var(--muted);margin:auto 0 0;padding:18px 15px 0;border-top:1px solid var(--line);font-size:13px;font-weight:500;text-align:center;line-height:1.55}.recent-panel{overflow:hidden}.recent-panel>.panel-head{margin:0;padding:24px 25px 15px}.text-button{border:0;color:#657628;background:transparent;display:flex;align-items:center;font-size:13px;font-weight:700;cursor:pointer}.table-wrap{overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse;min-width:840px}.attendance-table th{color:#979d99;padding:10px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;text-align:left;letter-spacing:.06em;text-transform:uppercase}.attendance-table th:first-child,.attendance-table td:first-child{padding-left:25px}.attendance-table td{height:59px;padding:8px 16px;border-bottom:1px solid #ebe8e0;color:#535e57;font-size:14px;font-weight:500;white-space:nowrap}.attendance-table tbody tr{cursor:pointer;transition:background .15s}.attendance-table tbody tr:hover{background:#f7f7f1}.attendance-table tbody tr:last-child td{border-bottom:0}.attendance-table td:first-child strong{color:var(--ink);font-size:16px;font-weight:700}.attendance-table td:first-child span{color:#9da39f;margin-left:7px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.worked-cell{color:var(--ink)!important;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.status-badge{min-width:78px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.status-badge i{width:6px;height:6px;border-radius:50%;background:#9da39f}.status-present i{background:#88a124;box-shadow:0 0 0 3px #eef4d8}.status-paid-leave i{background:#7495b9;box-shadow:0 0 0 3px #e7eff8}.status-absent i{background:#d46d56;box-shadow:0 0 0 3px #f9e4df}.status-half-day i{background:#c79434;box-shadow:0 0 0 3px #f8eed8}.positive{color:#6f8a19!important;font-weight:700}.negative{color:#c55f4a!important;font-weight:700}.row-menu{border:0;color:#9da39f;background:transparent;cursor:pointer}.empty-state{padding:60px 20px;color:#8c948f;text-align:center}.empty-state h3{color:var(--ink);margin:10px 0 3px;font-size:1.125rem;font-weight:700}.empty-state p{margin:0;font-size:14px;font-weight:500}.page-title{margin-bottom:27px}.full-table-panel{overflow:hidden}.table-tools{padding:17px 20px;display:flex;justify-content:space-between;align-items:center}.search-box{width:min(330px,50%);height:39px;padding:0 12px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:9px;background:#fff;color:#9aa19d}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:14px;font-weight:500}.filter-select{height:39px;padding:0 12px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;color:#8b928e;background:#fff;font-size:13px;font-weight:500}.filter-select select{border:0;outline:0;color:var(--ink);background:transparent;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none}.insights-grid{display:grid;grid-template-columns:1.65fr .8fr;gap:16px}.chart-panel{min-height:330px}.chart-total{display:grid;text-align:right;font-family:var(--font-mono);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.chart-total small{color:var(--muted);font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.chart-area{height:245px;font-size:12px}.chart-area.small{height:215px}.recharts-text{fill:#919893;font-size:12px;font-family:var(--font-sans)}.recharts-default-tooltip{border:1px solid var(--line)!important;border-radius:9px;box-shadow:var(--shadow);font-size:13px;font-family:var(--font-sans)!important}.donut-wrap{position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.donut-center small{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.chart-legend{display:flex;justify-content:center;gap:14px;color:var(--muted);font-size:12px;font-weight:500}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:50%}.chart-legend b{color:var(--ink)}.settings-layout{max-width:900px;display:grid;gap:15px}.settings-card{padding:25px;display:grid;grid-template-columns:46px 1fr;gap:18px}.settings-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eef4d8;color:#6f8226}.settings-icon.blue{color:#597999;background:#e5eef7}.settings-content h2{margin:2px 0 4px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.settings-content>p{color:var(--muted);margin:0 0 23px;font-size:14px;font-weight:500;line-height:1.5}.settings-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.settings-fields label,.auth-card label,.notes-label{color:#5f6862;display:grid;gap:7px;font-size:13px;font-weight:600}.settings-fields input,.auth-card input,.notes-label textarea{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;outline:0;font-size:15px;font-weight:500}.settings-save{display:flex;justify-content:flex-end;align-items:center;gap:15px}.settings-save>span{color:#6f8a19;display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:18px;display:grid;place-items:center;background:#141c178c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.day-editor{width:min(520px,100%);max-height:calc(100vh - 36px);overflow-y:auto;padding:28px;border-radius:18px;background:var(--paper);box-shadow:0 24px 80px #0d141040}.editor-head{display:flex;justify-content:space-between}.editor-head h2{margin:5px 0 22px;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.editor-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:transparent;cursor:pointer}.status-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.status-options button{border:1px solid var(--line);border-radius:99px;padding:7px 11px;color:#737c76;background:#fff;font-size:13px;font-weight:600;cursor:pointer}.status-options button.selected{border-color:var(--forest);color:#fff;background:var(--forest)}.time-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}.time-fields label{color:#626b65;display:grid;gap:7px;font-size:13px;font-weight:600}.time-fields input{width:100%;height:48px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-family:var(--font-mono);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.time-fields>span{padding-bottom:14px;color:#9da39f}.editor-metrics{margin:18px 0;padding:14px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.editor-metrics div{padding:0 15px;border-right:1px solid var(--line);display:grid;gap:4px}.editor-metrics div:first-child{padding-left:0}.editor-metrics div:last-child{border:0}.editor-metrics span{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.editor-metrics strong{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.notes-label textarea{height:auto;padding:11px 12px;resize:vertical}.editor-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:9px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper)}.auth-story{min-height:100vh;padding:40px 6vw;color:#f6f7f4;background:var(--ink);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;width:520px;height:520px;top:-210px;right:-190px;border:1px solid rgba(217,239,116,.14);border-radius:50%;box-shadow:0 0 0 90px #d9ef7406,0 0 0 180px #d9ef7405}.auth-copy{margin:auto 0;position:relative;max-width:580px}.auth-copy .eyebrow{color:var(--lime)}.auth-copy h1{margin:22px 0;font-size:clamp(2.75rem,5.7vw,4.5rem);font-weight:800;line-height:1.02;letter-spacing:-.04em}.auth-copy h1 em{color:var(--lime);font-weight:800;font-style:normal}.auth-copy>p{max-width:480px;color:#aeb8b1;font-size:16px;line-height:1.65}.auth-proof{margin-top:52px;display:flex;gap:47px}.auth-proof div{display:grid;gap:4px}.auth-proof strong{color:var(--lime);font-family:var(--font-mono);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.auth-proof span{color:#7f8c84;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.auth-footnote{color:#647168;font-size:12px;font-weight:500}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(390px,100%)}.auth-card h2{margin:8px 0 5px;font-size:2rem;font-weight:800;letter-spacing:-.03em}.auth-card>p{color:var(--muted);margin:0 0 27px;font-size:15px;font-weight:500}.auth-card label{margin-bottom:14px}.auth-submit{width:100%;margin-top:8px}.auth-switch{width:100%;margin-top:14px;border:0;color:#69762f;background:transparent;font-size:13px;font-weight:600;cursor:pointer}.form-message{color:#ad5b49!important;margin:0 0 10px!important;font-size:13px!important;font-weight:500!important}.mobile-auth-logo{display:none}.loading-screen{min-height:100vh;color:#fff;background:var(--ink);display:grid;place-content:center;justify-items:center;gap:25px}.loading-line{width:100px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--lime),transparent);animation:load 1.2s ease-in-out infinite}@keyframes load{50%{transform:scaleX(.3);opacity:.5}}.mobile-nav,.sidebar-mobile-wrap,.sidebar-scrim{display:none}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.45fr .8fr}.calendar-grid button{min-height:52px}}@media(max-width:850px){.sidebar{display:none}.main-area{margin-left:0}.topbar{padding:0 20px}.menu-button,.mobile-logo{display:grid}.menu-button{place-items:center}.mobile-logo .brand>span:last-child{display:none}.mobile-logo .brand-mark{width:30px;height:30px}.sidebar-mobile-wrap{display:block;position:fixed;inset:0 auto 0 0;z-index:80;width:236px;transform:translate(-100%);transition:transform .25s ease}.sidebar-mobile-wrap.open{transform:translate(0)}.sidebar-mobile-wrap .sidebar{display:flex}.sidebar-scrim{display:block;pointer-events:none;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#141c1773;transition:opacity .2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.dashboard-grid,.insights-grid{grid-template-columns:1fr}.rhythm-panel{min-height:320px}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh}.mobile-auth-logo{display:block;color:var(--ink);margin-bottom:45px}}@media(max-width:600px){.topbar{height:68px;padding:0 13px}.menu-button{display:none}.mobile-logo{display:grid}.month-picker{order:2}.month-picker div{min-width:105px}.month-picker div span{font-size:17px}.sync-pill span,.avatar{display:none}.sync-pill,.quick-punch{width:33px;height:33px;justify-content:center;padding:0}.quick-punch span{display:none}.top-actions{order:3}.content{padding:29px 14px 100px}.punch-panel{padding:18px 14px;gap:16px}.punch-clock>strong{font-size:34px}.punch-times{flex:1 1 100%;min-width:0;grid-template-columns:repeat(3,1fr);gap:7px}.punch-times>div{padding:11px 10px}.punch-actions{width:100%}.punch-button{flex:1;min-width:0}.punch-footer{flex-direction:column;align-items:flex-start}.welcome-row,.page-title{align-items:flex-start}.welcome-row h1,.page-title h1{font-size:34px}.welcome-row .primary-button{width:43px;min-width:43px;padding:0;font-size:0}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:145px;padding:16px;display:block}.metric-icon{width:31px;height:31px;margin-bottom:12px}.metric-card strong{font-size:22px}.metric-card small{display:block;margin-top:9px}.calendar-panel,.rhythm-panel,.chart-panel{padding:19px 14px}.panel-head{margin-bottom:17px}.legend{display:none}.calendar-grid{gap:3px}.calendar-grid button{min-height:49px}.calendar-grid button small,.recent-panel{display:none}.full-table-panel{border-inline:0;margin-inline:-14px;border-radius:0}.table-tools{padding:13px 14px}.search-box{width:65%}.filter-select>span{display:none}.attendance-table{min-width:730px}.attendance-table th:first-child,.attendance-table td:first-child{padding-left:14px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:60;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fbfaf6f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav button{border:0;color:#89918c;background:transparent;display:grid;justify-items:center;gap:4px;font-size:11px;font-weight:600}.mobile-nav button.active{color:#6f8426}.settings-card{padding:19px 15px;grid-template-columns:38px 1fr;gap:12px}.settings-icon{width:38px;height:38px}.settings-fields{grid-template-columns:1fr}.settings-save{padding-bottom:12px}.day-editor{padding:22px 17px}.editor-actions .primary-button,.editor-actions .ghost-button{flex:1}.auth-panel{padding:28px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}