:root{--primary-50:#eef3fb;--primary-100:#d7e3f4;--primary-200:#b0c7e9;--primary-300:#7fa3d8;--primary-400:#4f7cc2;--primary-500:#2f5da6;--primary-600:#234a87;--primary-700:#1b3a6b;--primary-800:#162e54;--primary-900:#112340;--accent-400:#f2a30a;--accent-500:#e08600;--accent-600:#c46e00;--accent-soft:#fbf1dd;--neutral-0:#fff;--neutral-50:#f6f8fa;--neutral-100:#edf1f5;--neutral-200:#dfe5ec;--neutral-300:#c7d0da;--neutral-400:#9aa6b4;--neutral-500:#6b7785;--neutral-600:#4e5965;--neutral-700:#39424d;--neutral-800:#262d35;--neutral-900:#161b21;--bg:var(--neutral-50);--surface:var(--neutral-0);--surface-sunken:var(--neutral-100);--border:var(--neutral-200);--border-strong:var(--neutral-300);--text:var(--neutral-800);--text-muted:var(--neutral-500);--text-on-brand:var(--neutral-0);--st-presente-bg:#e6f4ec;--st-presente-fg:#13633f;--st-presente-solid:#1e8e5a;--st-atraso-bg:#fbf1dd;--st-atraso-fg:#8a5a12;--st-atraso-solid:#b7791f;--st-saida-bg:#fcefd9;--st-saida-fg:#855011;--st-saida-solid:#b26a14;--st-falta-bg:#fbeae8;--st-falta-fg:#9b2820;--st-falta-solid:#c8332b;--st-justif-bg:#e7f0fa;--st-justif-fg:#1c4e86;--st-justif-solid:#2563a8;--st-abonado-bg:#eeebfa;--st-abonado-fg:#463a9e;--st-abonado-solid:#6d5bd0;--st-folga-bg:#edf1f5;--st-folga-fg:#4e5965;--st-folga-solid:#6b7785;--st-feriado-bg:#e4f3f2;--st-feriado-fg:#1f6360;--st-feriado-solid:#2f8a86;--success:#1e8e5a;--warning:#b7791f;--danger:#c8332b;--info:#2563a8;--danger-700:#9b2820;--font-sans:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-display:30px;--lh-display:36px;--fs-h1:24px;--lh-h1:32px;--fs-h2:20px;--lh-h2:28px;--fs-h3:17px;--lh-h3:24px;--fs-body-lg:15px;--lh-body-lg:22px;--fs-body:14px;--lh-body:20px;--fs-sm:13px;--lh-sm:18px;--fs-caption:12px;--lh-caption:16px;--fs-clock:72px;--fs-totem-title:28px;--fs-totem-body:20px;--fs-totem-action:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(17,35,64,.06);--shadow-sm:0 1px 3px rgba(17,35,64,.08),0 1px 2px rgba(17,35,64,.04);--shadow-md:0 4px 12px rgba(17,35,64,.1);--shadow-lg:0 12px 28px rgba(17,35,64,.14);--touch-min:40px;--touch-totem:72px;--touch-totem-key:88px;--ease:cubic-bezier(0.2,0.6,0.2,1);--dur-fast:120ms;--dur:200ms;--dur-slow:360ms}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-body)}a{color:var(--primary-500);text-decoration:none}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:0 var(--sp-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background:var(--primary-600);color:var(--text-on-brand)}.btn-primary:hover{background:var(--primary-700)}.btn-ghost{background:transparent;color:var(--primary-600);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-sunken)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:600}.input,select.input{height:40px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-body);font-family:var(--font-sans)}.input:focus{outline:2px solid var(--primary-500);outline-offset:0;border-color:var(--primary-500)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.card-pad-0{padding:0;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;color:var(--text-muted);font-weight:600;background:var(--surface-sunken)}.table td,.table th{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:600}.chip .dot{width:8px;height:8px;border-radius:50%}.chip-presente{background:var(--st-presente-bg);color:var(--st-presente-fg)}.chip-presente .dot{background:var(--st-presente-solid)}.chip-atraso{background:var(--st-atraso-bg);color:var(--st-atraso-fg)}.chip-atraso .dot{background:var(--st-atraso-solid)}.chip-saida{background:var(--st-saida-bg);color:var(--st-saida-fg)}.chip-saida .dot{background:var(--st-saida-solid)}.chip-falta{background:var(--st-falta-bg);color:var(--st-falta-fg)}.chip-falta .dot{background:var(--st-falta-solid)}.chip-justif{background:var(--st-justif-bg);color:var(--st-justif-fg)}.chip-justif .dot{background:var(--st-justif-solid)}.chip-abonado{background:var(--st-abonado-bg);color:var(--st-abonado-fg)}.chip-abonado .dot{background:var(--st-abonado-solid)}.chip-folga{background:var(--st-folga-bg);color:var(--st-folga-fg)}.chip-folga .dot{background:var(--st-folga-solid)}.chip-feriado{background:var(--st-feriado-bg);color:var(--st-feriado-fg)}.chip-feriado .dot{background:var(--st-feriado-solid)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.kpi .label{color:var(--text-muted);font-size:var(--fs-sm)}.kpi .value{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:700;color:var(--primary-700);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:var(--sp-2)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--primary-900);color:#fff;padding:var(--sp-5) var(--sp-3)}.sidebar .brand{font-weight:700;font-size:var(--fs-h3);padding:0 var(--sp-3) var(--sp-5)}.sidebar a{display:block;color:#cdd9ec;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);margin-bottom:2px;font-size:var(--fs-body)}.sidebar a:hover{background:hsla(0,0%,100%,.08);color:#fff}.sidebar a.active{background:var(--primary-600);color:#fff}.main{padding:var(--sp-6) var(--sp-8);overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6)}.h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700;margin:0;color:var(--neutral-900)}.muted{color:var(--text-muted)}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.alert-error{background:var(--st-falta-bg);color:var(--danger-700)}.alert-ok{background:var(--st-presente-bg);color:var(--st-presente-fg)}