:root{--navy-500:#2a457a;--navy-600:#1E3460;--navy-700:#182a4f;--navy-800:#121f3b;--gold-400:#d4b466;--gold-500:#c9a24b;--gold-600:#b08c3c;--bg:#f7f8fa;--bg-2:#eef1f6;--surface:#ffffff;--surface-2:#f9fafc;--border:#e2e6ee;--border-strong:#cdd4e1;--fg:#12203a;--fg-muted:#5a6478;--fg-subtle:#8b93a5;--primary:var(--navy-600);--primary-fg:#ffffff;--primary-hover:var(--navy-700);--accent:var(--gold-500);--accent-fg:#1a1204;--accent-hover:var(--gold-600);--success:#1f9d55;--success-bg:#e7f6ee;--success-fg:#146b3a;--warning:#c9820a;--warning-bg:#fdf3e0;--warning-fg:#8a5a06;--danger:#cc3b34;--danger-bg:#fdecea;--danger-fg:#9a2d28;--ring:rgba(201,162,75,.55);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--shadow-sm:0 1px 3px rgba(24,32,58,.08),0 1px 2px rgba(24,32,58,.06);--shadow-md:0 6px 16px -6px rgba(24,32,58,.16),0 2px 6px -2px rgba(24,32,58,.08);--shadow-lg:0 18px 40px -12px rgba(24,32,58,.22);--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,monospace;--tap:44px;--nav-h:64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{max-width:480px;margin:0 auto;min-height:100%;padding:0 var(--sp-4);padding-bottom:calc(var(--nav-h) + var(--sp-4))}@media(min-width:800px){.app{max-width:760px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer;min-height:var(--tap);padding:0 var(--sp-5);transition:transform .1s,background .15s,box-shadow .15s}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-accent{background:var(--accent);color:var(--accent-fg)}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--fg-muted)}.btn-block{width:100%}.btn-ponto{width:100%;min-height:88px;font-size:20px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;letter-spacing:.3px}.btn-ponto small{font-weight:800;font-size:15px;opacity:.85;letter-spacing:1px}.btn-ponto.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 6px 16px -6px #18203a29}50%{box-shadow:0 6px 30px -2px var(--ring)}}@media(prefers-reduced-motion:reduce){.btn-ponto.pulse{animation:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.card+.card{margin-top:var(--sp-4)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.field label{font-weight:500;font-size:13px;color:var(--fg-muted)}.field input{min-height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--sp-4);font:inherit;background:var(--surface);color:var(--fg)}.field input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.clock{font-family:var(--font-mono);font-size:44px;font-weight:700;text-align:center;letter-spacing:1px;color:var(--fg)}.clock .sec{color:var(--fg-subtle);font-size:28px}.marc{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.marc:last-child{border-bottom:none}.marc .lbl{display:flex;align-items:center;gap:10px;color:var(--fg)}.marc .hora{font-family:var(--font-mono);font-weight:600}.pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.pill.ok{background:var(--success-bg);color:var(--success-fg)}.pill.prev{background:var(--bg-2);color:var(--fg-subtle)}.pill.ed{background:var(--warning-bg);color:var(--warning-fg)}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:800px){.bottomnav{max-width:760px}}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--fg-subtle);text-decoration:none;min-width:56px}.bottomnav a.active{color:var(--primary);font-weight:600}.h1{font-size:22px;font-weight:700;margin:0}.muted{color:var(--fg-muted)}.center{text-align:center}.stack>*+*{margin-top:var(--sp-4)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--navy-600),var(--gold-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 12px);background:var(--navy-700);color:#fff;padding:12px 18px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-weight:600;z-index:110}.err{color:var(--danger-fg);background:var(--danger-bg);padding:10px 14px;border-radius:var(--radius-md);font-size:14px}.spacer{height:var(--sp-6)}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:var(--sp-4)}.tab{background:transparent;border:none;padding:10px 16px;font:inherit;font-weight:600;color:var(--fg-subtle);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--primary);border-bottom-color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}@media(min-width:800px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{padding:var(--sp-4);text-align:center}.kpi-n{font-size:30px;font-weight:700;font-family:var(--font-mono)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;color:var(--fg-subtle);font-weight:600;font-size:12px;padding:6px 8px;border-bottom:1px solid var(--border)}.tbl td{padding:8px;border-bottom:1px solid var(--border)}.tbl.grid td,.tbl.grid th{border:1px solid var(--border);text-align:center;vertical-align:top}.tbl .sticky{position:sticky;left:0;background:var(--surface);text-align:left;min-width:140px;z-index:1}.cell{min-width:78px}.chip{display:inline-block;margin:2px;padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-2);font-family:var(--font-mono);font-size:12px;cursor:pointer;border:1px solid transparent}.chip:hover{border-color:var(--accent)}.chip.ed{background:var(--warning-bg);color:var(--warning-fg)}.chip.add{background:transparent;color:var(--fg-subtle);border:1px dashed var(--border-strong)}.ie{display:inline-flex;align-items:center;gap:2px;margin:2px;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:2px}.ie input[type=time]{width:70px;border:1px solid var(--border);border-radius:6px;padding:2px 4px;font:inherit;font-size:12px}.ie select{border:1px solid var(--border);border-radius:6px;font-size:12px}.ie-btn{border:none;background:transparent;cursor:pointer;font-size:13px;padding:2px 4px;border-radius:6px}.ie-btn.ok{color:var(--success-fg)}.ie-btn:hover{background:var(--bg-2)}select{font:inherit}img{max-width:100%}