.dex-app,.dex-app *,.dex-app *:before,.dex-app *:after{box-sizing:border-box}.dex-app{--bg: #f3f6fb;--surface: #ffffff;--surface2: #f8fafc;--line: #e2e8f0;--line2: #dbe4ef;--blue: #3b82f6;--blue-soft: #eaf2ff;--text: #0f172a;--text2: #475569;--text3: #94a3b8;--green: #16a34a;--red: #dc2626;--amber: #d97706;--sidebar-w: 228px;min-height:100vh;height:100vh;overflow:hidden;font-family:DM Sans,Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text)}.dex-app .app{display:flex;height:100%}.dex-app .sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.dex-app .sb-logo{padding:18px 14px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:center}.dex-app .sb-logo-img{height:48px;width:auto;display:block;margin:0 auto}.dex-app .sb-brand{display:flex;align-items:center;gap:10px}.dex-app .sb-brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3b82f640}.dex-app .sb-brand-name{font-size:31px;line-height:1.05;font-weight:700;color:#0f172a}.dex-app .sb-brand-sub{margin-top:2px;color:#2563eb;letter-spacing:1.3px;font-size:16px;font-weight:700}.dex-app .sb-license-wrap{padding:10px 10px 4px}.dex-app .sb-license{background:#edf4ff;border:1px solid #c7dafc;border-radius:10px;padding:10px;text-align:center}.dex-app .sb-license-title{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:12px;font-weight:700}.dex-app .sb-license-link{margin-top:6px;background:transparent;border:0;color:#2563eb;font-size:12px;font-weight:600;cursor:pointer;padding:0}.dex-app .session-bar{margin:0 10px 4px;display:flex;align-items:center;gap:6px;font-size:11px;color:#2f855a;padding:8px 12px;background:#edfdf4;border:1px solid #cdeed9;border-radius:999px;font-family:DM Mono,monospace}.dex-app .session-bar--footer{margin:0;border:1px solid #e2e8f0;background:#f1f5f9;color:#94a3b8;border-radius:9px;font-size:12px}.dex-app .sb-nav{flex:1;overflow-y:auto;padding:8px 10px}.dex-app .sb-nav::-webkit-scrollbar{width:0;height:0}.dex-app .sb-section{padding:12px 8px 4px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#a8b2c3}.dex-app .sb-section{display:none}.dex-app .nav-item{display:flex;align-items:center;gap:9px;text-decoration:none;color:#64748b;border:1px solid transparent;border-radius:10px;padding:10px;margin-bottom:4px;font-size:13.5px}.dex-app .nav-item .ni{width:16px;height:16px;opacity:.82}.dex-app .nav-item:hover{background:#f8fbff;color:#334155}.dex-app .nav-item.active{background:#edf4ff;color:#1d4ed8;border-color:#d7e6ff}.dex-app .nav-badge{margin-left:auto;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:1px 7px;font-size:10px;font-family:DM Mono,monospace}.dex-app .sb-api{padding:10px;margin:0;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.dex-app .sb-api-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#94a3b8;margin-bottom:8px}.dex-app .sb-api-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.dex-app .sb-api-input{width:100%;height:34px;padding:6px 10px;border:1px solid var(--line2);border-radius:9px;background:#fff;color:#334155;font-size:11px;font-family:DM Mono,monospace;margin-bottom:0}.dex-app .sb-api-save{border:1px solid #d5dbe4;background:#fff;color:#334155;height:34px;border-radius:9px;font-size:11px;padding:0 12px;font-weight:600;cursor:pointer}.dex-app .sb-api-save--primary{background:#2563eb;border-color:#2563eb;color:#fff}.dex-app .sb-api-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;margin-top:8px}.dex-app .status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 5px #22c55e80}.dex-app .sb-user{padding:10px 12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.dex-app .avatar{width:34px;height:34px;border-radius:999px;background:#3b82f6;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.dex-app .user-name{font-size:14px;font-weight:700;color:#0f172a}.dex-app .user-role{font-size:11px;color:#64748b;letter-spacing:0;font-family:DM Mono,monospace}.dex-app .sb-logout{margin-left:auto;border:0;background:transparent;color:#94a3b8;cursor:pointer}.dex-app .sb-logout:hover{color:#334155}.dex-app .main{flex:1;display:flex;flex-direction:column;overflow:auto}.dex-app .topbar{position:sticky;top:0;z-index:30;height:54px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:10px;padding:0 16px}.dex-app .topbar-title{font-size:15px;font-weight:700;color:#0f172a}.dex-app .topbar-sep{width:1px;height:20px;background:var(--line)}.dex-app .topbar-time{font-size:11px;color:#94a3b8;font-family:DM Mono,monospace}.dex-app .topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.dex-app .tb-btn{border-radius:8px;border:1px solid var(--line2);background:#fff;color:#334155;padding:7px 10px;font-size:11.5px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.dex-app .tb-btn-ghost{background:#fff}.dex-app .tb-btn-primary{background:#fff;color:#0f172a;border-color:#cfd9e6;font-weight:600}.dex-app .notif-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line2);background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;position:relative}.dex-app .notif-pip{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#ef4444}.dex-app .topbar-scan{display:none}.dex-app .content{padding:12px 14px 18px}@media (max-width: 1100px){.dex-app .sidebar{width:210px}.dex-app .content{padding:12px}}.bxl-root,.bxl-root *,.bxl-root *:before,.bxl-root *:after{box-sizing:border-box}.bxl-root{--navy:#050c1a;--navy2:#0a1628;--navy3:#0f2040;--blue:#1a6fff;--blue2:#3d8eff;--cyan:#00d4ff;--green:#00ffb3;--red:#ff3b5c;--text:#e8edf5;--text2:#8fa3c0;--text3:#4a6080;--border:rgba(255,255,255,.07);--border2:rgba(26,111,255,.3);--glass:rgba(10,22,40,.85);position:relative;min-height:100vh;overflow:hidden;background:var(--navy);color:var(--text);font-family:DM Sans,sans-serif}.bxl-canvas,.bxl-grid,.bxl-scan,.bxl-divider{position:absolute;top:0;right:0;bottom:0;left:0}.bxl-canvas{z-index:0}.bxl-grid{z-index:1;background-image:linear-gradient(rgba(26,111,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,111,255,.04) 1px,transparent 1px);background-size:48px 48px}.bxl-scan{z-index:2;height:2px;inset:auto 0 0 0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5;animation:bxl-scan 6s ease-in-out infinite}@keyframes bxl-scan{0%{top:0;opacity:0}5%{opacity:.5}95%{opacity:.5}to{top:100%;opacity:0}}.bxl-divider{z-index:2;left:50%;width:1px;background:linear-gradient(to bottom,transparent,var(--border) 20%,var(--border) 80%,transparent)}.bxl-page{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.bxl-left{display:flex;flex-direction:column;padding:44px 52px;position:relative;overflow:hidden}.bxl-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(26,111,255,.08) 0%,transparent 60%);pointer-events:none}.bxl-logo{display:flex;align-items:center;margin-bottom:auto}.bxl-logo img{height:52px;width:auto;filter:drop-shadow(0 0 18px rgba(26,111,255,.35))}.bxl-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:36px 0}.bxl-badge{display:inline-flex;align-items:center;gap:8px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:999px;padding:6px 16px;font-family:DM Mono,monospace;font-size:11px;color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:28px;width:fit-content;animation:bxl-up .6s ease both}.bxl-badge:before{content:"";width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);animation:bxl-pulse 2s ease-in-out infinite}@keyframes bxl-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.bxl-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(30px,3.5vw,48px);line-height:1.07;letter-spacing:-1.5px;color:#fff;margin-bottom:20px;animation:bxl-up .6s .1s ease both}.bxl-title .accent{color:var(--cyan)}.bxl-title .dim{color:var(--text2);font-weight:400}.bxl-desc{font-size:14.5px;color:var(--text2);line-height:1.7;max-width:420px;margin-bottom:36px;animation:bxl-up .6s .2s ease both}.bxl-features{display:flex;flex-direction:column;gap:13px;animation:bxl-up .6s .3s ease both}.bxl-feat{display:flex;align-items:center;gap:13px}.bxl-feat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.bxl-feat-icon.blue{background:#1a6fff26;border:1px solid rgba(26,111,255,.25)}.bxl-feat-icon.cyan{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2)}.bxl-feat-icon.green{background:#00ffb31a;border:1px solid rgba(0,255,179,.2)}.bxl-feat-text{font-size:13px;color:var(--text2)}.bxl-feat-text strong{color:var(--text);font-weight:500}.bxl-stats{display:flex;gap:28px;margin-top:36px;padding-top:28px;border-top:1px solid var(--border);animation:bxl-up .6s .4s ease both}.bxl-num{font-family:Syne,sans-serif;font-size:20px;font-weight:700;color:#fff}.bxl-lbl{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-top:2px}.bxl-tls{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-top:28px;animation:bxl-up .6s .5s ease both}.bxl-tls .dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);animation:bxl-pulse 1.5s ease-in-out infinite}.bxl-right{display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.bxl-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(26,111,255,.06) 0%,transparent 70%)}.bxl-card{width:100%;max-width:420px;position:relative;animation:bxl-up .7s .15s ease both}.bxl-inner{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:44px 40px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff0d,0 26px 56px #00000073,0 0 44px #1a6fff14;position:relative;overflow:hidden}.bxl-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(26,111,255,.5),rgba(0,212,255,.5),transparent)}.bxl-threat{position:absolute;top:-1px;right:40px;display:flex;align-items:center;gap:6px;background:#00ffb31a;border:1px solid rgba(0,255,179,.2);border-top:none;border-radius:0 0 8px 8px;padding:4px 12px 6px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--green);text-transform:uppercase}.bxl-threat .dot{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);animation:bxl-pulse 1.5s ease-in-out infinite}.bxl-greet{font-family:DM Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--blue2);margin-bottom:10px}.bxl-ttl{font-family:Syne,sans-serif;font-weight:700;font-size:30px;letter-spacing:-.8px;color:#fff;margin-bottom:6px}.bxl-sub{font-size:14px;color:var(--text3);margin-bottom:22px;line-height:1.5}.bxl-alert{font-size:12px;border-radius:10px;padding:10px 12px;margin-bottom:16px}.bxl-alert.red{color:#ff8ca0;border:1px solid rgba(255,59,92,.35);background:#ff3b5c14}.bxl-alert.amber{color:#ffcb70;border:1px solid rgba(255,193,7,.3);background:#ffc10714}.bxl-group{margin-bottom:20px}.bxl-label{display:block;font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--text2);margin-bottom:8px;text-transform:uppercase}.bxl-wrap{position:relative}.bxl-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text3);pointer-events:none}.bxl-input{width:100%;background:#061224b8;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px 14px 44px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.bxl-input::placeholder{color:var(--text3);font-size:13px}.bxl-input:focus{border-color:#1a6fff80;background:#1a6fff0d;box-shadow:0 0 0 3px #1a6fff1a}.bxl-input.error{border-color:#ff3b5c80;box-shadow:0 0 0 3px #ff3b5c1a}.bxl-input:-webkit-autofill,.bxl-input:-webkit-autofill:hover,.bxl-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px #061224b8 inset,0 0 0 3px #1a6fff1a!important;-webkit-box-shadow:0 0 0 1000px rgba(6,18,36,.72) inset,0 0 0 3px rgba(26,111,255,.1)!important;transition:background-color 5000s ease-in-out 0s}.bxl-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text3);padding:4px;display:flex}.bxl-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;margin-top:-4px}.bxl-remember{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text3);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;padding:0}.bxl-check{width:16px;height:16px;border:1px solid var(--border);border-radius:4px;background:#ffffff0a;display:flex;align-items:center;justify-content:center}.bxl-check.on{background:var(--blue);border-color:var(--blue);color:#fff;font-size:10px}.bxl-remember:hover{color:#b9c9de}.bxl-forgot{font-size:13px;color:var(--blue2);text-decoration:none}.bxl-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--blue),#0052dd);border:none;border-radius:12px;color:#fff;font-family:Syne,sans-serif;font-weight:600;font-size:15px;letter-spacing:.3px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #1a6fff59;display:flex;align-items:center;justify-content:center;gap:10px}.bxl-btn:hover{transform:translateY(-1px);box-shadow:0 8px 32px #1a6fff73}.bxl-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bxl-btn .arr{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff26;border-radius:50%}.bxl-foot{text-align:center;font-size:13px;color:var(--text3);margin-top:24px}.bxl-foot a{color:var(--blue2);text-decoration:none;font-weight:500}.bxl-copy{text-align:center;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;color:var(--text3);margin-top:16px}.bxl-error{font-size:11.5px;color:var(--red);margin-top:6px;font-family:DM Mono,monospace}.bxl-nodes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bxl-node{position:absolute;border-radius:50%;animation:bxl-float linear infinite}@keyframes bxl-float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes bxl-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.bxl-page{grid-template-columns:1fr}.bxl-divider{display:none}.bxl-left{padding:24px}.bxl-right{padding:20px}.bxl-inner{padding:28px 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sw:256px;--bg:#f4f6fb;--white:#fff;--border:#e3e7f0;--border-md:#c8cfe0;--text-1:#131729;--text-2:#475069;--text-3:#8e98b8;--brand:#0f62fe;--brand-dark:#0043ce;--brand-lt:#edf4ff;--brand-md:#b8d0ff;--green:#0e9f6e;--green-lt:#ecfdf5;--red:#e53e3e;--red-lt:#fff5f5;--amber:#d97706;--amber-lt:#fffbeb;--purple:#6d28d9;--purple-lt:#f5f3ff;--teal:#0891b2;--teal-lt:#ecfeff;--cyan:#06b6d4;--font:"Plus Jakarta Sans",sans-serif;--mono:"JetBrains Mono",monospace;--r:8px;--r-lg:12px;--r-xl:16px;--sh:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sh-md:0 4px 16px rgba(0,0,0,.09),0 2px 6px rgba(0,0,0,.05);--sh-lg:0 12px 40px rgba(0,0,0,.14)}body{font-family:var(--font);background:var(--bg);color:var(--text-1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:var(--font)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.6}}.spin{display:inline-block;animation:spin .75s linear infinite}.fade-up{animation:fadeInUp .35s ease both}.login-app-shell{min-height:100vh;display:flex;background:linear-gradient(120deg,#f8faff,#f2f5fb)}.login-side-brand{width:min(460px,40vw);flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(170deg,#07122a,#0c234f 62%,#0b4f7d);border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:52px 36px}.login-side-brand:before{content:"";position:absolute;inset:-20% -10% auto;height:75%;background:radial-gradient(ellipse at 20% 35%,rgba(56,189,248,.25),transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(15,98,254,.2),transparent 50%);pointer-events:none}.login-side-brand-inner{position:relative;z-index:1;max-width:340px}.login-side-logo-plate{display:inline-flex;align-items:center;padding:12px 14px 14px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 28px #0000002e,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-side-kicker{margin:26px 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#93c5fde6;font-weight:700}.login-side-title{margin:0;font-size:32px;line-height:1.14;letter-spacing:-.03em;color:#eaf3ff;font-weight:800}.login-side-tagline{margin:16px 0 0;font-size:15px;line-height:1.65;color:#e2e8f0db}.login-side-points{margin-top:20px;display:flex;flex-direction:column;gap:10px}.login-side-point{display:flex;align-items:center;gap:9px;font-size:13px;color:#cfe3ff}.login-side-point svg{color:#7dd3fc;flex-shrink:0}.login-side-trust{margin-top:24px;display:flex;align-items:center;gap:9px;font-size:12px;color:#bfdbfedb;font-weight:500}.login-auth-panel{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 48px;background:transparent}.login-form-wrap{width:100%;max-width:430px;background:#fff;border:1px solid #e7ebf4;border-radius:18px;box-shadow:0 20px 50px #0f172a14;padding:34px 30px 30px}.login-auth-header{margin-bottom:24px}.login-auth-title{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text-1)}.login-auth-form{display:flex;flex-direction:column;gap:18px}.login-card-greet{font-size:13px;font-weight:600;color:var(--text-3);margin:0 0 2px}.login-card-sub{margin:8px 0 0;font-size:14px;color:var(--text-2);line-height:1.5}.login-label{font-size:12px;font-weight:700;color:var(--text-2);display:block;margin-bottom:6px}.login-field-error{font-size:11px;color:var(--red);margin-top:4px;display:block;font-weight:600}.login-row-forgot{display:flex;justify-content:flex-end;margin-top:-6px}.login-link{font-size:13px;color:var(--brand);text-decoration:none;font-weight:700}.login-link:hover{text-decoration:underline}.login-foot-link{text-align:center;font-size:13px;color:var(--text-3);margin:4px 0 0}.login-foot-link a{color:var(--brand);font-weight:800;text-decoration:none}.login-foot-link a:hover{text-decoration:underline}.login-page-copy{text-align:center;margin-top:24px;font-size:12px;color:var(--text-3)}.login-alert{display:flex;align-items:flex-start;gap:10px;border-radius:10px;padding:12px 14px}.login-alert--amber{background:var(--amber-lt);border:1px solid rgba(217,119,6,.22);color:#92400e;font-size:13px}.login-alert--red{flex-direction:column;gap:10px;background:var(--red-lt);border:1px solid rgba(229,62,62,.2);color:#b91c1c}.login-resend-btn{align-self:flex-start;padding:8px 14px;border-radius:8px;border:1px solid rgba(217,119,6,.4);background:#fff;color:#b45309;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font)}.login-resend-btn:disabled{cursor:wait;opacity:.85}.login-input-wrap{position:relative}.login-input-wrap .login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3);display:flex}.login-input{width:100%;padding:12px 14px 12px 42px;background:#fff;border:1px solid #cfd6e6;border-radius:10px;font-size:14px;color:var(--text-1);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:none}.login-input:hover{border-color:#b8c2d9;background:#fafbfd}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lt);background:#fff}.login-input.login-input--peek{padding-right:44px}.login-input--error{border-color:#fca5a5;background:snow}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 32px #fff inset!important;box-shadow:0 0 0 32px #fff inset,0 0 0 3px var(--brand-lt)!important;-webkit-text-fill-color:var(--text-1)!important;transition:background-color 99999s ease-out}.login-peek{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-3);padding:4px;display:flex;border-radius:8px}.login-peek:hover{color:var(--text-2);background:#0f172a0d}.login-submit{width:100%;padding:13px 18px;margin-top:2px;border:none;border-radius:10px;font-size:15px;font-weight:700;letter-spacing:-.02em;color:#fff;cursor:pointer;font-family:var(--font);background:var(--brand);box-shadow:none;transition:background .12s ease,filter .12s ease}.login-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 2px 8px #0f62fe47}.login-submit:active:not(:disabled){filter:brightness(.98)}.login-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;filter:none}@media (max-width:900px){.login-app-shell{flex-direction:column}.login-side-brand{width:100%;padding:30px 24px 26px;border-right:none;border-bottom:none;align-items:flex-start;justify-content:flex-start}.login-side-brand-inner{max-width:none}.login-side-title{font-size:26px}.login-side-trust,.login-side-points{margin-top:16px}.login-auth-panel{flex:1;align-items:stretch;justify-content:flex-start;padding:24px 16px 40px}.login-form-wrap{max-width:none;padding:26px 20px 22px}}.app-sidebar{width:var(--sw);background:#fff;border-right:1px solid #e6eaf2;position:fixed;inset:0 auto 0 0;z-index:300;display:flex;flex-direction:column;height:100vh;overflow:hidden;box-shadow:1px 0 #0f172a08}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 8px 12px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#d1d9e8;border-radius:4px}.sidebar-license{flex-shrink:0;padding:12px 12px 0}.sidebar-license-inner{border-radius:10px;border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fafc,#fff);padding:11px 12px;display:flex;align-items:flex-start;gap:11px;box-shadow:0 1px 2px #0f172a0a}.sidebar-license-inner--urgent{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff)}.sidebar-license-inner--expired{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff)}.sidebar-license-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#eff6ff;border:1px solid #bfdbfe}.sidebar-license-icon--urgent{background:#fffbeb;border-color:#fcd34d}.sidebar-license-icon--expired{background:#fef2f2;border-color:#fca5a5}.sidebar-license-title{font-size:12px;font-weight:700;color:var(--text-1);line-height:1.35;letter-spacing:-.01em}.sidebar-license-link{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;color:var(--brand);text-decoration:none}.sidebar-license-link:hover{text-decoration:underline}.sidebar-subheading{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);padding:6px 12px 8px;margin-top:4px}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:1px 0;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-2);text-decoration:none;transition:background .12s ease,color .12s ease,box-shadow .12s ease;border:1px solid transparent}.sidebar-nav-link:hover{background:#f1f5f9;color:var(--text-1)}.sidebar-nav-link--active{background:var(--brand-lt);color:var(--brand);font-weight:600;border-color:#0f62fe24;box-shadow:0 1px 2px #0f62fe0f}.sidebar-nav-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:#fff5f5;color:var(--red);border:1px solid rgba(229,62,62,.2)}.sidebar-recent-link{display:flex;align-items:center;gap:9px;padding:8px 12px;margin:1px 0;border-radius:10px;font-size:12px;font-weight:500;color:var(--text-2);text-decoration:none;transition:background .12s ease,color .12s ease;border:1px solid transparent}.sidebar-recent-link:hover{background:#f8fafc;color:var(--text-1)}.sidebar-recent-link--active{background:#f1f5f9;color:var(--brand);font-weight:600;border-color:#e2e8f0}.sidebar-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar-footer{flex-shrink:0;border-top:1px solid #e6eaf2;background:linear-gradient(180deg,#fafbfd,#f3f5f9);padding:14px 12px 16px}.sidebar-footer-panel{background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px 11px 12px;margin-bottom:12px;box-shadow:0 1px 3px #0f172a0a}.sidebar-footer-label{font-size:10px;font-weight:700;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.sidebar-api-row{display:flex;flex-direction:column;gap:8px}.sidebar-api-input{width:100%;background:#f8fafc;border:1px solid var(--border-md);border-radius:8px;padding:8px 10px;font-family:var(--mono);font-size:11px;color:var(--text-1);outline:none;transition:border-color .15s,box-shadow .15s}.sidebar-api-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-lt);background:#fff}.sidebar-api-actions{display:flex;gap:8px;align-items:center}.sidebar-api-save{flex-shrink:0;padding:8px 14px;background:var(--brand);border:none;border-radius:8px;font-size:11px;font-weight:700;color:#fff;cursor:pointer;transition:filter .12s,transform .12s}.sidebar-api-save:hover{filter:brightness(1.05)}.sidebar-api-save:active{transform:scale(.98)}.sidebar-status{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.sidebar-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-hint{margin-top:8px;font-size:10px;color:var(--red);background:var(--red-lt);border:1px solid #fecaca;border-radius:8px;padding:7px 9px;line-height:1.55}.sidebar-session{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;margin-bottom:10px;background:#fff;border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:600;color:var(--text-3);box-shadow:0 1px 2px #0f172a08}.sidebar-user-row{display:flex;align-items:center;gap:11px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--brand),#3b82f6);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0f62fe40;border:2px solid #fff}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);letter-spacing:-.02em}.sidebar-user-role{font-size:11px;color:var(--text-3);font-weight:500;margin-top:1px}.sidebar-logout{flex-shrink:0;background:#fff;border:1px solid var(--border);cursor:pointer;color:var(--text-3);padding:8px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.sidebar-logout:hover{background:var(--red-lt);color:var(--red);border-color:#fecaca}