*{box-sizing:border-box;margin:0;padding:0}:root{--azul:#2563eb;--azul-d:#1d4ed8;--ink:#0f172a;--ink-2:#475569;--muted:#94a3b8;--bg:#f1f5f9;--surface:#fff;--linha:#e2e8f0;--ok:#16a34a;--erro:#dc2626}body{color:var(--ink);background:var(--bg);font-family:Inter,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}.login-page{background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#0891b2);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border-radius:16px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:28px}.login-logo{border-radius:16px;width:240px;max-width:80%;height:auto;margin:0 auto 20px;display:block}.login-icon{background:#eff6ff;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 14px;display:grid}.login-header h1{font-size:22px;font-weight:700}.login-header h2{color:var(--azul);margin-top:2px;font-size:15px;font-weight:500}.login-field{margin-bottom:16px}.login-field label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-field input{border:1px solid var(--linha);border-radius:9px;width:100%;padding:11px 14px;font-size:14px}.login-field input:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px #dbeafe}.login-error{color:var(--erro);background:#fef2f2;border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:13px}.login-btn{background:var(--azul);color:#fff;border:0;border-radius:9px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.login-btn:hover:not(:disabled){background:var(--azul-d)}.login-btn:disabled{opacity:.6;cursor:default}.login-footer{text-align:center;color:var(--muted);margin-top:22px;font-size:12px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--linha);z-index:20;align-items:center;gap:14px;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.hamburger{color:var(--ink-2);background:0 0;border:0;font-size:20px}.brand{flex-direction:column;line-height:1.1;display:flex}.brand-title{font-size:15px;font-weight:700}.brand-sub{color:var(--azul);font-size:12px;font-weight:600}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.user-chip{color:var(--ink-2);font-size:13px}.body{flex:1;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--linha);width:210px;padding:12px 8px;transition:width .18s;overflow:hidden}.sidebar.closed{border:0;width:0;padding:0}.nav-item{width:100%;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.nav-item:hover{background:#f1f5f9}.nav-item.active{color:var(--azul);background:#eff6ff;font-weight:600}.nav-ico{font-size:16px}.content{flex:1;padding:20px;overflow-x:hidden}.dash-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-head h2{font-size:18px;font-weight:700}.dash-head h2 span{color:var(--azul);background:#eff6ff;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600}.kpi-click{text-align:left;cursor:pointer;border:1px solid var(--linha);border-top-width:3px;transition:box-shadow .15s,transform .15s}.kpi-click:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000001a}.kpi-sub{color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:5px;font-size:12px;display:flex}.kpi-link{color:var(--azul);font-weight:600}.dash-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.card-tit{justify-content:space-between;align-items:center;display:flex}.card-exp{color:var(--azul);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600}.perm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.perm-tit{font-size:18px;font-weight:700}.perm-desc{color:var(--ink-2);max-width:560px;margin-top:3px;font-size:13px}.perm-tab{border-collapse:collapse;width:100%;font-size:13px}.perm-tab thead th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--linha);white-space:nowrap;background:#f8fafc;padding:10px 12px;font-weight:600}.perm-tab tbody td{border-bottom:1px solid #f1f5f9;padding:9px 12px}.perm-tab tbody tr:hover{background:#f8fafc}.perm-tab tr.perm-admin{background:#eff6ff}.perm-nome{color:var(--muted);font-size:11px}.perm-tab input[type=checkbox]{cursor:pointer;width:16px;height:16px}.nav-vazio{color:var(--muted);padding:12px;font-size:12px}.tabs{border-bottom:2px solid var(--linha);align-items:center;gap:8px;margin-bottom:16px;display:flex}.tab{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:600}.tab:hover{color:var(--azul)}.tab.active{color:var(--azul);border-bottom-color:var(--azul)}.erro-box{color:var(--erro);background:#fef2f2;border-radius:8px;margin-bottom:14px;padding:12px 16px;font-size:14px}.carregando{text-align:center;color:var(--muted);padding:40px;font-size:15px}.filtros{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.f-field{flex-direction:column;gap:4px;display:flex}.f-field label{color:var(--ink-2);font-size:12px;font-weight:500}.f-field input{border:1px solid var(--linha);border-radius:8px;padding:8px 10px;font-size:14px}.btn{background:var(--azul);color:#fff;border:0;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600}.btn:hover:not(:disabled){background:var(--azul-d)}.btn:disabled{opacity:.6}.btn-sm{color:var(--ink-2);border:1px solid var(--linha);background:#f1f5f9;border-radius:7px;padding:6px 12px;font-size:13px}.btn-sm:hover:not(:disabled){background:#e2e8f0}.btn-sm:disabled{opacity:.4}.erro-inline{color:var(--erro);font-size:13px}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{background:var(--surface);border:1px solid var(--linha);border-top:3px solid var(--azul);border-radius:10px;padding:14px 16px}.kpi-tit{color:var(--ink-2);margin-bottom:6px;font-size:12px;font-weight:500}.kpi-val{font-size:20px;font-weight:700}.grid-charts{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;display:grid}.card{background:var(--surface);border:1px solid var(--linha);border-radius:10px;padding:14px 16px}.card-full{grid-column:1/-1}.card-tit{color:var(--ink);margin-bottom:10px;font-size:14px;font-weight:600}.card-body{width:100%}.dt-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dt-search{border:1px solid var(--linha);border-radius:8px;min-width:220px;padding:8px 12px;font-size:13px}.dt-count{color:var(--ink-2);font-size:13px}.dt-actions{gap:8px;margin-left:auto;display:flex}.dt-scroll{border:1px solid var(--linha);border-radius:8px;overflow-x:auto}.dt table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.dt thead th{text-align:left;color:var(--ink-2);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--linha);background:#f8fafc;padding:9px 12px;font-weight:600;position:sticky;top:0}.dt-th{position:relative;overflow:hidden}.dt-resizer{cursor:col-resize;width:7px;height:100%;position:absolute;top:0;right:0}.dt-resizer:hover{background:#2563eb59}.dt td{text-overflow:ellipsis;overflow:hidden}.dt tbody td{white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px 12px}.dt tbody tr:hover{background:#f8fafc}.dt tfoot td{border-top:2px solid var(--linha);white-space:nowrap;background:#f8fafc;padding:9px 12px;font-weight:700}.ta-r{text-align:right}.ta-c{text-align:center}.farol{letter-spacing:.2px;border-radius:999px;align-items:center;gap:7px;padding:3px 11px 3px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.farol-dot{border-radius:50%;flex:none;width:9px;height:9px}.farol-vermelho .farol-dot{animation:1.4s ease-in-out infinite farolPulse}@keyframes farolPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.25)}}.dt-empty{text-align:center;color:var(--muted);padding:24px}.dt-pager{color:var(--ink-2);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.dt-pager select{border:1px solid var(--linha);border-radius:7px;margin-left:auto;padding:5px 8px}.dt-clickable{cursor:pointer}.dt-clickable:hover{background:#eff6ff!important}.dica{color:var(--ink-2);background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.ok-box{color:var(--ok);background:#f0fdf4;border-radius:8px;margin-bottom:14px;padding:12px 16px;font-size:14px;font-weight:600}.ctx-menu{z-index:200;border:1px solid var(--linha);background:#fff;border-radius:10px;min-width:200px;padding:5px;position:fixed;box-shadow:0 14px 34px #0003}.ctx-head{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:6px 10px 4px;font-size:10px}.ctx-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:7px;padding:9px 12px;font-size:14px;display:block}.ctx-item:hover{color:var(--azul);background:#eff6ff}.ctx-danger{color:var(--erro)}.ctx-danger:hover{color:var(--erro);background:#fef2f2}.ctx-toast{color:#fff;z-index:200;background:#1e293b;border-radius:9px;padding:11px 18px;font-size:14px;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 24px #00000040}.modal-backdrop{z-index:100;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--surface);border-radius:14px;flex-direction:column;width:100%;max-height:calc(100vh - 80px);display:flex;box-shadow:0 24px 60px #00000059}.modal-head{border-bottom:1px solid var(--linha);justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.modal-title{font-size:18px;font-weight:700}.modal-sub{color:var(--ink-2);margin-top:3px;font-size:13px}.modal-x{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:18px}.modal-x:hover{color:var(--ink);background:#f1f5f9}.modal-body{min-height:220px;padding:18px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--linha);background:#f8fafc;border-radius:0 0 14px 14px;padding:14px 22px}.pm-tabela-wrap{max-height:60vh;overflow:auto}.pm-tabela{border-collapse:collapse;width:100%;font-size:13px}.pm-tabela thead th{text-align:left;color:var(--ink-2);white-space:nowrap;border-bottom:1px solid var(--linha);background:#f8fafc;padding:9px 12px;font-weight:600;position:sticky;top:0}.pm-tabela tbody td{white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px 12px}.pm-tabela tbody tr.sel{background:#f0f9ff}.pm-tabela tbody tr.sem-estoque{opacity:.55;background:#fef2f2}.fat-resumo{color:#334155;gap:24px;padding:8px 4px 12px;font-size:14px;display:flex}.fat-resumo b{color:#0f172a}.pm-tabela tbody tr:hover{background:#f8fafc}.disp-ok{color:var(--ok);font-weight:600}.disp-baixo{color:#d97706;font-weight:600}.disp-neg{color:var(--erro);font-weight:700}.pm-foot{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pm-resumo{color:var(--ink-2);font-size:13px}.pm-alerta{color:#d97706;font-weight:600}.pm-acoes{align-items:center;gap:12px;margin-left:auto;display:flex}.pm-tipo{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.pm-tipo select{border:1px solid var(--linha);border-radius:7px;padding:6px 8px}@media (width<=860px){.grid-charts{grid-template-columns:1fr}.sidebar{z-index:15;height:100%;position:fixed;box-shadow:4px 0 12px #00000014}}