@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700&display=swap";:root{--bg-main:#0b0e14;--bg-surface:#151923;--bg-surface-hover:#1e2330;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-glow:#3b82f680;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border-color:#ffffff14;--overlay-hover:#ffffff0d;--overlay-border:#ffffff08;--overlay-header:#0003;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif}:root.light{--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#2563eb;--accent-glow:#2563eb80;--border-color:#0000001a;--overlay-hover:#00000008;--overlay-border:#0000000d;--overlay-header:#0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);border-radius:12px}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;width:260px;height:100%;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--border-color);background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.topbar-right{flex-shrink:0;align-items:center;gap:16px;display:flex}:root:not(.light) .topbar{background:#151923cc}.text-gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;font-family:var(--font-display);-webkit-background-clip:text}.page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.blurred-text{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.8}.premium-blur{position:relative}.premium-blur-content{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.6}.premium-overlay{background:var(--accent-primary);color:#fff;z-index:10;pointer-events:none;border-radius:24px;padding:8px 24px;font-size:1.1rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0006}.marquee-container{white-space:nowrap;background:var(--bg-surface);border-bottom:1px solid var(--border-color);height:48px;display:flex;position:relative;overflow:hidden}.marquee-scroll{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-scroll:hover{animation-play-state:paused}@keyframes marquee{to{transform:translate(-25%)}}.marquee-content{justify-content:space-around;min-width:100vw;display:flex}.marquee-item{align-items:center;gap:8px;height:100%;padding:0 32px;display:flex}.marquee-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.marquee-handle{color:var(--accent-primary);font-size:.85rem}.blink-dot{opacity:0;background-color:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:4px}.blink-dot.active{animation:1s infinite pulse-green}@keyframes pulse-green{0%{opacity:1;box-shadow:0 0 #22c55eb3}70%{opacity:.5;box-shadow:0 0 0 6px #22c55e00}to{opacity:1;box-shadow:0 0 #22c55e00}}.mobile-close-btn{display:none}.sidebar-wrapper{z-index:50;width:260px;height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}@media (width>=769px){.sidebar-wrapper.desktop-collapsed{margin-left:-260px}}@media (width<=768px){.app-container{flex-direction:column}.sidebar-wrapper{background:var(--bg-surface);width:280px;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 20px #00000080}.sidebar-wrapper.mobile-open{transform:translate(0)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;position:fixed;inset:0}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;z-index:999;pointer-events:auto;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex!important}.mobile-close-btn{display:block!important}.topbar{gap:8px;padding:0 12px}.topbar-left,.topbar-right{gap:8px}.search-bar{flex:1;width:100%;min-width:60px;max-width:200px;padding:6px 12px}.search-bar input{font-size:.875rem}.marquee-container{height:auto;min-height:48px}.data-grid th,.data-grid td{padding:12px 16px}.page-title{font-size:1.25rem}}@media (width<=480px){.search-bar input{font-size:.875rem}.search-bar{padding:8px 12px}}@media (width<=768px){.sidebar{width:100%;height:100%}}