*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=midnight]{--bg-primary:#050508;--bg-secondary:#0a0a10;--bg-card:#0c0c148c;--bg-card-hover:#12121ea6;--bg-elevated:#141420;--bg-input:#08081099;--bg-hover:#ffffff08;--border:#ffffff0f;--border-hover:#ffffff1a;--border-focus:#6366f1;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#5a5a72;--accent-indigo:#6366f1;--accent-indigo-glow:#6366f11f;--accent-emerald:#10b981;--accent-emerald-glow:#10b9811f;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b1f;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e1f;--accent-purple:#a855f7;--accent-purple-glow:#a855f71f;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d41f;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-emerald:linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);--gradient-render:linear-gradient(135deg, #46e3b7 0%, #34d399 100%);--gradient-vercel:linear-gradient(135deg, #fff 0%, #ccc 100%);--mesh-1:#6366f114;--mesh-2:#a855f70f;--mesh-3:#10b9810a;--mesh-4:#06b6d40d;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-card:0 2px 8px #0000004d, 0 0 0 1px #ffffff08;--shadow-elevated:0 12px 40px #00000080, 0 0 0 1px #ffffff0d;--shadow-glow-indigo:0 0 30px #6366f133;--shadow-glow-emerald:0 0 30px #10b98133;--cursor-color:#6366f180}[data-theme=aurora]{--bg-primary:#020810;--bg-secondary:#061020;--bg-card:#0812238c;--bg-card-hover:#0c192da6;--bg-elevated:#0c1a30;--bg-input:#060e1c99;--accent-indigo:#38bdf8;--accent-indigo-glow:#38bdf81f;--accent-purple:#818cf8;--accent-purple-glow:#818cf81f;--gradient-primary:linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #818cf8 100%);--mesh-1:#0ea5e914;--mesh-2:#38bdf80f;--mesh-3:#10b9810d;--mesh-4:#818cf80d;--border:#38bdf814;--border-hover:#38bdf826;--border-focus:#38bdf8;--shadow-glow-indigo:0 0 30px #38bdf833;--cursor-color:#38bdf880}[data-theme=ember]{--bg-primary:#0a0604;--bg-secondary:#120c08;--bg-card:#140e0a8c;--bg-card-hover:#1c140ea6;--bg-elevated:#1a1210;--bg-input:#0e0a0899;--accent-indigo:#f97316;--accent-indigo-glow:#f973161f;--accent-purple:#fb923c;--accent-purple-glow:#fb923c1f;--gradient-primary:linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%);--mesh-1:#f9731614;--mesh-2:#fb923c0f;--mesh-3:#ea580c0d;--mesh-4:#f59e0b0a;--border:#f9731614;--border-hover:#f9731626;--border-focus:#f97316;--shadow-glow-indigo:0 0 30px #f9731633;--cursor-color:#f9731680}[data-theme=ocean]{--bg-primary:#030a0e;--bg-secondary:#061218;--bg-card:#08141c8c;--bg-card-hover:#0c1c26a6;--bg-elevated:#0a1820;--bg-input:#06101699;--accent-indigo:#06b6d4;--accent-indigo-glow:#06b6d41f;--accent-purple:#22d3ee;--accent-purple-glow:#22d3ee1f;--gradient-primary:linear-gradient(135deg, #0891b2 0%, #06b6d4 50%, #22d3ee 100%);--mesh-1:#06b6d414;--mesh-2:#22d3ee0f;--mesh-3:#14b8a60d;--mesh-4:#2dd4bf0a;--border:#06b6d414;--border-hover:#06b6d426;--border-focus:#06b6d4;--shadow-glow-indigo:0 0 30px #06b6d433;--cursor-color:#06b6d480}html{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%236366f1' stroke-width='1.5' opacity='0.8'/%3E%3Cline x1='12' y1='2' x2='12' y2='8' stroke='%236366f1' stroke-width='1' opacity='0.5'/%3E%3Cline x1='12' y1='16' x2='12' y2='22' stroke='%236366f1' stroke-width='1' opacity='0.5'/%3E%3Cline x1='2' y1='12' x2='8' y2='12' stroke='%236366f1' stroke-width='1' opacity='0.5'/%3E%3Cline x1='16' y1='12' x2='22' y2='12' stroke='%236366f1' stroke-width='1' opacity='0.5'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%236366f1' opacity='0.9'/%3E%3C/svg%3E") 12 12,crosshair;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}a,button,[role=button],input[type=submit],.btn,.card-interactive,.nav-item,.tab,.account-tab{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='%236366f1' stroke-width='1.5' opacity='0.9'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%236366f1' opacity='0.8'/%3E%3C/svg%3E") 12 12,pointer}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 10% 20%, var(--mesh-1) 0%, transparent 50%), radial-gradient(ellipse 60% 80% at 90% 80%, var(--mesh-2) 0%, transparent 50%), radial-gradient(ellipse 70% 50% at 50% 50%, var(--mesh-3) 0%, transparent 50%), radial-gradient(ellipse 50% 70% at 80% 20%, var(--mesh-4) 0%, transparent 50%);animation:25s ease-in-out infinite alternate meshShift;position:fixed;inset:0}@keyframes meshShift{0%{background:radial-gradient(ellipse 80% 60% at 10% 20%, var(--mesh-1) 0%, transparent 50%), radial-gradient(ellipse 60% 80% at 90% 80%, var(--mesh-2) 0%, transparent 50%), radial-gradient(ellipse 70% 50% at 50% 50%, var(--mesh-3) 0%, transparent 50%), radial-gradient(ellipse 50% 70% at 80% 20%, var(--mesh-4) 0%, transparent 50%)}33%{background:radial-gradient(ellipse 70% 70% at 30% 70%, var(--mesh-2) 0%, transparent 50%), radial-gradient(ellipse 80% 60% at 70% 30%, var(--mesh-1) 0%, transparent 50%), radial-gradient(ellipse 50% 60% at 20% 40%, var(--mesh-4) 0%, transparent 50%), radial-gradient(ellipse 60% 50% at 60% 80%, var(--mesh-3) 0%, transparent 50%)}66%{background:radial-gradient(ellipse 60% 80% at 80% 50%, var(--mesh-3) 0%, transparent 50%), radial-gradient(ellipse 70% 60% at 20% 60%, var(--mesh-4) 0%, transparent 50%), radial-gradient(ellipse 80% 70% at 60% 20%, var(--mesh-1) 0%, transparent 50%), radial-gradient(ellipse 50% 50% at 40% 90%, var(--mesh-2) 0%, transparent 50%)}to{background:radial-gradient(ellipse 90% 50% at 50% 80%, var(--mesh-4) 0%, transparent 50%), radial-gradient(ellipse 50% 90% at 30% 20%, var(--mesh-3) 0%, transparent 50%), radial-gradient(ellipse 60% 60% at 80% 60%, var(--mesh-2) 0%, transparent 50%), radial-gradient(ellipse 70% 70% at 10% 50%, var(--mesh-1) 0%, transparent 50%)}}#root{z-index:1;min-height:100vh;position:relative}::selection{background:var(--accent-main-glow);color:var(--accent-main)}a{color:var(--accent-main);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.page-container{max-width:1400px;margin:0 auto;padding:32px 40px}@media (width<=768px){.main-content{margin-left:0}.page-container{padding:20px 16px}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(30px)saturate(1.3);border-right:1px solid var(--border);z-index:100;background:#08080e80;flex-direction:column;height:100vh;transition:width .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:72px;padding:20px;display:flex}.sidebar-brand-icon{border-radius:var(--radius-md);background:var(--gradient-main);width:40px;height:40px;box-shadow:0 0 20px var(--accent-main-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-text{white-space:nowrap;overflow:hidden}.sidebar-brand-text h1{letter-spacing:-.02em;background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.sidebar-brand-text p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap;padding:16px 14px 6px;font-size:10px;font-weight:700;overflow:hidden}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);text-decoration:none}.nav-item.active{background:var(--accent-main-glow);color:var(--accent-main);border-color:#ffffff0d;font-weight:600}.nav-item.active:before{content:"";background:var(--accent-main);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-1px}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-item-badge{background:var(--accent-indigo-glow);color:var(--accent-indigo);border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.sidebar-collapse-btn{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text-muted);font-size:12px;font-family:var(--font-sans);background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-card);color:var(--text-secondary)}.theme-switcher{border-radius:var(--radius-md);border:1px solid var(--border);background:#0003;align-items:center;gap:6px;padding:6px 8px;display:flex}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:all .2s;position:relative}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:var(--text-primary);box-shadow:0 0 10px var(--cursor-color)}.theme-dot.active:after{content:"";background:inherit;border-radius:50%;position:absolute;inset:3px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.page-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.header-actions{align-items:center;gap:8px;display:flex}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 8px 32px #0006, 0 0 0 1px var(--border-hover)}.card-interactive{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='%236366f1' stroke-width='1.5' opacity='0.9'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%236366f1' opacity='0.8'/%3E%3C/svg%3E") 12 12,pointer}.card-interactive:hover{box-shadow:var(--shadow-elevated), 0 0 20px var(--cursor-color);transform:translateY(-3px)}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(1.3);border:1px solid var(--border);border-radius:var(--radius-xl);background:#0a0a1280;padding:24px}.stat-card{align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff03);width:100px;height:100%;position:absolute;top:0;right:0}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;font-weight:600}.stat-value{letter-spacing:-.02em;font-size:26px;font-weight:800}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 0 20px var(--accent-main-glow);border:none}.btn-primary:hover{box-shadow:0 0 50px var(--cursor-color);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:8px}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:var(--accent-rose-glow);color:var(--accent-rose);border-color:#f43f5e33}.btn-danger:hover{background:#f43f5e33}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{width:36px;height:36px;padding:8px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input,.form-select{background:var(--bg-input);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus{border-color:var(--accent-main);box-shadow:0 0 0 3px var(--accent-main-glow)}.form-input-mono{font-family:var(--font-mono);font-size:13px}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-up,.badge-active{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid #10b98133}.badge-down,.badge-invalid{background:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid #f43f5e33}.badge-warning{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid #f59e0b33}.badge-neutral{color:var(--text-muted);border:1px solid var(--border);background:#6464821a}.badge-live{padding-left:18px;position:relative}.badge-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;position:absolute;left:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.8)}}.modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(.8);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-elevated);background:#0c0c14e6;padding:32px;overflow-y:auto}.modal-panel-lg{max-width:900px}.modal-panel-xl{max-width:1100px}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-title{font-size:22px;font-weight:700}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.table td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-hover)}.chart-container{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:24px}.chart-title{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:700}.empty-state{text-align:center;border:1px dashed var(--border-hover);border-radius:var(--radius-xl);background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.empty-state-icon{border-radius:var(--radius-lg);background:var(--accent-indigo-glow);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.empty-state h3{margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:var(--text-muted);max-width:400px;margin-bottom:24px}.spinner{border:3px solid var(--border);border-top-color:var(--accent-indigo);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-indigo-glow)}50%{box-shadow:0 0 40px var(--cursor-color)}}.animate-fade-in{animation:.4s forwards fadeIn}.gradient-text-animated{background:linear-gradient(270deg, var(--accent-indigo), var(--accent-purple), var(--accent-cyan), var(--accent-indigo));-webkit-text-fill-color:transparent;background-size:600% 600%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-split{min-height:100vh;display:flex}.auth-left{background:linear-gradient(145deg,#07070f 0%,#0d0d1e 60%,#090914 100%);flex:0 0 55%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background-image:radial-gradient(#6366f10f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-left-content{z-index:2;max-width:520px;padding:60px;position:relative}.auth-left-logo{background:var(--gradient-primary);width:56px;height:56px;box-shadow:0 0 50px var(--cursor-color);border-radius:16px;justify-content:center;align-items:center;margin-bottom:28px;display:flex;position:relative}.auth-left-logo:before{content:"";border:2px solid var(--accent-indigo);opacity:.3;border-radius:20px;animation:3s ease-in-out infinite ringPulse;position:absolute;inset:-4px}@keyframes ringPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.auth-left-title{letter-spacing:-.04em;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:38px;font-weight:900;line-height:1.1}.auth-left-sub{color:#6a6a82;margin-bottom:40px;font-size:15px;line-height:1.7}.auth-features{flex-direction:column;gap:16px;display:flex}.auth-feature-item{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:14px;padding:12px 16px;transition:all .3s;display:flex}.auth-feature-item:hover{border-color:var(--border);background:#6366f10a}.auth-feature-icon{color:#a78bfa;background:#6366f11a;border:1px solid #6366f126;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auth-feature-label{color:#e4e4f0;margin-bottom:2px;font-size:14px;font-weight:700}.auth-feature-desc{color:#5a5a72;font-size:12px}.auth-code-rain{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 70%)}.auth-code-line{font-family:var(--font-mono);color:#6366f11f;white-space:nowrap;left:var(--x);animation:linear infinite codeScroll;animation-duration:var(--speed);animation-delay:var(--delay);font-size:11px;position:absolute}@keyframes codeScroll{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.auth-right{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:40px 32px;display:flex;position:relative;overflow-y:auto}.auth-right:before{content:"";pointer-events:none;background-image:radial-gradient(1px at 15% 25%,#6366f126 0%,#0000 100%),radial-gradient(1px at 85% 75%,#a855f71f 0%,#0000 100%),radial-gradient(1px at 45% 85%,#06b6d41a 0%,#0000 100%),radial-gradient(1px at 75% 15%,#6366f11a 0%,#0000 100%),radial-gradient(1px at 35% 55%,#a855f714 0%,#0000 100%);animation:20s ease-in-out infinite alternate particleDrift;position:absolute;inset:0}@keyframes particleDrift{0%{transform:translateY(0)translate(0)}to{transform:translateY(-10px)translate(5px)}}.auth-form-card{z-index:1;width:100%;max-width:400px;position:relative}.auth-form-logo{background:var(--gradient-primary);width:44px;height:44px;box-shadow:0 0 30px var(--cursor-color);border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.auth-title{letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:800}.auth-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--accent-indigo);font-weight:600}.auth-error{background:var(--accent-rose-glow);color:var(--accent-rose);border-radius:var(--radius-sm);border:1px solid #f43f5e33;margin-bottom:4px;padding:10px 14px;font-size:13px}@media (width<=900px){.auth-split{flex-direction:column}.auth-left{flex:none;padding:40px 24px}.auth-left-content{max-width:100%;padding:0}.auth-left-title{font-size:26px}.auth-features,.auth-code-rain{display:none}}.vault-lock-screen{text-align:center;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:60px 40px;display:flex;position:relative;overflow:hidden}.vault-lock-screen:before{content:"";background:radial-gradient(circle, var(--accent-indigo-glow) 0%, transparent 70%);pointer-events:none;width:500px;height:500px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.vault-lock-icon{border-radius:var(--radius-xl);background:var(--accent-indigo-glow);border:1px solid #6366f14d;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:3s infinite glow;display:flex;position:relative}.vault-lock-info{color:var(--text-muted);align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.connect-card{border:2px dashed var(--border-hover);border-radius:var(--radius-xl);text-align:center;background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;padding:48px;transition:all .3s;display:flex}.connect-card:hover{border-color:var(--accent-indigo);background:var(--accent-indigo-glow);box-shadow:0 0 30px var(--cursor-color)}.connect-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.account-tabs{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.account-tab{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-sans);align-items:center;gap:8px;padding:8px 16px;transition:all .25s;display:flex}.account-tab:hover{border-color:var(--border-hover);color:var(--text-primary)}.account-tab.active{background:var(--accent-indigo-glow);color:var(--accent-indigo);box-shadow:0 0 15px var(--cursor-color);border-color:#6366f133}.service-card{flex-direction:column;gap:12px;padding:20px;display:flex}.service-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.service-name{font-size:16px;font-weight:700}.service-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.service-url{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-actions{border-top:1px solid var(--border);gap:6px;margin-top:auto;padding-top:12px;display:flex}.mobile-menu-btn{z-index:150;background:var(--gradient-main);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:0 0 20px var(--accent-main-glow);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:20px;right:20px}@media (width<=768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;padding:8px 16px;transition:all .2s}.tab:hover{color:var(--text-secondary)}.tab.active{background:var(--accent-indigo-glow);color:var(--accent-indigo)}.radial-gauge{width:140px;height:140px;position:relative}.radial-gauge svg{transform:rotate(-90deg)}.radial-gauge-bg{fill:none;stroke:var(--border);stroke-width:8px}.radial-gauge-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.radial-gauge-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.theme-switcher-btn{background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-switcher-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.theme-picker-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:600px;box-shadow:var(--shadow-elevated);padding:32px}.theme-picker-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.theme-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.theme-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#0a0a0f66;border-radius:16px;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-card:hover{border-color:var(--tc-accent);box-shadow:0 8px 30px #0006, 0 0 0 1px var(--tc-glow)}.theme-card.active{border-color:var(--tc-accent);box-shadow:0 0 0 2px var(--tc-accent), 0 0 30px var(--tc-glow)}.theme-card-preview{border-bottom:1px solid var(--border);height:120px;position:relative;overflow:hidden}.theme-card-orb{filter:blur(40px);border-radius:50%;position:absolute}.theme-card-orb-1{width:160px;height:160px;top:-40px;left:-40px}.theme-card-orb-2{width:140px;height:140px;bottom:-40px;right:-40px}.theme-card-mini-ui{z-index:10;pointer-events:none;gap:12px;display:flex;position:absolute;inset:16px}.theme-mini-sidebar{border:1px solid #ffffff0d;border-radius:8px;width:40px;padding:8px;box-shadow:0 4px 12px #0000004d}.theme-mini-content{flex-direction:column;flex:1;gap:8px;display:flex}.theme-card-check{background:var(--tc-accent);color:#fff;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #0000004d}.theme-card-label{background:var(--bg-card);align-items:center;gap:10px;padding:16px;display:flex}.theme-card-icon{font-size:18px}.theme-card-name{color:var(--text-primary);font-size:14px;font-weight:700}