:root{--bg:#0f1012;--bg-sunk:#08090a;--sidebar:#131416;--surface:#16171a;--surface-2:#1d1f23;--surface-3:#25272c;--fg:#ededea;--fg-2:#b7bac1;--muted:#9b9ea6;--faint:#6b6e76;--border:#2a2d33;--border-soft:#22252a;--divider:#1f2125;--accent:#f5a524;--accent-hover:#ffb53f;--accent-contrast:#1a1204;--accent-soft:rgba(245,165,36,.14);--accent-text:#f5c26b;--good:#34d27b;--good-contrast:#05230f;--good-soft:rgba(52,210,123,.12);--good-border:#1f4a33;--warn:#f0604d;--warn-contrast:#2a0a05;--danger:#f0604d;--danger-border:#4a2a26;--info:#7cc4ea;--info-soft:rgba(124,196,234,.12);--radius-lg:18px;--radius:12px;--radius-sm:8px;--radius-pill:999px;--font:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:12px;--text-sm:13px;--text-md:14.5px;--text-lg:17px;--text-xl:20px;--text-2xl:28px;--focus:0 0 0 4px rgba(245,165,36,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-family:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--faint)}.page{max-width:440px;margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:18px;min-height:100dvh}.page--wide{max-width:1100px}.app{display:flex;min-height:100dvh}.sidebar{width:236px;flex:0 0 auto;background:var(--sidebar);border-right:1px solid var(--border-soft);padding:18px 14px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;justify-content:space-between;padding:9px 12px;border-radius:9px;font-size:var(--text-md);color:var(--muted)}.nav-item:hover{background:var(--surface);color:var(--fg)}.nav-item[aria-current=page]{background:var(--surface-2);color:var(--fg);font-weight:600}.nav-label{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5d6068;padding:16px 12px 6px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{min-height:68px;padding:0 32px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.content{padding:24px 32px;display:flex;flex-direction:column;gap:18px}.tabbar{display:none}@media (max-width:760px){.sidebar{display:none}.topbar{padding:12px 18px}.content{padding:14px 18px 100px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;height:76px;padding:10px 6px 18px;background:var(--sidebar);border-top:1px solid var(--border-soft);font-size:11.5px;text-align:center;color:var(--muted)}.tabbar [aria-current=page]{color:var(--accent);font-weight:600}}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;margin:0}.subtle{font-size:var(--text-sm);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.card--lg{border-radius:var(--radius-lg);padding:var(--space-5)}.card--live{background:linear-gradient(180deg,rgba(52,210,123,.1),transparent 70%),var(--surface);border-color:var(--good-border)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.stat__label{font-size:var(--text-sm);color:var(--muted)}.stat__value{font-family:var(--font-mono);font-size:30px;font-weight:500;margin-top:4px}.list{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;list-style:none;margin:0;padding:0}.row{display:flex;align-items:center;gap:12px;padding:13px 16px}.row+.row{border-top:1px solid var(--divider)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.table th{padding:11px 20px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-align:left;border-bottom:1px solid var(--border-soft)}.table td{padding:14px 20px;font-size:var(--text-md);border-bottom:1px solid var(--divider)}.table tfoot td{background:#1a1b1f;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;font:600 var(--text-md)/1 var(--font);cursor:pointer;transition:background .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:var(--surface-2);border-color:var(--border);color:var(--fg)}.btn--secondary:hover{background:var(--surface-3)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--fg);font-weight:500}.btn--ghost:hover{background:var(--surface)}.btn--danger{background:transparent;border-color:var(--danger-border);color:var(--danger);font-weight:500}.btn--light{background:var(--fg);color:var(--bg)}.btn--sm{height:34px;padding:0 12px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--block{width:100%}.btn--lg{height:56px;font-size:17px;border-radius:var(--radius)}.btn--clock{width:100%;height:64px;border-radius:16px;font-size:19px}.btn--clock-in{background:var(--good);color:var(--good-contrast);box-shadow:0 12px 28px -12px rgba(52,210,123,.55)}.btn--clock-out{background:var(--warn);color:var(--warn-contrast);box-shadow:0 12px 28px -12px rgba(240,96,77,.55)}.btn:disabled{opacity:.45;cursor:not-allowed}.linkbtn{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:9px;border:1px solid var(--border);color:var(--fg);font-size:var(--text-md)}.linkbtn:hover{background:var(--surface);color:var(--fg)}.linkbtn--muted{color:var(--muted)}.linkbtn--disabled{opacity:.45;pointer-events:none}.label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.field{width:100%;height:46px;padding:0 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--fg);font:400 15px var(--font)}.field--lg{height:54px;font-size:16px;border-radius:var(--radius)}.field--mono,.field[type=date],.field[type=datetime-local],.field[type=time]{font-family:var(--font-mono);font-size:13.5px}.field::placeholder{color:var(--faint)}.field:focus{outline:none;box-shadow:var(--focus)}.field--dirty,.field:focus{border-color:var(--accent)}.field-hint{color:var(--muted)}.field-error,.field-hint{font-size:var(--text-sm);margin-top:6px}.field-error{color:var(--danger)}.segmented{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px}.segmented>button{flex:1 1;height:40px;border:0;border-radius:9px;background:transparent;color:var(--fg-2);font:500 14px var(--font);cursor:pointer}.segmented>button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;padding:3px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--fg)}.badge--good{background:var(--good-soft);border-color:transparent;color:var(--good)}.badge--loc,.badge--warn{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.badge--info{background:var(--info-soft);border-color:transparent;color:#9fd3ef}.badge--muted{border-color:transparent;color:var(--muted)}.chip{font-size:13.5px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--fg-2);background:transparent;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:500}.status{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:500;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--fg-2)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--faint)}.status--in{background:var(--good-soft);color:var(--good)}.status--in:before{background:var(--good);box-shadow:0 0 0 3px rgba(52,210,123,.25)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;background:#2b2418;color:var(--accent);flex:0 0 auto}.clock{font-family:var(--font-mono);font-size:56px;font-weight:500;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock__sec{color:#5d6068}.geo-box{display:flex;gap:12px;align-items:flex-start;background:var(--surface);padding:14px}.geo-box,.week{border:1px solid var(--border);border-radius:14px}.week{display:grid;grid-template-columns:170px repeat(7,minmax(0,1fr));overflow:hidden;background:var(--sidebar)}.week>*{padding:6px;border-bottom:1px solid var(--border-soft);border-left:1px solid var(--border-soft);min-height:56px}.shift{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:6px;padding:6px 8px;font-family:var(--font-mono);font-size:12px;cursor:pointer}.shift-add{border:1.5px dashed #33363d;border-radius:6px;height:44px;display:grid;place-items:center;color:var(--faint)}.popover{background:var(--surface-2);border:1px solid #33363d;border-radius:14px;box-shadow:0 24px 50px -16px rgba(0,0,0,.7);padding:16px;max-height:min(80vh,460px);overflow-y:auto}@media (max-width:760px){.week{grid-template-columns:120px repeat(7,120px);overflow-x:auto}}@media print{body{background:#fff;color:#000}.no-print,.sidebar,.tabbar,.topbar{display:none!important}.stat,.table{background:#fff;border-color:#ccc}.table td,.table th{color:#000;border-color:#ddd}}