:root{--color-white:#fff;--bg-base:#0b0e14;--bg-surface:#111520;--bg-card:#161b27;--bg-input:#0d1018;--bg-hover:#1c2234;--bg-row-alt:#0f1420;--border:#1e2538;--grafico-contorno:#ffffff8c;--text:#e2e8f0;--text-sub:#94a3b8;--text-muted:#64748b;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006, 0 2px 4px #0000004d;--shadow-lg:0 10px 15px #00000080, 0 4px 6px #00000059}[data-theme=light]{--bg-base:#f4f6f9;--bg-surface:#fff;--bg-card:#fff;--bg-input:#f0f2f5;--bg-hover:#d9e1ec;--bg-row-alt:#e7edf5;--border:#e2e8f0;--grafico-contorno:#00000080;--text:#1a202c;--text-sub:#4a5568;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d}:root,[data-theme=light]{--accent:#0095bb;--accent-glow:#0095bb1f;--accent-bg:#0095bb1f;--green:#22c55e;--green-bg:#22c55e1f;--amber:#f5a623;--amber-bg:#f5a6231f;--red:#ef4444;--red-bg:#ef44441f}[data-theme=light]{--accent-bg:#0095bb0f;--green-bg:#22c55e0f;--amber-bg:#f5a6230f;--red-bg:#ef44440f}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--font-ui:"Quicksand", system-ui, sans-serif;--font-num:"Fira Code", ui-monospace, monospace;--font-logo:"Michroma", sans-serif;--text-h1:1.5rem;--text-h2:1.25rem;--text-body:.875rem;--text-caption:.75rem;--sidebar-w:240px;--sidebar-w-collapsed:60px;--topbar-h:56px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.25s ease;--dur-fast:.15s;--dur-normal:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--card-bg-grad:var(--bg-card);--card-hairline:0 0 transparent;--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-md);--bg-glow:radial-gradient(1100px 520px at 12% -8%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 62%)}[data-theme=light]{--card-bg-grad:var(--bg-card);--card-hairline:0 0 transparent;--bg-glow:radial-gradient(1100px 520px at 12% -8%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 62%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg-base);color:var(--text);font-family:var(--font-ui);font-size:var(--text-body);min-height:100dvh;line-height:1.5}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-ui);font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-ui);font-size:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}#root{flex-direction:column;min-height:100dvh;display:flex}.page>*,.kpi-row>*,.ui-card{min-width:0}.tabela-wrapper{border-radius:var(--radius-md);border:1px solid var(--border);max-width:100%;overflow-x:auto}@media (width>=768px){.tabela-wrapper{max-height:clamp(360px,70vh,760px);overflow-y:auto}}.celula-truncada{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.tabela-wrapper::-webkit-scrollbar{width:10px;height:10px}.tabela-wrapper::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:5px}.tabela td .ui-btn{height:28px;min-height:28px}@media (width<=767px){.tabela td .ui-btn{height:36px;min-height:36px}}.shell{background:var(--bg-glow), var(--bg-base);background-repeat:no-repeat;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}.topbar{background:color-mix(in srgb, var(--bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);height:var(--topbar-h);z-index:100;justify-content:space-between;align-items:center;padding:0 clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.topbar__marca{align-items:center;gap:var(--space-2);display:flex}.topbar .topbar__hamburguer{display:none}.topbar__logo{font-family:var(--font-logo);white-space:nowrap;color:var(--text);letter-spacing:.02em;font-size:1.15rem;font-weight:700;line-height:1}.topbar__acoes{align-items:center;gap:var(--space-2);display:flex}.perfil{position:relative}.perfil__avatar{border:1px solid var(--border);background:var(--accent-bg);width:36px;height:36px;color:var(--accent);font-family:var(--font-ui);font-size:var(--text-body);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.perfil__avatar:hover{border-color:var(--accent)}.perfil__avatar:active{transform:scale(.97)}.perfil__avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.perfil__menu{top:calc(100% + var(--space-1));z-index:40;min-width:200px;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:absolute;right:0;transform:scale(.97)}.perfil--aberto .perfil__menu{opacity:1;visibility:visible;transform:scale(1)}.perfil__email{padding:var(--space-2);font-size:var(--text-caption);color:var(--text-muted);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.perfil__sair{align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-2);color:var(--text-sub);font-family:var(--font-ui);font-size:var(--text-caption);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;font-weight:600;transition:color .15s,background .15s;display:flex}.perfil__sair:hover{color:var(--red);background:var(--red-bg)}.perfil__sair:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text);background:var(--bg-hover)}.icon-btn:active{transform:scale(.97)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail{left:var(--space-4);gap:var(--space-1);padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:110;flex-direction:column;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.rail__link{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-sub);cursor:pointer;transition:color var(--transition-fast) var(--ease-out), background var(--transition-fast) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.rail__link:hover{color:var(--text);background:var(--bg-hover)}.rail__link.active{color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.rail__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail__label{left:calc(100% + var(--space-3));z-index:30;padding:var(--space-1) var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--text-caption);white-space:nowrap;opacity:0;visibility:hidden;transform-origin:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility var(--dur-fast) var(--ease-out);pointer-events:none;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)scale(.96)}.rail__link:hover .rail__label,.rail__link:focus-visible .rail__label{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.rail-backdrop{display:none}.banner-desatualizado{align-items:center;gap:var(--space-2);padding:var(--space-2) clamp(16px, 3vw, 32px);background:var(--amber-bg);color:var(--amber);font-size:var(--text-caption);border-bottom:1px solid var(--border);font-weight:500;display:flex}.page{gap:var(--space-6);padding:clamp(16px,3vw,32px);padding-left:calc(var(--space-4) + 60px + clamp(16px, 3vw, 32px));background:0 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width<=767px){.topbar .topbar__hamburguer{display:inline-flex}.rail{left:0;right:auto;top:var(--topbar-h);justify-content:flex-start;gap:var(--space-1);border:none;border-right:1px solid var(--border);width:min(78vw,264px);padding:var(--space-3) var(--space-2);transition:transform var(--dur-slow) var(--ease-drawer);z-index:115;border-radius:0;flex-direction:column;bottom:0;overflow-y:auto;transform:translate(-100%)}.rail--aberto{transform:translate(0)}.rail__link{justify-content:flex-start;gap:var(--space-3);width:100%;height:48px;padding:0 var(--space-3);font-size:var(--text-body);flex-direction:row}.rail__label{box-shadow:none;color:inherit;opacity:1;visibility:visible;background:0 0;border:none;padding:0;font-weight:600;position:static;transform:none}.rail-backdrop{top:var(--topbar-h);z-index:114;background:#00000080;display:block;position:fixed;bottom:0;left:0;right:0}.page{gap:var(--space-5);padding-left:clamp(16px,3vw,32px)}}.ao-vivo{align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--green-bg);color:var(--green);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-weight:600;display:inline-flex}.ao-vivo__ponto{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite ao-vivo-pulso}.ao-vivo--offline{background:var(--red-bg);color:var(--red)}.ao-vivo--offline .ao-vivo__ponto{animation:none}@keyframes ao-vivo-pulso{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.ao-vivo__ponto{animation:none}}.ui-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-body);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);min-height:44px;padding:0 var(--space-4);white-space:nowrap;border:none;font-weight:600;display:inline-flex}.ui-btn--md{height:44px;padding:0 var(--space-4)}.ui-btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-caption)}.ui-btn--primary{background:var(--accent);color:var(--color-white)}.ui-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 80%, white 20%)}.ui-btn--primary:active:not(:disabled){transform:scale(.98)}.ui-btn--secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.ui-btn--secondary:active:not(:disabled){transform:scale(.98)}.ui-btn--ghost{color:var(--text-sub);background:0 0}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.ui-btn--ghost:active:not(:disabled){transform:scale(.98)}.ui-btn--danger{background:var(--red-bg);color:var(--red);border:1px solid var(--red)}.ui-btn--danger:hover:not(:disabled){background:var(--red);color:var(--color-white)}.ui-btn--danger:active:not(:disabled){transform:scale(.98)}.ui-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-card{background:var(--card-bg-grad);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--card-hairline), var(--card-shadow)}@media (width<=767px){.ui-card{padding:var(--space-4)}}.ui-card--link{transition:transform var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out), border-color var(--transition-fast) var(--ease-out)}.ui-card--link:hover{box-shadow:var(--card-hairline), var(--card-shadow-hover);border-color:color-mix(in srgb, var(--border) 55%, var(--accent));transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.ui-card--link{transition:none}.ui-card--link:hover{transform:none}}.badge{padding:2px var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-ui);white-space:nowrap;align-items:center;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badge--neutral{background:var(--bg-surface);color:var(--text-sub)}.badge--success{background:var(--green-bg);color:var(--green)}.badge--warning{background:var(--amber-bg);color:var(--amber)}.badge--danger{background:var(--red-bg);color:var(--red)}.badge--info{background:var(--accent-bg);color:var(--accent)}.skeleton-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-card) 0%, var(--bg-hover) 50%, var(--bg-card) 100%);background-size:200% 100%;height:20px;animation:1.4s infinite skeleton-shimmer}.skeleton-row:nth-child(2){width:80%}.skeleton-row:nth-child(3){width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-row{animation:none}}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-state__icon{color:var(--text-muted);opacity:.6}.empty-state__titulo{font-size:var(--text-h2);color:var(--text-sub);margin:0;font-weight:600}.empty-state__dica{font-size:var(--text-body);color:var(--text-muted);margin:0}.empty-state__acao{margin-top:var(--space-2)}.require-auth__loading{padding:var(--space-8)}.login-page{background:var(--bg-base);min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:400px;padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.login-card__header{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.login-card__eyebrow{font-family:var(--font-ui);font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:500}.login-card__logo{font-family:var(--font-logo);font-size:var(--text-h1);white-space:nowrap;color:var(--text);letter-spacing:.04em;margin:0;font-weight:700;line-height:1}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-form__field{gap:var(--space-1);flex-direction:column;display:flex}.login-form__label{font-family:var(--font-ui);font-size:var(--text-body);color:var(--text-sub);font-weight:600}.login-form__input{font-family:var(--font-ui);font-size:var(--text-body);color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;width:100%}.login-form__input::placeholder{color:var(--text-muted)}.login-form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.login-form__input:disabled{opacity:.5;cursor:not-allowed}.login-form__erro{font-family:var(--font-ui);font-size:var(--text-body);color:var(--red);background:var(--red-bg);border-radius:var(--radius-sm);padding:var(--space-3);margin:0}.login-form__btn{width:100%;height:44px}.login-form__descricao{font-size:var(--text-caption);color:var(--text-muted);margin:0}.login-form__link{font-size:var(--text-caption);color:var(--text-muted);align-self:center;text-decoration:none;transition:color .15s}.login-form__link:hover{color:var(--accent);text-decoration:underline}.login-form__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}