:root{--text:#3f3b46;--text-h:#08060d;--bg:#f7f6f8;--surface:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--danger:#d1293d;--danger-bg:#d1293d1a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d4d2d8;--text-h:#f3f4f6;--bg:#16171d;--surface:#1f2028;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--danger:#ff6b7a;--danger-bg:#ff6b7a26}}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-h);font-weight:600}button{font:inherit}@media print{:root{--text:#000;--text-h:#000;--bg:#fff;--surface:#fff;--border:#999;--accent:#000;--accent-bg:transparent}body{background:#fff}.no-print,.shell-header,.shell-nav{display:none!important}.shell-main{padding:0}.page{page-break-after:always}.page:last-child{page-break-after:auto}.payslip{border:none;border-radius:0;max-width:none;padding:0}@page{margin:14mm}}.auth-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 10px 30px #0000000f}.auth-card h1{margin:0 0 4px;font-size:22px}.auth-subtitle{color:var(--text);margin:0 0 20px;font-size:14px}.auth-card label{color:var(--text-h);margin-top:12px;margin-bottom:4px;font-size:13px;font-weight:600}.auth-card input{font:inherit;border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;padding:10px 12px}.auth-card input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:13px}.auth-card button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:20px;padding:11px;font-weight:600}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.shell{flex-direction:column;min-height:100svh;display:flex}.shell-header{border-bottom:1px solid var(--border);background:var(--surface,#fff);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.shell-title{color:var(--text-h);font-weight:700}.shell-signout{border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px}.shell-signout:hover{border-color:var(--accent-border);color:var(--accent)}.shell-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.shell-nav-link{color:var(--text);white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none}.shell-nav-link:hover{background:var(--accent-bg);color:var(--accent)}.shell-nav-link.is-active{background:var(--accent-bg);color:var(--accent);font-weight:600}.shell-main{flex:1;padding:20px}.placeholder{border:1px dashed var(--border);color:var(--text);border-radius:12px;padding:24px}@media (width<=640px){.shell-header{padding:10px 14px}.shell-nav{padding:6px 10px}.shell-main{padding:14px}}.config-page{flex-direction:column;gap:20px;max-width:960px;display:flex}.config-seletor{flex-wrap:wrap;gap:8px;display:flex}.config-seletor-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px}.config-seletor-btn:hover{border-color:var(--accent-border);color:var(--accent)}.config-seletor-btn.is-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:600}.config-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.config-section h3{margin-top:0}.config-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.config-grid label{color:var(--text-h);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.config-grid input,.config-table input{font:inherit;border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;width:100%;padding:8px 10px}.config-grid input:focus-visible,.config-table input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.config-faixas h3{margin-top:0}.config-table{border-collapse:collapse;width:100%;margin-bottom:12px}.config-table th{text-align:left;color:var(--text);padding:4px 8px;font-size:12px;font-weight:600}.config-table td{padding:4px 8px}.config-table input{min-width:90px}.config-btn-remover{border:1px solid var(--border);color:var(--danger);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 10px}.config-btn-remover:hover{border-color:var(--danger)}.config-btn-primario{border:1px solid var(--accent-border);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.config-btn-primario:disabled{opacity:.6;cursor:not-allowed}.config-btn-secundario{border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px}.config-btn-secundario:hover{border-color:var(--accent-border);color:var(--accent)}.config-btn-secundario:disabled{opacity:.6;cursor:not-allowed}.config-acoes{flex-wrap:wrap;gap:12px;display:flex}.config-msg-sucesso{background:var(--accent-bg);color:var(--accent);border-radius:8px;padding:10px 14px;font-size:14px}.config-msg-erro{background:var(--danger-bg);color:var(--danger);border-radius:8px;padding:10px 14px;font-size:14px}@media (width<=640px){.config-section{padding:14px}}.config-msg-aviso{border-left:3px solid var(--accent);background:var(--accent-bg);color:var(--text-h);border-radius:0 8px 8px 0;max-width:80ch;padding:12px 14px;font-size:14px}.config-ajuda{color:var(--text);max-width:80ch;margin:0 0 16px;font-size:13px}.config-dica{color:var(--text);opacity:.85;margin-top:6px;font-size:11px;font-weight:400;display:block}.prod-page{flex-direction:column;gap:20px;max-width:1100px;display:flex}.prod-ano-seletor{align-items:center;gap:12px;display:flex}.prod-ano-atual{color:var(--text-h);text-align:center;min-width:48px;font-size:18px;font-weight:700}.grid-scroll{overflow-x:auto}.grid-table{border-collapse:collapse;width:100%;min-width:720px}.grid-table th{text-align:center;color:var(--text);border-bottom:1px solid var(--border);padding:6px 4px;font-size:12px;font-weight:600}.grid-col-nome{min-width:140px;text-align:left!important}.grid-col-total{min-width:90px}.grid-table td{border-bottom:1px solid var(--border);padding:4px}.grid-nome{color:var(--text-h);white-space:nowrap;font-weight:600}.grid-total{text-align:right;color:var(--text-h);font-weight:700;padding-right:10px!important}.grid-input{font:inherit;text-align:right;border:1px solid var(--border);width:100%;min-width:78px;color:var(--text-h);background:0 0;border-radius:6px;padding:6px 8px}.grid-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.grid-input.is-salvando{opacity:.6;border-color:var(--accent-border)}.prod-charts{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}.year-chart{border:1px solid var(--border);border-radius:10px;padding:12px 14px}.year-chart-label{color:var(--text-h);margin:0 0 8px}.year-chart-vazio{color:var(--text);margin:0;font-size:13px}.year-chart-svg{width:100%;height:auto;display:block}.year-chart-bar{fill:var(--accent)}.year-chart-mes{fill:var(--text);font-size:11px}.year-chart-valor{fill:var(--text-h);font-size:10px;font-weight:600}.year-chart-fallback{color:var(--text);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.year-chart-fallback-item{white-space:nowrap}@media (width<=640px){.prod-charts{grid-template-columns:1fr}}.month-picker{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.month-picker-select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:8px;min-width:150px;padding:8px 10px}.month-picker-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.month-picker-ano{align-items:center;gap:12px;display:flex}.apur-meta h3{margin-top:0}.apur-table{min-width:860px}.apur-producao{text-align:right;white-space:nowrap;color:var(--text-h)}.apur-input-faltas{text-align:center;min-width:60px}.apur-checkbox-cell{text-align:center}.apur-checkbox-cell input[type=checkbox]{cursor:pointer;width:18px;height:18px}.apur-premio{text-align:right;white-space:nowrap;color:var(--text-h);font-weight:700}.apur-total-label{text-align:right;color:var(--text-h);padding:10px 8px;font-weight:600}.apur-total-valor{text-align:right;color:var(--accent);white-space:nowrap;padding:10px 8px;font-size:16px;font-weight:700}@media (width<=640px){.month-picker{gap:10px}}.demo-seletor{align-items:center;gap:10px;margin-top:14px;display:flex}.demo-seletor label{color:var(--text-h);font-size:13px;font-weight:600}.print-acoes{flex-wrap:wrap;gap:10px;margin:20px 0 12px;display:flex}.payslip{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:820px;padding:28px 32px}.payslip-head{border-bottom:2px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:14px;display:flex}.payslip-empresa{margin:0;font-size:19px}.payslip-cnpj{color:var(--text);margin:2px 0 0;font-size:12px}.payslip-competencia{text-align:right;flex-direction:column;gap:2px;display:flex}.payslip-rotulo{text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-size:11px;display:block}.payslip-titulo{text-transform:uppercase;letter-spacing:.08em;margin:20px 0 16px;font-size:15px}.payslip-pessoa{flex-wrap:wrap;gap:40px;margin-bottom:20px;display:flex}.payslip-tabela{border-collapse:collapse;width:100%}.payslip-tabela td{border-bottom:1px solid var(--border);padding:9px 4px}.payslip-valor{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-h)}.payslip-destaque td{color:var(--text-h);border-top:2px solid var(--border);border-bottom:2px solid var(--border);font-weight:700}.payslip-liquido td{color:var(--accent);font-size:17px}.payslip-gestao td{color:var(--text);font-style:italic}.payslip-assinaturas{gap:48px;margin-top:52px;display:flex}.payslip-assinatura{text-align:center;flex:1}.payslip-assinatura span{border-top:1px solid var(--text);margin-bottom:6px;display:block}.payslip-assinatura p{margin:0;font-size:12px}.payslip-rodape{border-top:1px solid var(--border);margin-top:28px;padding-top:12px}.payslip-rodape p{color:var(--text);margin:0;font-size:11px;font-style:italic;line-height:1.5}@media (width<=640px){.payslip{padding:20px 18px}.payslip-assinaturas{gap:24px}}.vend-ajuda{color:var(--text);max-width:70ch;margin:0 0 14px;font-size:13px}.demo-section{border-top:2px solid var(--border)}.soc-base-nota{color:var(--text);opacity:.75;margin-top:4px;font-size:11px;display:block}.demo-gestao{color:var(--text-h);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.demo-gestao input{cursor:pointer;width:17px;height:17px}.demo-aviso-gestao{border:1px solid var(--danger);color:var(--danger);border-radius:8px;margin:0 0 18px;padding:10px 14px;font-size:13px;font-weight:600}.app-loading{min-height:100svh;color:var(--text);flex:1;justify-content:center;align-items:center;display:flex}.app-erro-config{border:1px solid var(--border);border-left:4px solid var(--danger);background:var(--surface);border-radius:12px;max-width:62ch;margin:12vh auto;padding:28px 32px}.app-erro-config h1{color:var(--danger);margin:0 0 12px;font-size:22px}.app-erro-config p{margin:0 0 12px;line-height:1.6}.app-erro-config code{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:13px}