*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#080c14;--bg-surface:#0c1220;--bg-card:#101828;--bg-card2:#141f30;--bg-input:#1a2540;--bg-hover:#192538;--border:#8b5cf61a;--border2:#8b5cf638;--border3:#8b5cf659;--text:#f0f4ff;--text-muted:#94a3b8;--text-dim:#475569;--surface:#0c1220;--purple:#6d28d9;--purple2:#8b5cf6;--purple3:#a78bfa;--blue:#1d4ed8;--blue2:#3b82f6;--blue3:#60a5fa;--gold:#8b5cf6;--gold-light:#a78bfa;--gold-dark:#6d28d9;--green:#10b981;--green-light:#34d399;--red:#f43f5e;--red-light:#fb7185;--warn:#f59e0b;--glow-p:#8b5cf640;--glow-g:#10b98133;--glow-r:#f43f5e33;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px}[data-theme=light]{--bg-base:#f5f7fa;--bg-card:#fff;--bg-card2:#f0f2f5;--bg-input:#e8eaed;--border:#00000014;--border2:#00000024;--text:#1a1a2e;--text-muted:#6b7280;--text-dim:#9ca3af;--blue:#2563eb;--blue-light:#3b82f6;--green:#16a34a;--green-light:#22c55e;--red:#dc2626;--red-light:#ef4444;--yellow:#ca8a04;--yellow-light:#eab308;--purple:#9333ea;--purple-light:#a855f7}[data-theme=blue]{--bg-base:#0a0e1a;--bg-card:#0f1629;--bg-card2:#141c33;--bg-input:#1a2540;--border:#3b82f61f;--border2:#3b82f633;--text:#e2e8f0;--text-muted:#64748b;--text-dim:#475569}body{background:var(--bg-base);color:var(--text);-webkit-locale:"en";locale:"en";font-variant-numeric:normal;font-feature-settings:normal;-webkit-font-feature-settings:normal;-webkit-font-smoothing:antialiased;unicode-bidi:normal;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px}input,select,textarea{font-variant-numeric:normal;font-feature-settings:normal;direction:ltr;font-family:inherit;font-size:14px}select option{color:#fff;background:#1a1a2e}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spin{animation:.8s linear infinite spin}.fade-in{animation:.2s fadeIn}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content,.main-content-wrapper{flex:1;padding:20px;overflow-y:auto}.topnav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#080c14f2;flex-shrink:0;align-items:center;gap:0;height:52px;padding:0 20px;display:flex;position:sticky;top:32px}.topnav-logo{flex-shrink:0;align-items:center;gap:10px;margin-right:6px;text-decoration:none;display:flex}.topnav-logo-icon{flex-shrink:0;width:30px;height:30px}.topnav-logo-text{background:linear-gradient(135deg,#f0f4ff,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:15px;font-weight:900}.topnav-links{align-items:center;gap:0;height:52px;display:flex}.topnav-link{height:52px;color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.topnav-link svg{opacity:.7;flex-shrink:0}.topnav-link:hover{color:var(--text);background:#ffffff08}.topnav-link.active{color:var(--text);border-bottom-color:var(--purple2)}.topnav-link.active svg{opacity:1;color:var(--purple3)}.topnav-ticker{flex:1;align-items:center;gap:0;margin:0 8px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.topnav-tick{border-right:1px solid var(--border);white-space:nowrap;align-items:center;gap:5px;padding:0 12px;font-size:11px;display:flex}.topnav-tick:last-child{border:none}.tick-sym{color:var(--text-dim);font-family:monospace;font-weight:600}.tick-price{color:var(--text);font-family:monospace;font-weight:700}.tick-up{color:var(--green-light);font-weight:700}.tick-dn{color:var(--red-light);font-weight:700}.topnav-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.live-indicator{color:var(--green-light);letter-spacing:.08em;background:#10b98114;border:1px solid #10b9812e;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:800;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}.ticker-bar{border-bottom:1px solid var(--border);z-index:101;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060910f2;align-items:center;height:32px;display:flex;position:sticky;top:0}.ticker-bar-scroll{flex:1;align-items:center;height:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.ticker-bar-inner{align-items:center;gap:0;animation:35s linear infinite tickerScroll;display:flex}.ticker-bar-inner:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{border-right:1px solid var(--border);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:11px;transition:background .15s;display:flex}.ticker-item:hover{background:#8b5cf614}.ticker-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:900;display:flex}.ticker-price{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-weight:600}.ticker-up{color:var(--green-light);font-size:10px;font-weight:700}.ticker-dn{color:var(--red-light);font-size:10px;font-weight:700}.ticker-settings-btn{border-left:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border-top:none;border-bottom:none;border-right:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.ticker-settings-btn:hover{color:var(--purple3);background:#8b5cf614}.ticker-settings-btn.active{color:var(--purple3);background:#8b5cf61f}.ticker-panel{border:1px solid var(--border2);border-radius:0 0 var(--radius-lg) var(--radius-lg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);z-index:200;background:#0c1220f7;width:320px;position:absolute;top:32px;right:0;overflow:hidden;box-shadow:0 16px 48px #0009}.ticker-panel-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.ticker-panel-grid{grid-template-columns:1fr 1fr;gap:0;max-height:260px;display:grid;overflow-y:auto}.ticker-panel-item{border-bottom:1px solid var(--border);border-right:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;transition:background .12s;display:flex}.ticker-panel-item:nth-child(2n){border-right:none}.ticker-panel-item:hover{background:#8b5cf60f}.ticker-panel-item.selected{background:#8b5cf61a}.ticker-panel-item.selected .tp-sym{color:var(--purple3)}.tp-check{border:1px solid var(--border2);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ticker-panel-item.selected .tp-check{background:var(--purple2);border-color:var(--purple2)}.tp-sym{color:var(--text);font-family:monospace;font-size:11px;font-weight:700}.tp-name{color:var(--text-muted);font-size:10px}.ticker-add-row{border-bottom:1px solid var(--border);padding:8px 10px 6px}.ticker-add-input-wrap{align-items:center;gap:6px;display:flex}.ticker-add-input{border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);background:#ffffff0d;outline:none;flex:1;padding:5px 10px;font-family:monospace;font-size:12px;transition:border-color .15s}.ticker-add-input::placeholder{color:var(--text-muted);font-family:inherit}.ticker-add-input:focus{border-color:var(--purple2);background:#8b5cf60f}.ticker-add-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--purple), var(--blue2));cursor:pointer;color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:flex}.ticker-add-btn:hover{opacity:.85}.ticker-add-error{color:var(--red-light);margin-top:4px;padding:0 2px;font-size:10.5px}.ticker-custom-section{border-bottom:1px solid var(--border)}.ticker-section-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:6px 14px 4px;font-size:9.5px;font-weight:700}.ticker-custom-list{flex-direction:column;gap:2px;padding:0 10px 6px;display:flex}.ticker-custom-item{border-radius:var(--radius-sm);background:#8b5cf612;border:1px solid #8b5cf61f;align-items:center;gap:8px;padding:5px 8px;display:flex}.ticker-remove-btn{cursor:pointer;width:20px;height:20px;color:var(--red-light);background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.ticker-remove-btn:hover{background:#f43f5e40}.nav-dropdown-wrap{align-items:center;height:52px;display:flex;position:relative}.nav-drop-btn{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-family:inherit}.nav-drop-btn.open{background:#8b5cf612;border-bottom-color:#8b5cf666}.drop-chevron{opacity:.45;flex-shrink:0;margin-left:-1px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s}.drop-chevron.rotated{opacity:.9;transform:rotate(180deg)}.nav-dropdown{z-index:9990;min-width:240px;padding-top:1px;position:absolute;top:52px;left:0}.nav-dropdown:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf680 40%,#63b3ed66 60%,#0000);border-radius:999px;height:1px;position:absolute;top:0;left:10%;right:10%}.nav-dropdown-inner{-webkit-backdrop-filter:blur(48px)saturate(160%);background:#070b16c7;border:1px solid #8b5cf624;border-top:none;border-radius:0 0 14px 14px;animation:.18s cubic-bezier(.16,1,.3,1) dropIn;overflow:hidden;box-shadow:0 24px 64px #000000bf,0 4px 16px #00000080,inset 0 1px #ffffff0a,inset 0 0 40px #8b5cf608}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text-muted);background:0 0;border:none;border-bottom:1px solid #ffffff09;align-items:center;gap:11px;padding:10px 14px;font-family:inherit;text-decoration:none;transition:background .14s;display:flex;position:relative;overflow:hidden}.nav-dropdown-item:before{content:"";background:var(--purple2);opacity:0;border-radius:0 2px 2px 0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{color:var(--text);background:linear-gradient(90deg,#8b5cf614,#8b5cf608)}.nav-dropdown-item:hover:before{opacity:1}.nav-dropdown-item.active{color:var(--purple3);background:linear-gradient(90deg,#8b5cf621,#8b5cf60a)}.nav-dropdown-item.active:before{opacity:1;background:var(--purple3)}.nav-di-icon{width:30px;height:30px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.nav-dropdown-item:hover .nav-di-icon{color:var(--purple3);background:#8b5cf629;border-color:#8b5cf640}.nav-dropdown-item.active .nav-di-icon{color:var(--purple3);background:#8b5cf638;border-color:#8b5cf659}.nav-di-text{flex-direction:column;gap:1.5px;display:flex}.nav-di-label{color:var(--text);font-size:12.5px;font-weight:600;line-height:1.2;transition:color .14s}.nav-dropdown-item:hover .nav-di-label{color:var(--text)}.nav-dropdown-item.active .nav-di-label{color:var(--purple3)}.nav-di-desc{color:var(--text-muted);font-size:10.5px;line-height:1.3}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s,transform .2s;animation:.2s fadeIn}.card:hover{border-color:var(--border2)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:transform .15s,box-shadow .15s,border-color .2s;animation:.2s fadeIn}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--purple), var(--blue2));color:#fff;box-shadow:0 2px 12px var(--glow-p);font-weight:700}.btn-primary:hover{opacity:.9;box-shadow:0 4px 20px var(--glow-p)}.btn-secondary{color:#848e9c;background:#2b3139;border:1px solid #363c45}.btn-secondary:hover{color:#eaecef;background:#363c45}.btn-danger{color:#ff707e;background:#f6465d1a;border:1px solid #f6465d40}.btn-danger:hover{color:#f6465d;background:#f6465d33}.btn-success{color:#0ecb81;background:#0ecb811a;border:1px solid #0ecb8140}.btn-success:hover{background:#0ecb8133}.btn-ghost{color:#848e9c;background:0 0;border:1px solid #2b3139}.btn-ghost:hover{color:#eaecef;background:#1e2329;border-color:#363c45}.btn-icon{width:36px;height:36px;padding:8px}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{border-radius:var(--radius-sm);align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-green{color:var(--green-light);background:#10b9811a;border:1px solid #10b98133}.badge-red{color:var(--red-light);background:#f43f5e1a;border:1px solid #f43f5e33}.badge-blue{color:#40a9ff;background:#1890ff1a;border:1px solid #1890ff33}.badge-purple{color:var(--purple3);background:#8b5cf61a;border:1px solid #8b5cf633}.badge-yellow{color:#f0b90b;background:#f0b90b1a;border:1px solid #f0b90b33}.badge-gold{color:var(--purple3);background:#8b5cf61f;border:1px solid #8b5cf640}.badge-gray{color:#848e9c;border:1px solid var(--border);background:#ffffff0a}.badge-dot{border-radius:50%;width:6px;height:6px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#848e9c;font-size:12px;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:13.5px;transition:border .15s}.form-input::placeholder{color:var(--text-dim)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23848e9c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000c;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card2);border:1px solid var(--border2);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 25px 60px #0009}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{color:#eaecef;font-size:15px;font-weight:700}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-close{border-radius:var(--radius-sm);color:#848e9c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.modal-close:hover{color:#eaecef;background:#2b3139}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-head{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:11px 20px;display:grid}.table-head-cell{color:#5e6673;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.table-row{border-bottom:1px solid var(--border);align-items:center;padding:13px 20px;transition:background .1s;display:grid}.table-row:last-child{border-bottom:none}.table-row:hover{background:#8b5cf60a}.page-title{color:#eaecef;font-size:20px;font-weight:700}.page-subtitle{color:#848e9c;margin-top:3px;font-size:12.5px}.spinner{border:2px solid #ffffff14;border-top-color:#f0b90b;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:32px;height:32px}.ticker-bar{border-bottom:1px solid var(--border);background:#080c14fa;flex-shrink:0;align-items:center;gap:0;height:32px;padding:0 8px;display:flex;overflow:hidden}.ticker-item{white-space:nowrap;cursor:default;align-items:center;gap:7px;display:flex}.ticker-sym{color:var(--text-dim);font-family:monospace;font-size:11px;font-weight:700}.ticker-price{color:var(--text);font-family:monospace;font-size:11.5px;font-weight:700}.ticker-chg{font-size:11px;font-weight:600}.ticker-chg.up{color:var(--green-light)}.ticker-chg.dn{color:var(--red-light)}.ticker-divider{background:var(--border);flex-shrink:0;width:1px;height:14px}.topbar-glass{border-bottom:1px solid var(--border)!important;background:#080c14f2!important}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{background:#ffffff0a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.empty-title{color:var(--text-muted);margin-bottom:6px;font-size:15px;font-weight:600}.empty-sub{color:var(--text-dim);margin-bottom:20px;font-size:13px}.login-wrap{background:#0b0e11;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-box{width:100%;max-width:400px}.login-logo{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login-logo-icon{background:linear-gradient(135deg,#f0b90b,#f8d33a);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:flex;box-shadow:0 8px 24px #f0b90b4d}.login-card{border-radius:var(--radius-xl);background:#1e2329;border:1px solid #2b3139;padding:32px}.divider{background:var(--border);height:1px;margin:4px 0}.text-green{color:var(--green-light)}.text-red{color:var(--red-light)}.text-blue{color:var(--blue-light)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar,.card,.stat-card,.modal-box,.table-wrap,.login-card,.form-input,.btn,.nav-item,.badge{transition:background-color .3s,border-color .3s,color .3s}[data-theme=light] .nav-item:hover{background:#0000000a}[data-theme=light] .nav-item.active{background:#2563eb14;border-color:#2563eb33}[data-theme=light] .table-row:hover{background:#00000005}[data-theme=light] .table-row{border-bottom-color:#0000000d}[data-theme=light] .table-head{background:#00000008}[data-theme=light] .sidebar-collapse{background:var(--bg-input);border-color:#0000001a}[data-theme=light] .sidebar-collapse:hover,[data-theme=light] .btn-secondary:hover{background:#d1d5db}[data-theme=light] .btn-ghost:hover{color:var(--text);background:#0000000a}[data-theme=light] .modal-overlay{background:#0006}[data-theme=light] .modal-close:hover{background:#0000000f}[data-theme=light] .empty-icon,[data-theme=light] .badge-gray{background:#0000000a}[data-theme=light] .form-input{border-color:#0000001f}[data-theme=light] .spinner{border-color:#0000001a;border-top-color:var(--blue)}[data-theme=light] .stat-card{background:#fff;border:1px solid #0000000f}[data-theme=light] .card{background:#fff;border-color:#0000000f}[data-theme=light] .card:hover{border-color:#0000001f}[data-theme=light] .sidebar{background:#fff;border-right-color:#00000014}[data-theme=light] .sidebar-logo{border-bottom-color:#0000000f}[data-theme=light] .sidebar-footer{border-top-color:#0000000f}[data-theme=light] .btn-primary{background:#2563eb}[data-theme=light] .btn-primary:hover{background:#1d4ed8}[data-theme=light] .btn-danger{color:#dc2626;background:#dc262614;border-color:#dc262633}[data-theme=light] .btn-success,[data-theme=light] .badge-green{color:#16a34a;background:#16a34a14;border-color:#16a34a33}[data-theme=light] .badge-red{color:#dc2626;background:#dc262614;border-color:#dc262633}[data-theme=light] .badge-blue{color:#2563eb;background:#2563eb14;border-color:#2563eb33}[data-theme=light] .badge-yellow{color:#ca8a04;background:#ca8a0414;border-color:#ca8a0433}[data-theme=light] .badge-purple{color:#9333ea;background:#9333ea14;border-color:#9333ea33}[data-theme=light] .login-wrap{background:#f0f2f5}[data-theme=light] .login-card{background:#fff;border-color:#00000014}[data-theme=light] .page-title{color:#111827}[data-theme=light] .form-input:focus{box-shadow:0 0 0 3px #2563eb1f}[data-theme=light] .divider{background:#0000000f}[data-theme=light] ::selection{background:#2563eb26}@media (width<=768px){.app-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;width:100%!important}.sidebar-nav{flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.nav-item{padding:8px 12px;font-size:12px}.sidebar-footer,.sidebar-collapse{display:none}.main-content{padding:12px!important}.page-header{flex-direction:column;align-items:flex-start}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.modal-box{max-width:95%;margin:8px}.table-wrap{overflow-x:auto}.table-head,.table-row{min-width:600px}.login-box{max-width:100%}h2{font-size:16px!important}.card-mobile{padding:12px!important}.topbar-mobile{padding:0 12px!important}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=480px){.main-content{padding:12px}.card,.stat-card{padding:14px}.page-title{font-size:18px}.btn{padding:8px 12px;font-size:12px}}[dir=rtl] .sidebar{border-left:none;border-right:1px solid var(--border);left:auto;right:0}[dir=rtl] .sidebar-logo,[dir=rtl] .nav-item{flex-direction:row-reverse}[dir=rtl] .sidebar-collapse{left:-12px;right:auto}[dir=rtl] .app-shell{flex-direction:column}[dir=rtl] .main-content{direction:rtl}@media (width>=769px){.mobile-bottom-nav{display:none!important}}@media (width<=768px){.mobile-bottom-nav{display:flex!important}.topnav-links{display:none}}:root{--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 25px #0006, 0 4px 10px #0000004d;--shadow-xl:0 20px 40px #00000080, 0 8px 20px #0006;--glow-blue:0 0 20px #3b82f640;--glow-green:0 0 20px #22c55e33;--glow-red:0 0 20px #ef444433;--gradient-card:linear-gradient(135deg, #ffffff08 0%, #ffffff03 100%);--gradient-blue:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-green:linear-gradient(135deg, #22c55e 0%, #15803d 100%);--gradient-red:linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--gradient-purple:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--transition:all .2s cubic-bezier(.4, 0, .2, 1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow-pulse{0%,to{box-shadow:var(--glow-blue)}50%{box-shadow:0 0 30px #3b82f680}}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.slide-in-up{animation:.3s cubic-bezier(.4,0,.2,1) slideInUp}.scale-in{animation:.2s cubic-bezier(.4,0,.2,1) scaleIn}.float{animation:3s ease-in-out infinite float}.glow-blue{box-shadow:var(--glow-blue)}.glow-green{box-shadow:var(--glow-green)}.glow-red{box-shadow:var(--glow-red)}.card{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:20px;animation:.3s cubic-bezier(.4,0,.2,1) slideInUp;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-card);pointer-events:none;position:absolute;inset:0}.card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:20px;animation:.3s cubic-bezier(.4,0,.2,1) slideInUp;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border2);transform:translateY(-2px)}.stat-card-blue{background:linear-gradient(135deg,#3b82f61f 0%,#1d4ed80f 100%);border-color:#3b82f633}.stat-card-blue:hover{box-shadow:var(--glow-blue);border-color:#3b82f666}.stat-card-green{background:linear-gradient(135deg,#22c55e1f 0%,#15803d0f 100%);border-color:#22c55e33}.stat-card-green:hover{box-shadow:var(--glow-green);border-color:#22c55e66}.stat-card-red{background:linear-gradient(135deg,#ef44441f 0%,#b91c1c0f 100%);border-color:#ef444433}.stat-card-red:hover{box-shadow:var(--glow-red);border-color:#ef444466}.stat-card-purple{background:linear-gradient(135deg,#a855f71f 0%,#7e22ce0f 100%);border-color:#a855f733}.stat-card-purple:hover{border-color:#a855f766;box-shadow:0 0 20px #a855f733}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000);position:absolute;inset:0}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:0 2px 8px #3b82f659}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f680}.btn-primary:active{transform:translateY(0)}.skeleton{background:linear-gradient(90deg, var(--bg-card2) 25%, var(--bg-input) 50%, var(--bg-card2) 75%);border-radius:var(--radius);background-size:200%;animation:1.5s linear infinite shimmer}.live-dot{align-items:center;gap:6px;display:inline-flex;position:relative}.live-dot:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite live-pulse;box-shadow:0 0 #22c55e66}.nav-item.active{color:var(--blue-light);border:none;border-left:3px solid var(--blue);background:#3b82f614;padding-left:9px!important}.topbar-glass{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d1117cc}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text);background:linear-gradient(135deg, var(--text) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.section-divider{align-items:center;gap:12px;margin:24px 0 16px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.section-divider-text{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:11px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card2);border:1px solid var(--border2);border-radius:var(--radius-xl);width:100%;max-width:480px;animation:.2s cubic-bezier(.4,0,.2,1) scaleIn;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff0d}.form-input{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626,0 0 20px #3b82f60d}[data-theme=light] .topbar-glass{background:#ffffffd9}[data-theme=light] .page-title{background:linear-gradient(135deg,#111827 0%,#6b7280 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .nav-item.active{border:none;border-left:3px solid var(--blue);background:#2563eb14;padding-left:9px!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000038}@media (width<=768px){.mobile-bottom-nav{display:flex!important}.main-content-wrapper{padding-bottom:70px}}.sidebar{flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden auto}.nav-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:10px;width:100%;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff0a}.sidebar-footer{flex-shrink:0}.sidebar-collapse{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text-muted);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:60px;right:-12px}.sidebar-collapse:hover{background:var(--bg-card2);color:var(--text)}