@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Manrope:wght@400;500;700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}:root{--bg:#f6f8fb;--ink:#16202c;--muted:#5f6d81;--line:#dde4ee;--card:#fff;--brand:#0d6f46;--brand-2:#d46d1f;--danger:#c62828}.wrap{width:100%;max-width:1200px;color:var(--ink);margin:0 auto;padding:18px;font-family:Manrope,sans-serif}.auth-wrap{place-items:center;min-height:100vh;display:grid}.card{background:var(--card);border:1px solid #d6deebe6;border-radius:18px;margin-bottom:14px;padding:18px;box-shadow:0 12px 38px #1424341f}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffffe0,#ffffffad)}.login{width:min(480px,92vw);padding:28px}.login-head h1,.topbar h1{letter-spacing:-.4px;margin:4px 0 6px;font-family:Sora,sans-serif}.login-head p,.topbar p{color:var(--muted);margin:0}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.login-form{gap:12px;margin-top:18px;display:grid}.login-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}input,select,button{border:1px solid var(--line);font:inherit;border-radius:11px;padding:11px 12px}input:focus,select:focus{border-color:#9ac7b1;outline:none;box-shadow:0 0 0 4px #0d6f461f}button{background:linear-gradient(135deg, var(--brand-2), #ef9855);color:#fff;cursor:pointer;border:0;font-weight:700;transition:transform .14s,box-shadow .14s}button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #d46d1f47}.btn-secondary{background:linear-gradient(135deg,#1f4d7c,#3a75ac)}.btn-secondary:hover{box-shadow:0 10px 18px #295a8a4d}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.topbar-right{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:contain;width:auto;height:52px}.tabs{gap:8px;display:flex}.tabs button{color:#2b3d52;background:#e7edf5}.tabs button.active{color:#fff;background:linear-gradient(135deg,#0f8a42,#16a95f)}.filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filters label{color:var(--muted);gap:6px;font-size:13px;display:grid}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.kpi-card{background:linear-gradient(145deg,#f7fbff,#eef5ff);border:1px solid #dce7f7;border-radius:14px;padding:14px}.kpi-card.registros{background:linear-gradient(145deg,#f4fbf7,#e8f6ee);border-color:#cfe9d9}.kpi-card.comissao-total{background:linear-gradient(145deg,#fff9f2,#fff2e2);border-color:#f2dcc1}.kpi-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px}.kpi-card strong{margin-top:6px;font-family:Sora,sans-serif;font-size:24px;display:block}.export-actions{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e4ebf4;border-radius:12px;width:100%;max-width:100%;overflow:hidden visible}table{border-collapse:collapse;table-layout:fixed;background:#fff;width:100%;font-size:12px}th,td{text-align:left;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #eef2f7;padding:8px}th:first-child,td:first-child{width:8%}th:nth-child(2),td:nth-child(2){width:18%}th:nth-child(3),td:nth-child(3){width:22%}th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5){width:12%}th:nth-child(6),td:nth-child(6),th:nth-child(7),td:nth-child(7){width:10%}th:nth-child(8),td:nth-child(8){width:12%}th:nth-child(9),td:nth-child(9){width:10%}thead th{z-index:1;background:#f8fbff;position:sticky;top:0}.th-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.th-sort:hover{box-shadow:none;text-decoration:underline;transform:none}tbody tr:hover{background:#f7faff}.badge{white-space:normal;background:#edf1f6;border-radius:999px;align-items:center;padding:3px 7px;line-height:1.2;display:inline-flex}.badge.os-instalacao{color:#1f7a43;background:#e6f6ec}.badge.os-upgrade{color:#2d5fa8;background:#e9f0ff}.badge.os-migracao-radio{color:#b7651f;background:#fff3e8}.badge.os-migracao-imediata{color:#b43a40;background:#ffe9ea}.badge.red{background:var(--danger);color:#fff}.badge.green{color:#fff;background:#1b8f3b}.badge.status-debito{color:#9a5c13;background:#fff1db}.badge.status-cancelado{color:#a53b3b;background:#ffe5e5}.user-form{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.user-list{gap:10px;display:grid}.user-row{background:#f7fbff;border:1px solid #e2ebf7;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.user-row p{color:var(--muted);margin:2px 0 0;font-size:13px}.btn-danger{background:linear-gradient(135deg,#b71c1c,#db3232)}.btn-danger:hover{box-shadow:0 10px 18px #b71c1c47}.user-actions{flex-wrap:wrap;gap:8px;display:flex}.user-feedback{color:#2d4f7e;background:#eef6ff;border:1px solid #d7e8ff;border-radius:10px;margin:6px 0 12px;padding:10px 12px;font-size:13px}.password-form{background:#f7fbff;border:1px solid #dce7f7;border-radius:12px;gap:8px;margin-bottom:12px;padding:12px;display:grid}body{background:radial-gradient(900px 450px at 0% -20%, #0d6f4621, transparent 55%), radial-gradient(900px 450px at 100% -20%, #d46d1f24, transparent 55%), var(--bg);margin:0;overflow-x:hidden}@media (width<=760px){.wrap{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.topbar-right{justify-content:space-between;width:100%}.topbar button{width:auto}.filters{grid-template-columns:1fr;display:grid}.kpi-row{grid-template-columns:1fr}.brand-logo{height:42px}.table-wrap{overflow-x:auto}table{min-width:900px}}