:root{--bg:#f6f7f8;--surface:#fff;--text:#1c2326;--muted:#5d6a70;--border:#dde2e5;--accent:#0f766e;--accent-text:#fff;--pos:#15803d;--neg:#b91c1c;--warn-bg:#fff4d6;--warn-text:#6b4a00;--nav-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111617;--surface:#1a2022;--text:#e6eaec;--muted:#9aa8ae;--border:#2c3538;--accent:#2dd4bf;--accent-text:#06201d;--pos:#4ade80;--neg:#f87171;--warn-bg:#3a2f10;--warn-text:#f5deb0}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}h1{margin:0 0 1rem;font-size:1.5rem}a{color:var(--accent)}button,input,select{font:inherit;color:inherit;min-height:44px}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 12px}button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:0 16px}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.duration{font-variant-numeric:tabular-nums}.duration.pos{color:var(--pos)}.duration.neg{color:var(--neg)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.profile-select{min-width:0;max-width:55%}.sync{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;text-decoration:none;display:inline-flex}.sync-sincronizado{color:var(--pos)}.sync-erro{color:var(--neg)}.sync-offline,.sync-pendente{color:var(--muted)}.sync-login{color:var(--accent)}.content{padding:16px;padding-bottom:calc(var(--nav-h) + 24px);flex:1;width:100%;max-width:960px;margin:0 auto}.banner{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;margin-bottom:16px;padding:12px 16px}.nav{height:var(--nav-h);z-index:10;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{min-width:0;min-height:44px;color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;display:flex}.nav a.active{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent);font-weight:600}@media (width>=768px){.shell{grid-template-rows:auto 1fr;grid-template-columns:200px 1fr;display:grid}.topbar{grid-column:1/-1;padding:8px 24px}.profile-select{max-width:320px}.nav{border-top:0;border-right:1px solid var(--border);flex-direction:column;grid-area:2/1;height:auto;padding:16px 8px;position:static}.nav a{border-radius:8px;flex:none;justify-content:flex-start;padding:0 16px;font-size:1rem}.nav a.active{background:var(--bg);box-shadow:inset 3px 0 0 var(--accent)}.content{grid-area:2/2;max-width:none;margin:0;padding:24px}}.onboarding{max-width:420px;margin:0 auto;padding:48px 16px}.onboarding form{flex-direction:column;gap:12px;display:flex}.onboarding label{font-weight:600}.onboarding section{margin-top:32px}.onboarding .inline-row{align-items:center}.hoje{max-width:480px;margin:0 auto}.punch-btn{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:120px;font-size:1.4rem;display:flex}.punch-sub{font-size:1rem;font-weight:400}.punch-list,.punch-alerts{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.punch-list li{background:var(--surface);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:0 16px;display:flex}.punch-balances{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px;display:grid}.punch-balances div{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.punch-balances dt{color:var(--muted);font-size:.85rem}.punch-balances dd{margin:0;font-size:1.4rem;font-weight:600}.btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.link-btn{min-height:44px;color:var(--accent);text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.neg{color:var(--neg)}.month-nav{justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.espelho h2{margin:20px 0 8px;font-size:1.1rem}.export-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.alert-list{margin:0;padding:0;list-style:none}.mirror-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:none;overflow-x:auto}.mirror-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.mirror-table th,.mirror-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:4px 8px}.mirror-table tbody tr{cursor:pointer}.mirror-table tr.dim,.mirror-cards li.dim{background:color-mix(in srgb, var(--muted) 12%, var(--surface));color:var(--muted)}.mirror-table tr.today,.mirror-cards li.today{outline:2px solid var(--accent);outline-offset:-2px}.mirror-table .link-btn{min-height:32px}.mirror-cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mirror-cards li{background:var(--surface);border:1px solid var(--border);border-radius:8px}.day-card{text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;width:100%;padding:10px 12px;display:flex}.day-card-head,.day-card-foot{justify-content:space-between;gap:8px;display:flex}.day-card-times{font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,1fr);display:grid}.day-card-foot{font-size:.85rem}@media (width>=768px){.mirror-table-wrap{display:block}.mirror-cards{display:none}}.overlay{z-index:50;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;gap:12px;width:100%;max-width:520px;max-height:100dvh;padding:16px;display:flex;overflow-y:auto}.dialog h2{margin:0;font-size:1.2rem}@media (width>=768px){.overlay{align-items:center}.dialog{border-radius:16px}}.field{flex-direction:column;gap:4px;font-weight:600;display:flex}.field input,.field select{width:100%;font-weight:400}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}input.invalid{border-color:var(--neg)}.field-error{color:var(--neg);font-size:.85rem;font-weight:400}.live-panel{margin:0}.dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.dialog-actions .primary{flex:1}.banco section,.config section{margin-bottom:24px}.banco h2,.config h2{margin:20px 0 8px;font-size:1.1rem}.banco h3,.config h3{margin:16px 0 8px;font-size:1rem}.muted{color:var(--muted)}.saldo-atual{font-size:2rem}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 12px}.item-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.item-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.item-actions{gap:8px;display:flex}.inline-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;max-width:520px;padding:12px;display:flex}.inline-form h3{margin:0}.inline-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.inline-row input{flex:1;min-width:140px}.radio-row{border:0;gap:16px;margin:0;padding:0;display:flex}.radio-row legend{margin-bottom:4px;padding:0;font-weight:600}.radio-row label{align-items:center;gap:6px;min-height:44px;display:inline-flex}.radio-row input,.checks input,.jornada-ativo input{width:20px;height:20px;min-height:auto}.checks{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.checks label{align-items:center;gap:6px;min-height:44px;display:inline-flex}.jornada-list{flex-direction:column;gap:8px;display:flex}.jornada-row{grid-template-columns:70px repeat(4,minmax(0,1fr)) 56px;align-items:center;gap:6px;display:grid}.jornada-ativo{align-items:center;gap:6px;display:inline-flex}.time-input{text-align:center;width:100%;padding:0 6px}.jornada-total{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.danger-box{border:1px solid var(--neg);border-radius:8px;margin:8px 0;padding:12px}.save-bar{bottom:calc(var(--nav-h) + 8px);z-index:5;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:24px;padding:8px 0;display:flex;position:sticky}.save-bar ul{margin:0;padding-left:32px}@media (width>=768px){.save-bar{align-items:flex-start;bottom:8px}}.ok-msg{color:var(--pos);margin:0}.error-text{color:var(--neg)}.kv{gap:8px;margin:0 0 12px;display:grid}.kv div{gap:12px;display:flex}.kv dt{color:var(--muted);min-width:110px}.kv dd{margin:0}@media (width<=480px){.jornada-row{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:8px}.jornada-ativo{grid-area:1/1/auto/4}.jornada-total{grid-area:1/4}}