@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Syne:wght@600;700;800&display=swap";:root{--bg-main: #0a0a0f;--bg-surface-1: #111118;--bg-surface-2: #1a1a24;--primary: #7c5cfc;--secondary: #00e5c8;--danger: #ff6b6b;--success: #4ade80;--warning: #fbbf24;--text-main: #ffffff;--text-muted: #9ca3af;--border-color: #2a2a35;--sidebar-width: 272px;--sidebar-collapsed-width: 84px;--topbar-height: 70px}body.light-theme{--bg-main: #f3f4f6;--bg-surface-1: #ffffff;--bg-surface-2: #e5e7eb;--text-main: #111827;--text-muted: #6b7280;--border-color: #d1d5db}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}body{font-family:DM Sans,sans-serif;background:var(--bg-main);color:var(--text-main)}h1,h2,h3,h4{font-family:Syne,sans-serif}button{cursor:pointer;font-family:inherit;border:none;transition:.2s}input,select{font-family:inherit;background:var(--bg-surface-2);color:var(--text-main);border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;outline:none}input:focus,select:focus{border-color:var(--primary)}.btn{padding:8px 16px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#967dfc;box-shadow:0 4px 12px #7c5cfc4d}.btn-danger{background:#ff6b6b1a;color:var(--danger)}.card{background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:12px;padding:20px}.badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-danger{background:#ff6b6b26;color:var(--danger)}.badge-success{background:#4ade8026;color:var(--success)}.badge-warning{background:#fbbf2426;color:var(--warning)}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--border-color)}th{font-family:Syne,sans-serif;color:var(--text-muted);font-size:.85rem;text-transform:uppercase}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:color-mix(in srgb,var(--bg-surface-1) 96%,var(--primary) 4%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:12px;transition:width .25s ease,min-width .25s ease,transform .25s ease,box-shadow .25s ease;z-index:1000}.sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar-top{display:flex;align-items:center;gap:8px}.sidebar-header{height:58px;display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0 8px;font-family:Syne,sans-serif;color:var(--text-main);text-decoration:none;border-radius:8px;transition:background .2s ease,color .2s ease}.sidebar-header:hover{background:var(--bg-surface-2)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-logo{width:42px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg-surface-2));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-color))}.sidebar-logo img{width:100%;height:100%;object-fit:contain}.sidebar-brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.1;transition:opacity .2s ease,width .2s ease}.sidebar-brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800}.sidebar-brand-copy small{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.74rem}.sidebar-close-btn{display:none;width:38px;height:38px;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;color:var(--text-muted);background:var(--bg-surface-2)}.sidebar-close-btn:hover{color:var(--text-main)}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:6px;overflow-y:auto;padding:14px 0 8px}.sidebar-section-label{padding:0 12px 6px;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:opacity .2s ease,width .2s ease}.nav-item{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;overflow:visible;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:var(--text-muted);text-decoration:none;font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .sidebar-nav{overflow:visible}.nav-icon-shell{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;color:inherit;transition:background .2s ease,color .2s ease}.nav-copy{min-width:0;flex:1;transition:opacity .2s ease,width .2s ease}.nav-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.nav-item-badge{margin-left:auto;flex-shrink:0;transition:opacity .2s ease,width .2s ease}.nav-item:hover,.nav-item.active{background:var(--bg-surface-2);color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 24%,var(--border-color));box-shadow:inset 3px 0 0 var(--primary)}.nav-item.active .nav-icon-shell{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.sidebar.collapsed .sidebar-brand-copy,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-copy,.sidebar.collapsed .nav-item-badge,.sidebar.collapsed .sidebar-collapse-btn span{width:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar-tooltip{position:absolute;left:calc(100% + 10px);top:50%;z-index:1002;padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-1);color:var(--text-main);box-shadow:0 14px 32px #0000003d;font-size:.78rem;font-weight:800;line-height:1;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden;white-space:nowrap}.sidebar.collapsed .nav-item:hover .sidebar-tooltip,.sidebar.collapsed .nav-item:focus-visible .sidebar-tooltip{opacity:1;transform:translateY(-50%) translate(0);visibility:visible}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:12px}.sidebar-collapse-btn{width:100%;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-2);color:var(--text-muted);font-weight:800}.sidebar-collapse-btn:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--primary) 28%,var(--border-color))}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--bg-surface-1);opacity:.95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 32px;flex-shrink:0}.page-content{flex:1;overflow-y:auto;padding:32px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.modal-mask{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--bg-surface-1);border-radius:12px;width:90%;max-width:500px;padding:24px;border:1px solid var(--border-color)}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(5px)}.hamburger-btn{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-surface-2);color:var(--text-main);margin-right:12px}.hamburger-btn:hover{color:var(--primary)}.sidebar-mask{position:fixed;inset:0;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}table{min-width:600px}@media(max-width:992px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);min-width:0;transform:translate(-105%);box-shadow:18px 0 38px #00000052}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:min(86vw,320px);min-width:0}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .nav-item{justify-content:flex-start;padding-left:8px;padding-right:8px}.sidebar.collapsed .sidebar-brand-copy,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-copy,.sidebar.collapsed .nav-item-badge,.sidebar.collapsed .sidebar-collapse-btn span{width:auto;opacity:1;overflow:hidden;pointer-events:auto}.sidebar-tooltip,.sidebar-collapse-btn{display:none}.sidebar-close-btn{display:inline-flex}.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.topbar{padding:0 16px}.page-content{padding:16px}.topbar h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){.grid-4{grid-template-columns:1fr}}.broadcast-banner{background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);overflow:hidden;height:52px;display:flex;align-items:center;position:relative;z-index:100}.broadcast-marquee{display:flex;animation:marquee 30s linear infinite;width:max-content}.broadcast-track{display:flex;align-items:center;white-space:nowrap;flex-shrink:0;min-width:max-content;gap:18px;padding-right:18px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.broadcast-msg{display:inline-flex;align-items:center;gap:10px;padding:6px 18px;margin:0 8px;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1;color:var(--text-main);flex:0 0 auto;border:1px solid transparent;background:color-mix(in srgb,var(--bg-surface-1) 92%,transparent)}.broadcast-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14}.broadcast-msg.type-info{color:#93c5fd;background:#2563eb26;border-color:#3b82f647}.broadcast-msg.type-info .broadcast-badge{background:#3b82f633;color:#dbeafe}.broadcast-msg.type-warning{color:#fcd34d;background:#d977062e;border-color:#f59e0b4d}.broadcast-msg.type-warning .broadcast-badge{background:#f59e0b33;color:#fef3c7}.broadcast-msg.type-danger{color:#fca5a5;background:#dc262629;border-color:#ef444447}.broadcast-msg.type-danger .broadcast-badge{background:#ef444433;color:#fee2e2}.broadcast-msg.type-success{color:#86efac;background:#16a34a29;border-color:#22c55e47}.broadcast-msg.type-success .broadcast-badge{background:#22c55e2e;color:#dcfce7}