*{box-sizing:border-box}:root{--bg: #eef1f6;--surface: #ffffff;--surface-alt: #f6f8fb;--border: #e2e8f0;--text: #1a2333;--text-muted: #6b7688;--sidebar-bg: #0f2540;--sidebar-text: #a9bcd4;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(255, 255, 255, .08);--accent: #f0993d;--accent-contrast: #ffffff;--verde: #1e8449;--vermelho: #d64545;--azul: #2b6cb0;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .05)}[data-tema=escuro]{--bg: #0b1220;--surface: #141d30;--surface-alt: #101827;--border: #253248;--text: #e7ecf3;--text-muted: #93a1b8;--sidebar-bg: #080f1c;--sidebar-text: #8fa1bc;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(255, 255, 255, .06);--accent: #f0993d;--verde: #3fbd73;--vermelho: #e56767;--azul: #5b9bd9;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 20px rgba(0, 0, 0, .35)}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);transition:background .15s ease,color .15s ease}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-card{background:var(--surface);padding:2.2rem;border-radius:14px;box-shadow:var(--shadow);width:340px;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border)}.login-card h1{font-size:1.3rem;margin:0 0 .5rem}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-muted)}.login-card input{padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text);font-size:.95rem}.login-card button{background:var(--accent);color:#fff;padding:.75rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem}.login-card button:hover{filter:brightness(1.05)}.erro{color:var(--vermelho);font-size:.85rem}.app-shell{display:flex;min-height:100vh;width:100%}.sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:1.4rem .9rem;position:sticky;top:0;height:100vh}.marca{display:flex;align-items:center;gap:.6rem;padding:0 .5rem 1.4rem}.marca-icone{font-size:1.4rem}.marca-texto{color:#fff;font-weight:700;font-size:1rem}.nav-lateral{display:flex;flex-direction:column;gap:.15rem}.nav-lateral a{display:flex;align-items:center;gap:.7rem;color:var(--sidebar-text);text-decoration:none;padding:.65rem .75rem;border-radius:8px;font-size:.9rem;font-weight:500}.nav-lateral a span{font-size:1rem;width:1.2rem;text-align:center}.nav-lateral a:hover{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.nav-lateral a.active{background:var(--accent);color:#fff}.nav-secao{color:#fff6;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:.9rem .75rem .3rem}.area-principal{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.6rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar-acoes{display:flex;align-items:center;gap:.9rem}.botao-tema{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;width:2.2rem;height:2.2rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.avatar{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.usuario-texto{display:flex;flex-direction:column;line-height:1.2;font-size:.85rem}.usuario-texto span{color:var(--text-muted);font-size:.75rem}.botao-sair{background:transparent;border:1px solid var(--border);color:var(--text);padding:.45rem .9rem;border-radius:8px;cursor:pointer;font-size:.85rem}.botao-sair:hover{background:var(--surface-alt)}.content{padding:1.6rem 2rem;width:100%}.content h2{margin:0 0 1.2rem;font-size:1.3rem}.cards{display:flex;gap:1.1rem;margin-bottom:1.5rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.3rem 1.4rem;flex:1;min-width:200px;box-shadow:var(--shadow)}.card h3{margin:0 0 .5rem;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.valor{font-size:1.7rem;font-weight:700;margin:0}.verde{color:var(--verde)}.vermelho{color:var(--vermelho)}.laranja{color:var(--accent)}.alertas{background:var(--surface);border:1px solid var(--vermelho);border-left:4px solid var(--vermelho);border-radius:12px;padding:1rem 1.4rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.5rem}.grafico-bloco{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.grid-2>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.3rem;box-shadow:var(--shadow)}.grid-2 h3,.grafico-bloco h3{margin-top:0;font-size:.95rem}.exportacao{display:flex;gap:.6rem;margin-bottom:1.5rem;flex-wrap:wrap}.exportacao button{background:var(--surface);border:1px solid var(--border);padding:.55rem 1rem;border-radius:8px;cursor:pointer;font-size:.88rem;color:var(--text)}.exportacao button:hover{background:var(--surface-alt)}.form-inline .alternador-custo{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.form-inline .alternador-custo button{background:var(--surface-alt);color:var(--text-muted);border:none;padding:.55rem .8rem;cursor:pointer;font-size:.82rem;font-weight:500}.form-inline .alternador-custo button.ativo{background:var(--accent);color:#fff}.campo-com-dica{display:flex;flex-direction:column;gap:.2rem;max-width:13rem}.campo-com-dica .dica{font-size:.72rem}.bloco-campos-compra{display:flex;gap:1.4rem;flex-wrap:wrap;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem}.campo-rotulado{display:flex;flex-direction:column;gap:.35rem}.campo-rotulado label{font-size:.82rem;color:var(--text);font-weight:500}.campo-rotulado input,.campo-rotulado select{width:auto;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem}.resumo-calculo{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--accent);border-radius:8px;padding:.6rem .9rem;font-size:.88rem;margin:0}.checkbox-inline{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text)}.checkbox-inline input{width:auto}.etiqueta-composto{display:inline-block;margin-left:.5rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:.1rem .4rem}.linha-botoes{display:flex;gap:.6rem}.linha-botoes button{background:var(--accent);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem}.linha-botoes button:hover{filter:brightness(1.05)}.form-inline .botao-secundario,.linha-botoes .botao-secundario,table .botao-secundario{background:var(--azul);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem}.botao-secundario:hover{filter:brightness(1.1)}.form-inline .botao-editar,.linha-botoes .botao-editar,table .botao-editar{background:transparent;color:var(--azul);border:1px solid var(--azul);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500}.form-inline .botao-excluir,.linha-botoes .botao-excluir,table .botao-excluir{background:transparent;color:var(--vermelho);border:1px solid var(--vermelho);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500}.botao-editar:hover{background:color-mix(in srgb,var(--azul) 12%,transparent)}.botao-excluir:hover{background:color-mix(in srgb,var(--vermelho) 12%,transparent)}.mini-tabela{box-shadow:none;border:none;border-radius:0;background:transparent}.mini-tabela td{padding:.15rem .5rem .15rem 0;border-bottom:none;font-size:.82rem;color:var(--text)}.mini-tabela tr:not(:last-child) td{border-bottom:1px dashed var(--border)}.mini-tamanho{color:var(--text-muted)}.mini-qtde{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.form-inline{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow)}.form-inline input,.form-inline select{padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text);font-size:.9rem}.form-inline button{background:var(--accent);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem}.form-inline button:hover{filter:brightness(1.05)}.form-bloco{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow)}.form-bloco>button{align-self:flex-start}.linha-alerta{background:color-mix(in srgb,var(--vermelho) 12%,transparent)}.dica{color:var(--text-muted);font-size:.85rem}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}th,td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--border);font-size:.88rem}th{background:var(--surface-alt);color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.03em}tr:last-child td{border-bottom:none}.modal-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--surface);padding:1.6rem;border-radius:14px;width:480px;max-height:80vh;overflow-y:auto;border:1px solid var(--border);box-shadow:var(--shadow)}.modal-acoes{display:flex;gap:.6rem;margin-top:1.1rem}.modal-acoes button{padding:.55rem 1.1rem;border-radius:8px;border:none;cursor:pointer;font-size:.88rem}.modal-acoes button:first-child{background:var(--accent);color:#fff}.modal-acoes button:last-child{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.modal label.dica{display:block;margin:.7rem 0 .25rem}.modal input{display:block;width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text);font-size:.9rem}.modal .form-inline input,.modal .form-inline select{display:inline-block;width:auto}.modal-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:sticky;top:-1.6rem;background:var(--surface);margin:-1.6rem -1.6rem 0;padding:1.6rem 1.6rem .6rem;z-index:2}.modal-topo h3{margin:0}.modal-x{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);width:1.8rem;height:1.8rem;min-width:1.8rem;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.modal-x:hover{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}.modal::-webkit-scrollbar{width:9px}.modal::-webkit-scrollbar-track{background:transparent;margin:14px 0}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.modal{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.campo-com-unidade{display:flex;align-items:center;gap:.5rem}.campo-com-unidade input{width:6rem}.campo-com-unidade .dica{white-space:nowrap}@media (max-width: 900px){.sidebar{width:72px}.marca-texto{display:none}.nav-lateral a span{width:auto}.nav-lateral a{justify-content:center}.nav-lateral a:not(.icon-only)>:not(span){display:none}.grid-2{grid-template-columns:1fr}.usuario-texto{display:none}}