@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--void:#06070d;--base:#08090f;--surface:#0d0f1a;--card:#12131a;--lifted:#171929;--hover:#1c1f32;--border:#ffffff14;--border2:#ffffff1f;--accent:#3b82f6;--accent-b:#60a5fa;--blue:#3b82f6;--blue-b:#60a5fa;--blue-d:#3b82f624;--blue-g:#3b82f666;--green:#10b981;--green-b:#22c55e;--green-d:#10b98124;--red:#ef4444;--red-b:#f87171;--red-d:#ef444424;--purple:#8b5cf6;--purple-b:#a78bfa;--purple-d:#8b5cf624;--orange:#f97316;--orange-b:#fb923c;--orange-d:#f9731624;--yellow:#f59e0b;--yellow-b:#fbbf24;--yellow-d:#f59e0b24;--t1:#fff;--t2:#94a3b8;--t3:#64748b;--t4:#475569;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--base);color:var(--t1);min-height:100vh;font-size:14px;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}::selection{color:#fff;background:#3b82f659}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background-color:var(--surface);color:var(--t1);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:10px 14px}input:hover,textarea:hover,select:hover{border-color:var(--border2)}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626}input::placeholder,textarea::placeholder{color:var(--t4)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238892a4' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{background-color:var(--card);color:var(--t1);padding:10px}[data-theme=light]{--void:#f8fafc;--base:#f1f5f9;--surface:#e2e8f0;--card:#fff;--lifted:#f8fafc;--hover:#e2e8f0;--border:#00000014;--border2:#0000001f;--t1:#0f172a;--t2:#475569;--t3:#64748b;--t4:#94a3b8}.btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:.5rem .9375rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, #1d4ed8, var(--blue));color:#fff;border-color:#3b82f666;box-shadow:0 2px 14px #3b82f640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px #3b82f666}.btn-ghost{color:var(--t2);border-color:var(--border);background:#ffffff0a}.btn-ghost:hover{color:var(--t1);border-color:var(--border2);background:#ffffff14}.btn-danger-soft{background:var(--red-d);color:var(--red-b);border-color:#ef444440}.btn-danger-soft:hover{background:#ef444438}.btn-danger{color:#fff;background:#dc2626e6;border-color:#0000}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--t2);border-color:var(--border);background:#ffffff0d}.btn-secondary:hover{color:var(--t1);background:#ffffff17}.ibtn{border-radius:var(--radius-md);border:1px solid var(--border);width:34px;height:34px;color:var(--t3);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ibtn:hover{color:var(--t2);border-color:var(--border2);background:#ffffff14}.ibtn.active,.ibtn.i-blue:hover{background:var(--blue-d);color:var(--blue-b);border-color:#3b82f64d}.ibtn.i-purple:hover{background:var(--purple-d);color:var(--purple-b);border-color:#8b5cf64d}.ibtn.i-yellow:hover{background:var(--yellow-d);color:var(--yellow-b);border-color:#f59e0b4d}.ibtn.i-green:hover{background:var(--green-d);color:var(--green-b);border-color:#10b9814d}.ibtn.i-red:hover{background:var(--red-d);color:var(--red-b);border-color:#ef44444d}.badge{letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;border-radius:9999px;align-items:center;gap:4px;padding:.1875rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-active{background:var(--green-d);color:var(--green-b);border-color:#10b98140}.badge-banned{background:var(--red-d);color:var(--red-b);border-color:#ef444440}.badge-customer{color:#94a3b8;background:#64748b1a;border-color:#64748b33}.badge-open-source{background:var(--blue-d);color:var(--blue-b);border-color:#3b82f640}.badge-master{background:var(--purple-d);color:var(--purple-b);border-color:#8b5cf640;box-shadow:0 0 8px #8b5cf61f}.tabs-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:1.125rem;padding-bottom:1rem;display:flex}.tab-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--t3);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:.4375rem .875rem;display:flex}.tab-btn:hover{color:var(--t2);background:#ffffff0a}.tab-btn.active{color:var(--blue-b);background:linear-gradient(135deg,#1d4ed859,#3b82f62e);border-color:#3b82f666}.search-wrap{background:var(--surface);border:1px solid var(--border);min-width:220px;color:var(--t3);transition:border-color var(--transition-fast);border-radius:9px;align-items:center;gap:8px;padding:.5rem .75rem;display:flex}.search-wrap:focus-within{border-color:#3b82f666}.search-wrap input{color:var(--t1);font-size:.8125rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%}.search-wrap input::placeholder{color:var(--t4)}.modal-bg{z-index:200;-webkit-backdrop-filter:blur(12px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-xl);background:#0a0c16f7;border:1px solid #ffffff1a;width:100%;max-width:440px;max-height:90vh;padding:1.75rem;overflow-y:auto;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff0a}.modal-box.wide{max-width:660px}.modal-box h3{letter-spacing:-.025em;color:var(--t1);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1rem;font-weight:800;display:flex}.modal-field{margin-bottom:.75rem}.modal-field label{text-transform:uppercase;letter-spacing:.07em;color:var(--t3);margin-bottom:.375rem;font-size:.6875rem;font-weight:700;display:block}.modal-field input,.modal-field select,.modal-field textarea,.modal-box input,.modal-box select,.modal-box textarea{border:1px solid var(--border);width:100%;color:var(--t1);font-size:.875rem;font-family:var(--font-sans);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00000073;border-radius:9px;outline:none;margin-bottom:.75rem;padding:.6875rem .875rem}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f61a}.modal-box input::placeholder,.modal-box textarea::placeholder{color:var(--t4)}.modal-box textarea{resize:vertical;min-height:80px}.modal-actions{justify-content:flex-end;gap:.625rem;margin-top:1.125rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);cursor:default;border-radius:14px;flex-direction:column;gap:.5rem;padding:1.125rem;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:0;height:1.5px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.stat-card:hover{background:var(--lifted);border-color:var(--border2);transform:translateY(-1px)}.stat-card:hover:after{opacity:1}.stat-card.c-blue:after{background:linear-gradient(90deg, transparent, var(--blue) 50%, transparent)}.stat-card.c-green:after{background:linear-gradient(90deg, transparent, var(--green) 50%, transparent)}.stat-card.c-red:after{background:linear-gradient(90deg, transparent, var(--red) 50%, transparent)}.stat-card.c-purple:after{background:linear-gradient(90deg, transparent, var(--purple) 50%, transparent)}.stat-card.c-orange:after{background:linear-gradient(90deg, transparent, var(--orange) 50%, transparent)}.stat-card.c-yellow:after{background:linear-gradient(90deg, transparent, var(--yellow) 50%, transparent)}.stat-card-row{justify-content:space-between;align-items:flex-start;display:flex}.stat-ico{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-ico.c-blue{background:var(--blue-d);color:var(--blue-b)}.stat-ico.c-green{background:var(--green-d);color:var(--green-b)}.stat-ico.c-red{background:var(--red-d);color:var(--red-b)}.stat-ico.c-purple{background:var(--purple-d);color:var(--purple-b)}.stat-ico.c-orange{background:var(--orange-d);color:var(--orange-b)}.stat-ico.c-yellow{background:var(--yellow-d);color:var(--yellow-b)}.stat-num{letter-spacing:-.06em;color:var(--t1);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900;line-height:1}.stat-lbl{color:var(--t3);letter-spacing:.01em;font-size:.75rem;font-weight:500}.page-shell{max-width:1360px;animation:.25s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ph{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.375rem;display:flex}.ph-left{flex-direction:column;gap:2px;display:flex}.ph h1{letter-spacing:-.05em;background:linear-gradient(135deg, var(--t1) 30%, var(--t2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:900;line-height:1.1}.ph-sub{color:var(--t4);font-size:.8125rem;font-weight:500}.ph-actions{align-items:center;gap:7px;display:flex}.empty-state{color:var(--t4);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;padding:5rem 2rem;display:flex}.empty-state p{color:var(--t3);font-size:.9375rem}.loading-state{color:var(--t4);justify-content:center;align-items:center;gap:.5rem;padding:4rem;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:3px;width:40px;height:40px}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--lifted) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.quick-actions{flex-wrap:wrap;gap:8px;display:flex}.quick-action-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--t2);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.quick-action-btn:hover{background:var(--hover);border-color:var(--border2);color:var(--t1);transform:translateY(-1px)}.activity-feed{flex-direction:column;gap:2px;display:flex}.activity-item{border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.activity-item:hover{background:var(--hover)}.activity-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.activity-icon.success{background:var(--green-d);color:var(--green-b)}.activity-icon.error{background:var(--red-d);color:var(--red-b)}.activity-icon.warning{background:var(--yellow-d);color:var(--yellow-b)}.activity-icon.info{background:var(--blue-d);color:var(--blue-b)}.activity-content{flex:1;min-width:0}.activity-message{color:var(--t1);margin-bottom:2px;font-size:13px}.activity-meta{color:var(--t3);font-size:11px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.form-group{margin-bottom:16px}.form-label{color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--t1);font-size:14px;font-family:var(--font-sans);transition:all var(--transition-fast);padding:10px 14px}.form-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder{color:var(--t4)}.toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.toggle.active{background:var(--blue);border-color:var(--blue)}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.data-table tr:hover td{background:var(--hover)}.data-table .checkbox-cell{width:40px}.data-table input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--blue)}.bulk-actions{background:var(--blue-d);border:1px solid #3b82f64d;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;animation:.2s slideUp;display:flex}.bulk-actions-count{color:var(--blue-b);font-size:13px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.hide-mobile{display:none!important}.stats-grid{grid-template-columns:1fr 1fr}.page-shell{padding:0 .75rem}.ph{flex-direction:column;align-items:flex-start;gap:.5rem}.ph-actions{justify-content:flex-start;width:100%}}@media (width>=641px) and (width<=1024px){.hide-tablet{display:none!important}}@media (width>=1025px){.hide-desktop{display:none!important}}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.toggle-wrapper{cursor:pointer;display:inline-flex}:root{--sidebar-w:260px;--topbar-h:60px}.layout{background-color:#08090f;background-image:radial-gradient(70% 45% at -5% -5%,#3b82f617 0%,#0000 65%),radial-gradient(55% 55% at 108% 108%,#8b5cf612 0%,#0000 65%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);z-index:50;background:#06070df7;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{flex-direction:column;align-items:center;gap:.3rem;padding:1.875rem 1.25rem 1.625rem;display:flex;position:relative}.sidebar-header:after{content:"";background:linear-gradient(90deg,#0000,#3b82f680,#8b5cf666,#0000) 0 0/200% 100%;height:1px;animation:4s linear infinite shimmerLine;position:absolute;bottom:0;left:15%;right:15%}@keyframes shimmerLine{0%{background-position:-200% 0}to{background-position:200% 0}}.logo-icon{filter:drop-shadow(0 0 14px #3b82f699)drop-shadow(0 0 32px #3b82f633);margin-bottom:.375rem;font-size:2.375rem;line-height:1;animation:3s ease-in-out infinite logoPulse;display:block}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 12px #3b82f68c)}50%{filter:drop-shadow(0 0 22px #3b82f6cc)drop-shadow(0 0 40px #8b5cf640)}}.sidebar-header h1{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 10%,#a5b4fc 70%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:900}.logo-subtitle{letter-spacing:.2em;text-transform:uppercase;color:#8b5cf699;font-size:.6rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1.375rem .875rem;display:flex}.nav-item{color:var(--t3,#4a5568);letter-spacing:-.01em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.6875rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.nav-item svg{flex-shrink:0;transition:all .18s}.nav-item:hover{color:#8892a4;background:#ffffff0a}.sidebar-nav .nav-item:first-child svg{color:#60a5fa}.sidebar-nav .nav-item:nth-child(2) svg{color:#34d399}.sidebar-nav .nav-item:nth-child(3) svg{color:#fb923c}.sidebar-nav .nav-item:nth-child(4) svg{color:#a78bfa}.sidebar-nav .nav-item:first-child:hover{background:#3b82f612}.sidebar-nav .nav-item:nth-child(2):hover{background:#10b98112}.sidebar-nav .nav-item:nth-child(3):hover{background:#f9731612}.sidebar-nav .nav-item:nth-child(4):hover{background:#8b5cf612}.sidebar-nav .nav-item:first-child.active{color:#60a5fa;background:#3b82f61f}.sidebar-nav .nav-item:nth-child(2).active{color:#34d399;background:#10b9811f}.sidebar-nav .nav-item:nth-child(3).active{color:#fb923c;background:#f973161f}.sidebar-nav .nav-item:nth-child(4).active{color:#a78bfa;background:#8b5cf61f}.sidebar-nav .nav-item.active{font-weight:700}.nav-item.active:before{content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-nav .nav-item:first-child.active:before{background:#3b82f6;box-shadow:0 0 12px #3b82f699,0 0 24px #3b82f633}.sidebar-nav .nav-item:nth-child(2).active:before{background:#10b981;box-shadow:0 0 12px #10b98199,0 0 24px #10b98133}.sidebar-nav .nav-item:nth-child(3).active:before{background:#f97316;box-shadow:0 0 12px #f9731699,0 0 24px #f9731633}.sidebar-nav .nav-item:nth-child(4).active:before{background:#8b5cf6;box-shadow:0 0 12px #8b5cf699,0 0 24px #8b5cf633}.sidebar-nav .nav-item:first-child.active svg{filter:drop-shadow(0 0 6px #3b82f6b3)}.sidebar-nav .nav-item:nth-child(2).active svg{filter:drop-shadow(0 0 6px #10b981b3)}.sidebar-nav .nav-item:nth-child(3).active svg{filter:drop-shadow(0 0 6px #f97316b3)}.sidebar-nav .nav-item:nth-child(4).active svg{filter:drop-shadow(0 0 6px #8b5cf6b3)}.sidebar-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;padding:.75rem .875rem;display:flex}.theme-toggle{margin-bottom:4px}.theme-btn{border:1px solid var(--border,#ffffff0f);width:100%;color:var(--t3,#4a5568);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.theme-btn:hover{color:var(--t2,#8892a4);background:#ffffff0f}.user-info{border:1px solid var(--border,#ffffff0f);color:#8892a4;background:#ffffff08;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:2px;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.logout-btn{color:#4a5568;background:0 0;border:none}.logout-btn:hover{color:#f87171;background:#ef444414}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;padding:2rem;position:relative}.mobile-header{height:var(--topbar-h);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06070df2;border-bottom:1px solid #ffffff0f;display:none;position:fixed;top:0;left:0;right:0}.mobile-header-content{justify-content:space-between;align-items:center;height:100%;padding:0 1rem;display:flex}.mobile-logo{letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:900;display:flex}.mobile-logo .logo-icon{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 8px #3b82f699);font-size:1.375rem}.mobile-menu-toggle{color:#8892a4;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.5rem;transition:all .15s;display:flex}.mobile-menu-toggle:hover{color:#e2e8f0;background:#ffffff0f}.mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(10px);background:#000000d1;display:none;position:fixed;inset:0}@media (width<=1024px){.main-content{padding:1.5rem}}@media (width<=768px){.mobile-header{display:block}.sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:32px 0 80px #000c}.mobile-overlay{display:block}.main-content{margin-left:0;margin-top:var(--topbar-h);padding:1rem}}@media (width<=480px){.sidebar{width:82vw;max-width:300px}.main-content{padding:.75rem}}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:2px}@media print{.sidebar,.mobile-header{display:none}.main-content{margin:0;padding:0}}.login-container{background:#050508;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background-image:linear-gradient(#3b82f60a 1px,#0000 1px),linear-gradient(90deg,#3b82f60a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.login-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);text-align:center;background:#0d1019e6;border:1px solid #3b82f62e;border-radius:20px;width:100%;max-width:400px;padding:2.75rem 2.5rem;position:relative;box-shadow:0 0 0 1px #ffffff0a,0 32px 64px #0009,0 0 80px #3b82f612}.login-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 32px #3b82f666,0 8px 24px #0006}.login-card h1{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 0%,#93b4d8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .375rem;font-size:1.625rem;font-weight:800}.login-card>p{color:#4a5a78;margin:0 0 1.75rem;font-size:.875rem;font-weight:500}.login-tabs{background:#0006;border:1px solid #ffffff0d;border-radius:10px;gap:4px;margin-bottom:1.5rem;padding:4px;display:flex}.login-tabs button{color:#4a5a78;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.5625rem .5rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .18s;display:flex}.login-tabs button:hover{color:#8899b8}.login-tabs button.active{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 0 16px #3b82f64d}.login-tabs button:nth-child(3).active{background:linear-gradient(135deg,#5865f2,#7289da);box-shadow:0 0 16px #5865f266}.login-input{color:#dde4f0;box-sizing:border-box;background:#00000059;border:1px solid #ffffff12;border-radius:10px;outline:none;width:100%;margin-bottom:.875rem;padding:.8125rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:#2d3a52}.login-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61f}.login-error{color:#f87171;text-align:left;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.875rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.login-btn{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);border:none;border-radius:10px;width:100%;padding:.875rem;font-family:inherit;font-size:.9375rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b82f64d}.login-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f,#0000);transition:opacity .2s;position:absolute;inset:0}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #3b82f673}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-theme-toggle{color:#8899b8;cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:fixed;top:20px;right:20px}.login-theme-toggle:hover{color:#dde4f0;background:#ffffff1a;transform:rotate(15deg)}.login-hints{color:#2d3a52;justify-content:center;gap:16px;margin-top:16px;font-size:11px;display:flex}.login-hints kbd{color:#4a5a78;background:#0000004d;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px;display:inline-block}[data-theme=light] .login-container{background:#f1f5f9}[data-theme=light] .login-container:before{background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px)}[data-theme=light] .login-card{background:#fffffff2;border-color:#3b82f626}[data-theme=light] .login-card h1{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .login-card>p{color:#64748b}[data-theme=light] .login-input{color:#1e293b;background:#f8fafc;border-color:#0000001a}[data-theme=light] .login-input::placeholder{color:#94a3b8}[data-theme=light] .login-input:focus{border-color:#3b82f6}[data-theme=light] .login-tabs{background:#e2e8f0}[data-theme=light] .login-tabs button{color:#64748b}[data-theme=light] .login-tabs button:hover{color:#1e293b}[data-theme=light] .login-hints{color:#94a3b8}[data-theme=light] .login-hints kbd{color:#64748b;background:#e2e8f0;border-color:#0000001a}[data-theme=light] .login-icon{box-shadow:0 4px 16px #3b82f64d}[data-theme=light] .login-theme-toggle{color:#64748b;background:#e2e8f0;border-color:#0000001a}