:root{--bg:#0a0a0a;--bg-panel:#141414;--bg-panel-2:#1c1c1c;--border:#2a2a2a;--text:#f2f2f2;--text-dim:#9a9a9a;--accent:#f5a524;--accent-2:#d4af37;--green:#3ecf6e;--red:#e5484d;--radius:10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}button{cursor:pointer;font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:.5px;color:var(--accent);padding:0 8px 18px;font-size:15px;font-weight:700}.brand small{color:var(--text-dim);margin-top:2px;font-size:11px;font-weight:400;display:block}.nav-item{text-align:left;border-radius:var(--radius);width:100%;color:var(--text-dim);background:0 0;border:none;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:block}.nav-item:hover{background:var(--bg-panel-2);color:var(--text)}.nav-item.active{background:var(--bg-panel-2);color:var(--accent)}.company-picker{border-bottom:1px solid var(--border);padding-bottom:12px}.company-picker select{background:var(--bg-panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);padding:8px;font-size:12.5px}.main{flex:1;padding:28px 36px;overflow-y:auto}.page-title{margin:0 0 4px;font-size:20px;font-weight:700}.page-sub{color:var(--text-dim);margin:0 0 24px;font-size:13px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:0 0 8px;font-size:12px}.kpi-value{font-size:26px;font-weight:700}.kpi-value.pos{color:var(--green)}.kpi-value.neg{color:var(--red)}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--border);padding:9px 10px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-panel-2)}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.urgente{color:var(--red);background:#e5484d26}.badge.ok{color:var(--green);background:#3ecf6e26}.badge.pendente{color:var(--accent);background:#f5a52426}.empty-state{color:var(--text-dim);text-align:center;padding:40px 0;font-size:13.5px}.loading{color:var(--text-dim);font-size:13px}.btn{background:var(--accent);color:#1a1200;border-radius:var(--radius);border:none;padding:8px 14px;font-size:12.5px;font-weight:600}.btn.secondary{background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border)}.text-dim{color:var(--text-dim)}.mono{font-variant-numeric:tabular-nums}.print-header{display:none}@media print{.sidebar,.no-print,select,button{display:none!important}.print-header{margin-bottom:16px;display:block!important}.main{margin:0!important;padding:0!important}.app-shell{display:block!important}.card{break-inside:avoid;color:#000!important;background:#fff!important;border:1px solid #ccc!important}body,.app-shell,.main{color:#000!important;background:#fff!important}table{color:#000!important}}