:root{--color-black:#14161a;--color-white:#ffffff;--color-bg:#f4f5f7;--color-border:#e3e5ea;--color-muted:#6b7280;--color-accent:#3a5bfd;--color-accent-ink:#ffffff;--color-success:#1a9c5c;--color-success-bg:#e7f7ee;--color-danger:#e23b4a;--color-danger-bg:#fdeced;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:14px;--space-6:18px;--space-7:24px;--space-8:32px;--space-9:44px;--text-xs:12px;--text-sm:13px;--text-md:15px;--h4:20px;--h3:24px;--h2:30px;--lh-relaxed:1.55;--radius:10px;--radius-lg:14px;--sidebar-w:240px;--topbar-h:60px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif;font-size:var(--text-md);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.app{flex-direction:column;min-height:100vh}.app,.body{display:flex}.body{flex:1 1;min-height:0}.main{flex:1 1;padding:var(--space-7);min-width:0}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-7);background:var(--color-white);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-spacer{flex:1 1}.topbar-date{color:var(--color-muted);font-size:var(--text-sm)}.brand{gap:var(--space-4)}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--color-black);color:var(--color-white);justify-content:center;font-weight:700}.brand-name{font-weight:700;font-size:var(--text-md);letter-spacing:-.01em}.brand-sub{font-size:var(--text-xs);color:var(--color-muted)}.userchip{display:flex;align-items:center;gap:var(--space-3)}.userchip-name{font-size:var(--text-sm);font-weight:600}.userchip-role{font-size:var(--text-xs);color:var(--color-muted)}.iconbtn{border:1px solid var(--color-border);background:var(--color-white);border-radius:8px;width:32px;height:32px;cursor:pointer}.iconbtn:hover{background:var(--color-bg)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);gap:var(--space-7)}.side-group,.sidebar{display:flex;flex-direction:column}.side-group{gap:2px}.side-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:8px;color:var(--color-black);font-size:var(--text-sm)}.nav-item:hover{background:var(--color-bg)}.nav-item.on{background:var(--color-black);color:var(--color-white)}.nav-ico{width:16px;display:inline-flex;justify-content:center}.side-foot{margin-top:auto;font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-4);border-top:1px solid var(--color-border)}.avatar{border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background:var(--color-black);color:var(--color-white)}.avatar.xs{width:20px;height:20px;font-size:10px}.avatar.md{width:34px;height:34px;font-size:13px}.av-accent{background:var(--color-accent);color:var(--color-accent-ink)}.page{display:flex;flex-direction:column;gap:var(--space-7)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.page-title{font-size:var(--h3);font-weight:700;letter-spacing:-.02em;margin:var(--space-2) 0}.page-desc{color:var(--color-muted);font-size:var(--text-sm);max-width:640px}.page-actions{display:flex;gap:var(--space-4);flex-shrink:0}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:600}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.g4{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.kpi-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:var(--h2);font-weight:700;letter-spacing:-.02em}.kpi-value.down{color:var(--color-danger)}.kpi-delta{font-size:var(--text-xs)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) 0}.card-pad{padding:var(--space-6)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-9) var(--space-7);color:var(--color-muted)}.empty .big{font-size:28px}.metricrow{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.metricrow:last-child{border-bottom:none}.tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:600;padding:2px var(--space-3);border-radius:999px}.t-success{background:var(--color-success-bg);color:var(--color-success)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5);border-radius:8px;font-size:var(--text-sm)}.a-danger{background:var(--color-danger-bg);color:var(--color-danger)}.erro-auth{margin-bottom:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600}.input{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-4) var(--space-5);font-size:var(--text-md);background:var(--color-white);color:var(--color-black)}.input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border-radius:8px;border:1px solid transparent;padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:600;cursor:pointer}.btn-accent{background:var(--color-accent);color:var(--color-accent-ink)}.btn-accent:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--color-muted);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-bg)}.btn-lg{padding:var(--space-5) var(--space-6);font-size:var(--text-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.tela-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-7)}.caixa-auth{width:100%;max-width:380px}.marca-auth{display:flex;align-items:center;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-7)}.muted{color:var(--color-muted)}.mb5{margin-bottom:var(--space-5)}.mb6{margin-bottom:var(--space-6)}.mb7{margin-bottom:var(--space-7)}