@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f111a;--panel-bg:#191c29b3;--panel-border:#ffffff0d;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--accent-color:#3b82f6;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--header-bg:var(--bg-color);--table-header-bg:#0f111af2;--table-border:#ffffff05;--table-hover:#ffffff05;--switch-bg:#0003;--switch-slider:#6b7280;--switch-thumb:#111827;--switch-thumb-border:#4b5563;--switch-thumb-text:#9ca3af;--dropdown-btn-bg:#373b4d;--dropdown-btn-hover:#42475a;--dropdown-btn-text:#fff;--dropdown-menu-bg:#1f2128;--dropdown-item-text:#e2e8f0;--dropdown-item-hover:#ffffff0d;--dropdown-item-active:#ffffff1a;--tab-bg:#ffffff08;--tab-border:#ffffff1a;--tab-text:#94a3b8;--tab-hover-bg:#ffffff14;--tab-hover-text:#f1f5f9;--tab-active-bg:#a5b4fc1a;--tab-active-text:#a5b4fc;--tab-active-border:#a5b4fc4d;--chart-tooltip-bg:#0f111ae6;--chart-grid:#fff3;--login-bg-solid:#0f172a;--login-bg-gradient:radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 100%);--glass-blur-bg:#a855f733;--title-gradient:linear-gradient(90deg, #fff, #a5b4fc);--login-box-shadow:0 25px 50px -12px #00000080;--login-aura:radial-gradient(circle, #a855f799 0%, #3b82f666 50%, transparent 85%)}body.light-mode{--bg-color:#f1f5f9;--panel-bg:#ffffffb3;--panel-border:#0000000d;--text-primary:#1e293b;--text-secondary:#64748b;--header-bg:var(--bg-color);--table-header-bg:#f8fafc;--table-border:#0000000d;--table-hover:#00000005;--switch-bg:#0000000d;--switch-slider:#cbd5e1;--switch-thumb:#fff;--switch-thumb-border:#94a3b8;--switch-thumb-text:#64748b;--dropdown-btn-bg:#e2e8f0;--dropdown-btn-hover:#cbd5e1;--dropdown-btn-text:#1e293b;--dropdown-menu-bg:#fff;--dropdown-item-text:#475569;--dropdown-item-hover:#0000000d;--dropdown-item-active:#3b82f61a;--tab-bg:#00000005;--tab-border:#0000000d;--tab-text:#64748b;--tab-hover-bg:#0000000d;--tab-hover-text:#1e293b;--tab-active-bg:#3b82f614;--tab-active-text:#3b82f6;--tab-active-border:#3b82f64d;--chart-tooltip-bg:#fffffff2;--chart-grid:#0000001a;--login-bg-solid:#f8fafc;--login-bg-gradient:radial-gradient(circle at 50% 0%, #fff 0%, #f8fafc 100%);--glass-blur-bg:#a855f71a;--title-gradient:linear-gradient(90deg, #1e293b, #3b82f6);--login-box-shadow:0 25px 50px -12px #0000004d;--login-aura:radial-gradient(circle, #3b82f699 0%, #93c5fd66 60%, transparent 90%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.dashboard-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;display:flex}.dashboard-header{z-index:50;background-color:var(--bg-color);justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding:1rem 0 0;display:flex;position:sticky;top:0}.dashboard-title{letter-spacing:-.025em;background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.panel-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.top-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.middle-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.bottom-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.switch-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;display:grid}@media (width<=1024px){.middle-grid,.bottom-grid{grid-template-columns:1fr}.switch-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=640px){.dashboard-container{padding:1rem}.dashboard-title{font-size:1.25rem}}.table-container{max-height:250px;overflow-y:auto}.table-container::-webkit-scrollbar{width:6px}.table-container::-webkit-scrollbar-track{background:#0000001a}.table-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}table{border-collapse:collapse;width:100%;font-size:.875rem}th{background-color:var(--table-header-bg);color:var(--text-secondary);text-align:left;z-index:10;border-bottom:1px solid var(--panel-border);padding:.75rem 1rem;font-weight:500;position:sticky;top:0}td{border-bottom:1px solid var(--table-border);padding:.75rem 1rem}tr:hover{background-color:var(--table-hover)}.switch-container{background:var(--switch-bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;margin-bottom:.75rem;padding:1.5rem;display:flex}.switch-label{letter-spacing:1px;font-size:1.1rem;font-weight:600}.toggle{width:100px;height:44px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--switch-slider);border-radius:44px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"OFF";color:var(--switch-thumb-text);background-color:var(--switch-thumb);border:4px solid var(--switch-thumb-border);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:all .4s;display:flex;position:absolute;bottom:-6px;left:-6px;box-shadow:0 4px 6px #00000080}input:checked+.slider{background-color:#4ade80}input:checked+.slider:before{content:"ON";color:#4ade80;border:4px solid #4ade80;transform:translate(56px);box-shadow:0 0 12px #4ade8066}.custom-dropdown-container{display:inline-block;position:relative}.custom-dropdown-button{background-color:var(--dropdown-btn-bg);color:var(--dropdown-btn-text);cursor:pointer;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;min-width:150px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.custom-dropdown-button:hover{background-color:var(--dropdown-btn-hover)}.custom-dropdown-button.open{border-bottom-right-radius:0;border-bottom-left-radius:0}.custom-dropdown-menu{background-color:var(--dropdown-menu-bg);z-index:1000;border-radius:0 0 4px 4px;flex-direction:column;max-height:250px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 16px #00000080}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#0003}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--dropdown-btn-bg);border-radius:3px}.custom-dropdown-item{color:var(--dropdown-item-text);cursor:pointer;border-left:2px solid #0000;padding:12px 16px;font-size:.9rem;transition:background-color .15s}.custom-dropdown-item:hover{background-color:var(--dropdown-item-hover)}.custom-dropdown-item.active{background-color:var(--dropdown-item-active);border-left:2px solid #a5b4fc}.dropdown-overlay{z-index:999;position:fixed;inset:0}@keyframes blink-slow{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.live-indicator{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink-slow;box-shadow:0 0 5px #ef4444cc}.browser-tabs{border-bottom:1px solid var(--tab-border);gap:8px;width:100%;margin-top:1rem;display:flex}.browser-tab{background:var(--tab-bg);border:1px solid var(--tab-border);color:var(--tab-text);cursor:pointer;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 24px;font-weight:500;transition:all .2s}.browser-tab:hover{background:var(--tab-hover-bg);color:var(--tab-hover-text)}.browser-tab.active{background:var(--tab-active-bg);color:var(--tab-active-text);border-color:var(--tab-active-border);position:relative}.browser-tab.active:after{content:"";background:#a5b4fc;height:2px;position:absolute;bottom:-1px;left:0;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-transition{flex-direction:column;gap:1.5rem;animation:.4s ease-out fadeIn;display:flex}