:root{--bg:#0b1020;--surface:#121a2b;--surface-2:#182238;--text:#e8eefc;--muted:#9fb0d3;--border:#243250;--primary:#5b8cff;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow:0 10px 30px #00000059}html[data-theme=light]{--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f4ff;--text:#0f172a;--muted:#475569;--border:#dbe3f2;--primary:#315efb;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--shadow:0 8px 24px #02061714}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.tc-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.tc-sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-2));padding:18px 14px}.tc-brand{margin:4px 10px 18px;font-size:20px;font-weight:800}.tc-nav{gap:6px;display:grid}.tc-nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:600}.tc-nav a:hover{color:var(--text);background:#5b8cff1f}.tc-nav a.active{color:#cfe0ff;background:#5b8cff33;border-color:#5b8cff59}.tc-main{padding:20px}.tc-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tc-title{margin:0 0 6px;font-size:38px;line-height:1.1}.tc-sub{color:var(--muted);margin:0}.tc-actions{flex-wrap:wrap;gap:10px;display:flex}.tc-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:700}.tc-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.tc-btn:hover{filter:brightness(1.05)}.tc-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.tc-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px}.tc-card h3{margin:0 0 8px}.tc-kpi{font-size:28px;font-weight:800}.tc-muted{color:var(--muted)}.tc-list{gap:8px;margin:0;padding-left:18px;display:grid}.tc-pill{background:#5b8cff2e;border:1px solid #5b8cff59;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.dot{border-radius:999px;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--success)}.dot.warn{background:var(--warning)}.dot.bad{background:var(--danger)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.tc-divider{background:var(--border);height:1px;margin:12px 6px}.tc-section-label{color:var(--muted);padding:0 10px 6px;font-size:12px;font-weight:700}.tc-burger{display:none}@media (max-width:1024px){.tc-shell{grid-template-columns:1fr}.tc-sidebar{z-index:60;width:260px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.tc-sidebar.open{transform:translate(0)}.tc-burger{display:inline-flex}.tc-main{padding:14px}.tc-title{font-size:30px}.span-3,.span-4,.span-6,.span-8{grid-column:span 12}}html:not([data-theme=light]) header,html:not([data-theme=light]) nav{color:var(--text)}html:not([data-theme=light]) header a,html:not([data-theme=light]) nav a{opacity:.95;color:#dbe7ff!important}html:not([data-theme=light]) header a:hover,html:not([data-theme=light]) nav a:hover{opacity:1;color:#fff!important}html:not([data-theme=light]) header button,html:not([data-theme=light]) nav button{color:#eaf1ff!important;border-color:var(--border)!important}html:not([data-theme=light]) .active,html:not([data-theme=light]) [aria-current=page]{color:#fff!important}html:not([data-theme=light]) header{border-bottom-color:var(--border)!important}.sub-dashboard-btn{color:#eaf1ff!important;background:0 0!important;border:1px solid #8ea4d6!important;text-decoration:none!important}.sub-dashboard-btn:hover{color:#fff!important;background:#5b8cff29!important;border-color:#9db2e0!important}a.sub-dashboard-btn,a.sub-dashboard-btn:link,a.sub-dashboard-btn:visited,a.sub-dashboard-btn:hover,a.sub-dashboard-btn:active,a.sub-dashboard-btn:focus{color:#f4f8ff!important;-webkit-text-fill-color:#f4f8ff!important;opacity:1!important;background:0 0!important;border:1px solid #9ab0df!important;text-decoration:none!important}
