:root{--bg:#080b10;--panel:#0e131b;--panel2:#121925;--stroke:#202938;--text:#eef3fb;--muted:#8290a5;--accent:#5d7cff;--accent2:#7c92ff;--good:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 22px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0a0e14;border-right:1px solid #161d29;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;letter-spacing:.08em;padding:4px 8px 26px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#6883ff,#3958e8);box-shadow:0 10px 24px rgba(68,91,230,.35);font-size:16px;color:white}.nav{display:flex;flex-direction:column;gap:5px}.nav a,.logout{height:44px;padding:0 12px;border-radius:10px;color:#8996a9;display:flex;align-items:center;gap:12px;transition:.18s}.nav a:hover,.logout:hover{background:#111824;color:#dce5f3}.nav a.active{background:linear-gradient(90deg,rgba(93,124,255,.16),rgba(93,124,255,.04));color:#dfe6ff;border:1px solid rgba(93,124,255,.18)}.nav a.active:before{content:"";width:3px;height:18px;background:var(--accent);border-radius:8px;position:absolute;margin-left:-13px}.nav-label{font-size:10px;color:#536074;font-weight:800;letter-spacing:.16em;padding:22px 12px 7px}.ico{width:18px;height:18px}.sidebar-bottom{margin-top:auto}.support-link{display:block;margin:0 4px 10px;padding:12px;border:1px solid var(--stroke);border-radius:10px;text-align:center;color:#afbbcb}.main{grid-column:2;padding:0 32px 48px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #141b25}.topbar h1{font-size:22px;margin:0 0 5px;font-weight:720}.crumb{font-size:12px;color:#66758b}.account{display:flex;align-items:center;gap:11px}.account b{display:block;font-size:12px}.account small{display:block;color:#637188;font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#172134;border:1px solid #293550;font-weight:800}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(34,197,94,.08)}.content{max-width:1450px;margin:0 auto;padding-top:28px}.hero{background:radial-gradient(circle at 80% 20%,rgba(93,124,255,.14),transparent 28%),linear-gradient(135deg,#111824,#0d131c);border:1px solid var(--stroke);border-radius:18px;padding:26px;box-shadow:var(--shadow);margin-bottom:22px}.hero h2{margin:0 0 7px;font-size:24px}.hero p{margin:0;color:var(--muted);max-width:720px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat{background:var(--panel);border:1px solid var(--stroke);border-radius:15px;padding:18px}.stat .k{color:#748297;font-size:12px}.stat .v{font-size:26px;font-weight:760;margin-top:8px}.stat .s{font-size:11px;color:#617086;margin-top:4px}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;margin-bottom:18px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.panel-head h3{font-size:15px;margin:0}.panel-body{padding:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.proxy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.proxy-card{background:linear-gradient(150deg,#111824,#0d131b);border:1px solid var(--stroke);border-radius:17px;padding:20px;position:relative;overflow:hidden}.proxy-card:after{content:"";position:absolute;width:160px;height:160px;background:rgba(93,124,255,.06);filter:blur(20px);border-radius:50%;right:-70px;top:-70px}.proxy-top{display:flex;justify-content:space-between;gap:15px;position:relative;z-index:1}.proxy-name{font-size:16px;font-weight:750}.proxy-id{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#66748a;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#172133;color:#9eacc0}.pill.good{background:rgba(34,197,94,.1);color:#73e79d}.pill.bad{background:rgba(239,68,68,.1);color:#ff8b8b}.proxy-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.meta{padding:11px;border:1px solid #1d2735;background:#0c1119;border-radius:10px}.meta span{display:block;color:#66758a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.meta b{display:block;margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proxyline{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#080c12;border:1px solid #1b2431;border-radius:10px;padding:11px 12px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c5d0e1;position:relative;z-index:2}.proxyline code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;position:relative;z-index:2}.btn,button{appearance:none;border:0;cursor:pointer;border-radius:9px;background:linear-gradient(145deg,#6783ff,#4d68e9);color:white;padding:9px 13px;font:600 12px/1.2 inherit;box-shadow:0 7px 18px rgba(64,83,210,.18);transition:.16s}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.secondary,button.secondary{background:#151e2b;color:#c0ccdc;box-shadow:none;border:1px solid #283346}.btn.ghost,button.ghost{background:transparent;box-shadow:none;border:1px solid #273244;color:#9cabc0}.btn.danger,button.danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ff8c8c;box-shadow:none}form.inline{display:inline}.field{margin-bottom:14px}.field label,label{display:block;font-size:11px;color:#78869b;margin-bottom:7px;font-weight:650}.field input,.field select,.field textarea,input,select,textarea{width:100%;background:#0a1018;border:1px solid #202b3a;color:#e4eaf4;border-radius:9px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,input:focus,select:focus{border-color:#536edc;box-shadow:0 0 0 3px rgba(93,124,255,.1)}select option{background:#101620}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#647287;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:12px 14px;border-bottom:1px solid var(--stroke)}td{padding:14px;border-bottom:1px solid #18202c;color:#bdc8d8;font-size:12px}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.empty{padding:42px;text-align:center;color:#6f7d91}.toast{position:fixed;right:25px;top:25px;z-index:99;min-width:280px;max-width:430px;padding:13px 15px;border-radius:11px;background:#101923;border:1px solid #2a3545;box-shadow:var(--shadow)}.toast.success{border-color:rgba(34,197,94,.35)}.toast.error{border-color:rgba(239,68,68,.4)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--stroke);padding:0 20px}.tabs a{padding:14px 10px;color:#718097;font-size:12px;border-bottom:2px solid transparent}.tabs a.active{color:#dce5f3;border-color:var(--accent)}.notice{padding:12px 14px;border:1px solid #293649;border-radius:10px;background:#0b1119;color:#8494aa;margin-bottom:16px}.kv{display:grid;grid-template-columns:180px 1fr;gap:0}.kv div{padding:11px 0;border-bottom:1px solid #19212d}.kv div:nth-child(odd){color:#68778c}.codebox{background:#070a0f;border:1px solid #1b2531;border-radius:10px;padding:14px;white-space:pre-wrap;color:#a9b7ca;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;max-height:360px;overflow:auto}.auth-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(93,124,255,.13),transparent 30%),#080b10;display:grid;place-items:center;padding:20px}.auth-wrap{width:min(440px,100%)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:850;letter-spacing:.08em;margin-bottom:22px}.auth-card{background:#0e141d;border:1px solid #202938;border-radius:18px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{font-size:22px;margin:0 0 6px}.auth-card>p{color:#77869b;margin:0 0 24px}.auth-footer{text-align:center;margin-top:17px;color:#708096;font-size:12px}.auth-footer a{color:#9aabff}.auth-error{padding:10px 12px;border-radius:9px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#ff9c9c;margin-bottom:15px}.split{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini{font-size:11px;color:#6c7a8e}.price{font-size:22px;font-weight:780}.api-badge{font:10px ui-monospace,monospace;color:#8391a4;background:#091018;border:1px solid #1e2937;padding:5px 7px;border-radius:7px}
@media(max-width:1050px){.proxy-grid,.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.nav{flex-direction:row;overflow:auto}.nav-label,.sidebar-bottom{display:none}.main{padding:0 16px 30px}.topbar{height:86px}.account>div:not(.avatar){display:none}.proxy-grid,.stats,.grid,.grid.two{grid-template-columns:1fr}.brand{padding-bottom:15px}.proxy-meta{grid-template-columns:1fr 1fr}}

/* V18: clean-route + loading motion */
@keyframes uiSpin{to{transform:rotate(360deg)}}
@keyframes uiPulse{0%,100%{opacity:.45}50%{opacity:1}}
button.is-loading,.btn.is-loading{pointer-events:none!important;opacity:.84!important;transform:none!important;filter:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}
button.is-loading::before,.btn.is-loading::before{content:"";width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:uiSpin .68s linear infinite;flex:0 0 auto}
button.secondary.is-loading::before,button.ghost.is-loading::before,.btn.secondary.is-loading::before,.btn.ghost.is-loading::before{border-color:rgba(190,205,230,.28);border-top-color:#9eb4ff}
.sms-number-status.loading{display:flex;align-items:center;gap:7px;color:#91adff}
.sms-number-status.loading::before{content:"";width:10px;height:10px;border:2px solid rgba(126,154,255,.25);border-top-color:#88a3ff;border-radius:50%;animation:uiSpin .68s linear infinite}
.sms-processing{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 11px;border:1px solid rgba(93,124,255,.22);background:rgba(93,124,255,.06);border-radius:10px;color:#9eb2d9;font-size:10px;animation:uiPulse 1.35s ease-in-out infinite}
.sms-processing::before{content:"";width:13px;height:13px;border:2px solid rgba(126,154,255,.25);border-top-color:#8aa4ff;border-radius:50%;animation:uiSpin .7s linear infinite;flex:0 0 auto}

/* V23: dashboard announcement + Messenger-style support */
.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-style:normal;font-weight:900;display:grid;place-items:center;box-shadow:0 0 0 3px rgba(239,68,68,.08)}
.dashboard-announcement{display:flex;align-items:center;gap:10px;margin:0 0 18px;border:1px solid rgba(93,124,255,.28);background:linear-gradient(90deg,rgba(93,124,255,.12),rgba(93,124,255,.05));border-radius:12px;overflow:hidden;min-height:44px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.dashboard-announcement .announcement-icon{width:42px;align-self:stretch;display:grid;place-items:center;font-weight:950;font-size:16px;background:rgba(93,124,255,.12);flex:0 0 auto}
.announcement-window{overflow:hidden;white-space:nowrap;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.announcement-track{display:inline-flex;min-width:max-content;gap:80px;padding-right:80px;animation:announcementMarquee var(--announcement-duration,24s) linear infinite;will-change:transform}
.announcement-track span{font-size:11px;font-weight:800;letter-spacing:.015em;color:#dce5ff}
.dashboard-announcement:hover .announcement-track{animation-play-state:paused}
.dashboard-announcement.tone-success{border-color:rgba(34,197,94,.3);background:linear-gradient(90deg,rgba(34,197,94,.1),rgba(34,197,94,.04))}.dashboard-announcement.tone-success .announcement-icon{background:rgba(34,197,94,.12);color:#86efac}
.dashboard-announcement.tone-warning{border-color:rgba(245,158,11,.35);background:linear-gradient(90deg,rgba(245,158,11,.12),rgba(245,158,11,.04))}.dashboard-announcement.tone-warning .announcement-icon{background:rgba(245,158,11,.13);color:#fcd34d}.dashboard-announcement.tone-warning .announcement-track span{color:#fde9b0}
.dashboard-announcement.tone-danger{border-color:rgba(239,68,68,.38);background:linear-gradient(90deg,rgba(239,68,68,.12),rgba(239,68,68,.04))}.dashboard-announcement.tone-danger .announcement-icon{background:rgba(239,68,68,.14);color:#fca5a5}.dashboard-announcement.tone-danger .announcement-track span{color:#ffd0d0}
@keyframes announcementMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 40px))}}

.support-widget{position:fixed;right:22px;bottom:22px;z-index:120}
.support-launcher{width:54px;height:54px;border-radius:50%;padding:0;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#6f87ff,#5168e9);box-shadow:0 15px 35px rgba(44,63,170,.38);border:1px solid rgba(255,255,255,.14)}
.support-launcher .ico{width:23px;height:23px}.support-launcher-dot{position:absolute;right:2px;bottom:3px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #0a0f16}.support-launcher-dot.offline{background:#64748b}
.support-unread-badge{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;border:2px solid #080c12;color:#fff;font-size:9px;font-weight:900;place-items:center}.support-unread-badge:not([hidden]){display:grid}
.support-popover{position:absolute;right:0;bottom:66px;width:382px;height:min(570px,calc(100vh - 100px));background:#0c131d;border:1px solid #28364b;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.48);overflow:hidden;transform-origin:bottom right;animation:supportPop .16s ease-out;display:flex;flex-direction:column}
.support-popover[hidden]{display:none!important}.support-widget:not(.is-open) .support-popover{pointer-events:none}
.support-widget[data-support-role="admin"] .support-popover{width:min(680px,calc(100vw - 42px));height:min(590px,calc(100vh - 100px))}
@keyframes supportPop{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
.support-popover-head{height:68px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202c3c;background:linear-gradient(135deg,#111a27,#0e1520)}
.support-agent{display:flex;align-items:center;gap:10px}.support-agent-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6983ff,#4d66dc);font-weight:900;color:#fff;box-shadow:0 0 0 4px rgba(93,124,255,.08)}.support-agent b{display:block;font-size:12px}.support-agent span:not(.support-agent-avatar){display:block;color:#7f90a7;font-size:9px;margin-top:3px}.support-agent span.online{color:#74e49b}.support-agent span.online:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px;box-shadow:0 0 0 3px rgba(34,197,94,.08)}
.support-head-actions{display:flex;align-items:center;gap:6px}.support-close,.support-open-full{width:31px;height:31px;padding:0;border-radius:9px;background:#151e2a;border:1px solid #29364a;color:#b8c4d4;display:grid;place-items:center;box-shadow:none;font-size:18px}.support-open-full{font-size:13px}.support-close:hover,.support-open-full:hover{background:#1a2636}
.support-message-list{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;background:radial-gradient(circle at 100% 0,rgba(93,124,255,.05),transparent 28%),#0a1018}.support-message-list.customer{min-height:0}
.support-welcome{align-self:flex-start;max-width:84%;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#151f2d;border:1px solid #263449;color:#c9d4e4;font-size:11px;line-height:1.5}
.support-msg{display:flex;flex-direction:column;max-width:82%}.support-msg.mine{align-self:flex-end;align-items:flex-end}.support-msg.theirs{align-self:flex-start}.support-msg-bubble{padding:9px 11px;border-radius:14px;background:#162131;border:1px solid #25354a;color:#d9e2ef;font-size:11px;line-height:1.48;white-space:pre-wrap;word-break:break-word}.support-msg.mine .support-msg-bubble{background:linear-gradient(145deg,#5c78f3,#4b63d9);border-color:#6b83ef;color:#fff;border-bottom-right-radius:4px}.support-msg.theirs .support-msg-bubble{border-bottom-left-radius:4px}.support-msg-meta{font-size:8px;color:#65758b;margin-top:3px;padding:0 3px}.support-msg-seen{color:#90a5ff;font-weight:700}.support-typing{height:23px;padding:3px 14px 0;color:#7f91aa;font-size:9px}.support-typing.active:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d93ff;margin-right:6px;animation:uiPulse .9s infinite}
.support-compose{padding:10px;border-top:1px solid #202c3b;display:flex;align-items:flex-end;gap:8px;background:#0e151f}.support-compose textarea{resize:none;min-height:40px;max-height:110px;padding:10px 11px;font-size:11px;line-height:1.35}.support-compose button{height:40px;flex:0 0 auto;padding:0 14px}.support-compose button:disabled,.support-compose textarea:disabled{opacity:.45;cursor:not-allowed}
.support-empty{margin:auto;text-align:center;color:#63748a;font-size:10px;padding:24px}
.support-admin-mini{display:grid;grid-template-columns:225px 1fr;min-height:0;flex:1}.support-mini-threads{border-right:1px solid #202c3b;overflow:auto;background:#0b1119}.support-mini-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.support-mini-peer{height:45px;padding:0 12px;border-bottom:1px solid #202c3b;display:flex;justify-content:center;flex-direction:column}.support-mini-peer b{font-size:10px}.support-mini-peer span{font-size:8px;color:#6f8098;margin-top:2px}
.support-thread{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #182231;cursor:pointer;transition:.15s;position:relative}.support-thread:hover,.support-thread.active{background:#111b29}.support-thread-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#182438;color:#b7c7dd;font-size:10px;font-weight:900;flex:0 0 auto;position:relative}.support-thread-avatar.online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#22c55e;border:2px solid #0c131d}.support-thread-copy{min-width:0;flex:1}.support-thread-copy b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-thread-copy span{display:block;font-size:8px;color:#697a91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.support-thread-copy span.typing{color:#7fa0ff;font-weight:800}.support-thread-unread{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#5872e8;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.support-thread-time{font-size:7px;color:#526176;position:absolute;right:8px;bottom:5px}

.support-page-shell{display:grid;grid-template-columns:330px minmax(0,1fr);height:min(700px,calc(100vh - 190px));min-height:520px;border:1px solid #243248;border-radius:17px;overflow:hidden;background:#0b1119;box-shadow:var(--shadow)}.support-page-sidebar{display:flex;flex-direction:column;border-right:1px solid #243248;min-height:0}.support-page-sidehead{min-height:64px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243248;background:#0e1621}.support-page-sidehead b{display:block;font-size:13px}.support-page-sidehead span{display:block;font-size:9px;color:#70839a;margin-top:3px}.support-page-sidehead button{font-size:9px;padding:7px 9px}.support-thread-search{padding:9px;border-bottom:1px solid #202b3a}.support-thread-search input{padding:9px 10px;font-size:10px}.support-thread-list{overflow:auto;flex:1}.support-page-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.support-chat-head{height:64px;padding:0 15px;border-bottom:1px solid #243248;display:flex;align-items:center;justify-content:space-between}.support-chat-head b{display:block;font-size:12px}.support-chat-head span{display:block;font-size:9px;color:#72849c;margin-top:3px}.support-chat-head-actions button{font-size:9px;padding:7px 9px}.support-page-chat .support-message-list{padding:20px}.support-page-chat .support-msg{max-width:70%}.support-page-chat .support-compose{padding:12px 14px}.support-page-chat .support-compose textarea{font-size:12px}

@media(max-width:760px){.dashboard-announcement{margin-top:0}.support-widget{right:12px;bottom:12px}.support-popover,.support-widget[data-support-role="admin"] .support-popover{position:fixed;inset:10px;width:auto;height:auto;border-radius:16px}.support-launcher{width:50px;height:50px}.support-admin-mini{grid-template-columns:120px 1fr}.support-page-shell{grid-template-columns:120px 1fr;height:calc(100vh - 145px);min-height:520px}.support-page-sidehead{padding:8px}.support-page-sidehead .support-refresh,.support-thread-search{display:none}.support-thread-copy b{font-size:8px}.support-thread-copy span,.support-thread-time{display:none}.support-thread{padding:8px}.support-page-chat .support-msg{max-width:88%}}


/* V25 public login / landing */
.landing-body{margin:0;background:#f2f5f9;color:#12315b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.landing-hero{background:#1d3f6c;color:#fff;min-height:760px}.landing-nav{height:82px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}.landing-logo{display:flex;align-items:center;gap:11px;letter-spacing:.08em}.landing-nav nav{display:flex;gap:10px}.landing-nav nav a{padding:10px 14px;border-radius:7px;font-weight:700;font-size:13px}.landing-nav nav a:hover{background:rgba(255,255,255,.08)}.landing-grid{max-width:1220px;margin:auto;padding:74px 28px 68px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.7fr);gap:76px;align-items:start}.landing-copy{padding-top:18px}.landing-kicker{display:inline-block;background:#d6223d;padding:10px 16px;font-size:11px;font-weight:900;letter-spacing:.18em}.landing-copy h1{font-size:56px;line-height:1.13;margin:28px 0 22px;letter-spacing:-.02em}.landing-copy h1 em{font-style:normal;color:#ff8595}.landing-copy>p{max-width:700px;color:#e1e9f4;font-size:17px;line-height:1.75}.landing-actions{margin:30px 0 48px}.landing-btn{display:inline-flex;padding:15px 30px;font-weight:800;border:2px solid rgba(255,255,255,.65)}.landing-btn:hover{background:#fff;color:#1d3f6c}.landing-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.landing-facts b{display:block;font-size:19px}.landing-facts span{display:block;margin-top:8px;color:#b9cae0;font-size:12px}.landing-login{background:#fff;color:#17345c;border-radius:18px;padding:30px;box-shadow:0 30px 80px rgba(3,18,38,.32);margin-top:28px}.login-eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#d6223d}.landing-login h2{font-size:28px;margin:10px 0 5px}.landing-login>p{color:#6a7890;margin:0 0 24px}.landing-login input{background:#f7f9fc;border-color:#d9e0ea;color:#17345c}.landing-login label{color:#596a82}.landing-signin{width:100%;padding:13px;background:#d6223d;box-shadow:none}.landing-signin:hover{filter:brightness(1.05)}.landing-login .auth-footer{color:#718096}.landing-login .auth-footer a{color:#d6223d;font-weight:800}.landing-plans{max-width:1220px;margin:auto;padding:74px 28px 90px}.landing-section-head{text-align:center;max-width:640px;margin:0 auto 42px}.landing-section-head span{font-size:10px;color:#d6223d;font-weight:900;letter-spacing:.18em}.landing-section-head h2{font-size:34px;margin:10px 0}.landing-section-head p{color:#6f7d91}.plan-card-public{position:relative;width:min(380px,100%);margin:auto;background:#fff;border:2px solid #d6223d;padding:30px 28px 28px;box-shadow:0 18px 45px rgba(32,55,87,.08)}.plan-ribbon{position:absolute;left:28px;top:-18px;background:#d6223d;color:#fff;padding:10px 18px;font-size:10px;font-weight:900;letter-spacing:.15em}.plan-card-public h3{font-size:22px;margin:10px 0 2px}.plan-sub{color:#8a5d65}.plan-price-block{border-top:1px solid #d9e0ea;border-bottom:1px solid #d9e0ea;margin:22px -28px;padding:24px 28px}.plan-price-block span{display:block;font-size:11px;letter-spacing:.13em;color:#536882}.plan-price-block strong{display:block;color:#d6223d;font-size:36px;line-height:1.1;margin-top:7px}.plan-price-block small{color:#50647f}.plan-card-public>p{color:#566b85;line-height:1.65}.plan-cta{display:block;text-align:center;background:#d6223d;color:#fff;padding:15px;margin-top:20px;font-weight:850}.landing-footer{text-align:center;padding:26px;color:#718096;border-top:1px solid #d9e0ea}.landing-footer a{color:#d6223d;font-weight:700}@media(max-width:900px){.landing-grid{grid-template-columns:1fr;gap:24px;padding-top:40px}.landing-copy h1{font-size:42px}.landing-login{margin-top:0}.landing-facts{grid-template-columns:1fr 1fr}.landing-hero{min-height:auto}}@media(max-width:560px){.landing-nav{padding:0 16px}.landing-nav nav a:first-child{display:none}.landing-grid{padding-left:16px;padding-right:16px}.landing-copy h1{font-size:36px}.landing-facts{grid-template-columns:1fr 1fr}.landing-login{padding:22px}}

/* V26 unified dark login/register landing - matches the authenticated dashboard palette. */
.landing-body.landing-dark{min-height:100vh;background:#080b10;color:var(--text);overflow-x:hidden}.landing-dark .landing-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(93,124,255,.14),transparent 30%),radial-gradient(circle at 12% 15%,rgba(124,146,255,.08),transparent 26%),linear-gradient(180deg,#090d14,#080b10);border-bottom:1px solid #151d29}.landing-dark .landing-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);pointer-events:none}.landing-dark .landing-nav{position:relative;z-index:2;height:84px;max-width:1280px;margin:auto;padding:0 32px;border-bottom:1px solid #171f2c}.landing-dark .landing-logo{color:#eef3fb;font-size:14px;font-weight:900;letter-spacing:.08em}.landing-dark .landing-nav nav a{color:#9ba9bd;border:1px solid transparent}.landing-dark .landing-nav nav a:hover{background:#101722;border-color:#222d3d;color:#e8eef8}.landing-dark .landing-grid{position:relative;z-index:1;max-width:1280px;margin:auto;padding:70px 32px 82px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.72fr);gap:74px;align-items:center;min-height:690px}.landing-dark .landing-copy{padding:0}.landing-dark .landing-kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(93,124,255,.09);border:1px solid rgba(93,124,255,.25);border-radius:999px;padding:8px 12px;color:#9db0ff;font-size:10px;font-weight:900;letter-spacing:.16em}.landing-dark .landing-kicker span{width:6px;height:6px;border-radius:50%;background:#6f8aff;box-shadow:0 0 0 5px rgba(93,124,255,.08)}.landing-dark .landing-copy h1{font-size:58px;line-height:1.08;margin:24px 0 20px;letter-spacing:-.035em;color:#f4f7fc;max-width:760px}.landing-dark .landing-copy h1 em{font-style:normal;background:linear-gradient(120deg,#8297ff,#5d7cff);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-dark .landing-copy>p{max-width:700px;color:#8f9db1;font-size:16px;line-height:1.75;margin:0}.landing-dark .landing-actions{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0 42px}.landing-dark .landing-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 20px;font-size:12px;font-weight:800;border:1px solid #2b374a}.landing-dark .landing-btn.primary{background:linear-gradient(145deg,#6783ff,#4d68e9);border-color:#617aff;color:#fff;box-shadow:0 10px 30px rgba(73,96,224,.2)}.landing-dark .landing-btn.outline{background:#0d141e;color:#c6d1e1}.landing-dark .landing-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.landing-dark .landing-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:24px;border-top:1px solid #1d2634}.landing-dark .landing-facts div{min-width:0}.landing-dark .landing-facts b{display:block;color:#e9eef7;font-size:15px}.landing-dark .landing-facts span{display:block;color:#66758b;font-size:10px;margin-top:5px;line-height:1.45}.landing-dark .landing-auth-panel{position:relative;background:linear-gradient(150deg,#111824,#0d131b);border:1px solid #253146;border-radius:20px;padding:28px;box-shadow:0 32px 90px rgba(0,0,0,.38);overflow:hidden;color:#eef3fb}.landing-dark .landing-auth-glow{position:absolute;width:220px;height:220px;right:-100px;top:-110px;border-radius:50%;background:rgba(93,124,255,.12);filter:blur(28px);pointer-events:none}.landing-dark .login-eyebrow{position:relative;color:#8499ff;font-size:9px;font-weight:900;letter-spacing:.17em}.landing-dark .landing-auth-panel h2{position:relative;font-size:25px;margin:9px 0 5px}.landing-dark .landing-auth-panel>p{position:relative;color:#77869c;margin:0 0 20px;font-size:12px}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#090e15;border:1px solid #202a39;border-radius:11px;padding:4px;margin-bottom:18px}.auth-tab{background:transparent!important;border:0!important;box-shadow:none!important;color:#738299!important;border-radius:8px!important;padding:10px 12px!important;transform:none!important}.auth-tab:hover{background:#111927!important;color:#bfcbe0!important;filter:none!important}.auth-tab.active{background:linear-gradient(145deg,#26365f,#1c2948)!important;color:#e9eeff!important;box-shadow:inset 0 0 0 1px rgba(111,138,255,.22)!important}.auth-pane[hidden]{display:none!important}.auth-pane.active{display:block}.landing-dark .landing-auth-panel .field{margin-bottom:13px}.landing-dark .landing-auth-panel label{color:#718197;font-size:10px}.landing-dark .landing-auth-panel input{background:#090f17;border:1px solid #263246;color:#edf2fb;border-radius:10px;padding:12px 13px}.landing-dark .landing-auth-panel input:focus{border-color:#5d7cff;box-shadow:0 0 0 3px rgba(93,124,255,.1)}.landing-dark .landing-auth-panel input::placeholder{color:#45536a}.landing-dark .landing-signin{width:100%;padding:12px 14px;margin-top:2px;border-radius:10px;background:linear-gradient(145deg,#6783ff,#4d68e9);box-shadow:0 10px 24px rgba(65,87,210,.2);font-size:12px}.auth-inline-note{text-align:center;color:#65758b;font-size:10px;margin-top:14px}.auth-text-button{display:inline!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#8fa4ff!important;padding:0!important;font-size:10px!important;transform:none!important}.auth-text-button:hover{text-decoration:underline;filter:none!important}.auth-success{position:relative;padding:10px 11px;border-radius:9px;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.24);color:#84e6a8;margin-bottom:14px;font-size:10px}.landing-dark .auth-error{position:relative;font-size:10px}.register-hint{display:flex;align-items:center;gap:7px;padding:9px 10px;margin:-2px 0 13px;border-radius:9px;background:#0a111a;border:1px solid #1d2939;color:#71849d;font-size:9px}.register-hint span{color:#5ee28a}.landing-body.landing-dark .landing-plans{background:#080b10}.landing-dark .landing-plans{background:radial-gradient(circle at 50% 0,rgba(93,124,255,.055),transparent 34%),#080b10;color:#eef3fb;max-width:none;margin:0;padding:74px 28px 90px;border-bottom:1px solid #151d29}.landing-dark .landing-plans .landing-section-head{max-width:620px}.landing-dark .landing-plans .landing-section-head span{color:#7e94ff}.landing-dark .landing-plans .landing-section-head h2{color:#eef3fb}.landing-dark .landing-plans .landing-section-head p{color:#718097}.landing-dark .landing-plans .plan-card-public{position:relative;width:min(420px,100%);margin:auto;background:linear-gradient(150deg,#111824,#0d131b);border:1px solid #29364a;border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.26);color:#eef3fb}.landing-dark .landing-plans .plan-card-public:after{content:"";position:absolute;right:-75px;top:-75px;width:180px;height:180px;border-radius:50%;background:rgba(93,124,255,.09);filter:blur(25px)}.landing-dark .landing-plans .plan-ribbon{position:relative;z-index:1;display:inline-block;left:auto;top:auto;background:rgba(93,124,255,.09);border:1px solid rgba(93,124,255,.23);color:#99acff;border-radius:999px;padding:7px 10px;font-size:9px}.plan-topline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:18px}.landing-dark .landing-plans .plan-card-public h3{font-size:22px;margin:0 0 3px}.landing-dark .landing-plans .plan-sub{color:#65758b;font-size:10px}.plan-network-pill{display:inline-flex;padding:6px 8px;border-radius:999px;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.16);color:#7de49f;font-size:9px;font-weight:800}.landing-dark .landing-plans .plan-price-block{position:relative;z-index:1;border-top:1px solid #202a38;border-bottom:1px solid #202a38;margin:22px 0;padding:20px 0}.landing-dark .landing-plans .plan-price-block span{color:#65758b;font-size:9px}.landing-dark .landing-plans .plan-price-block strong{color:#8ea2ff;font-size:38px;margin-top:5px}.landing-dark .landing-plans .plan-price-block small{color:#66758a}.landing-dark .landing-plans .plan-card-public>p{position:relative;z-index:1;color:#8290a4;line-height:1.65;font-size:11px}.landing-dark .landing-plans .plan-cta{position:relative;z-index:1;width:100%;margin-top:18px;border:0;border-radius:10px;padding:13px;background:linear-gradient(145deg,#6783ff,#4d68e9);color:#fff;font-weight:800}.landing-dark .landing-footer{background:#080b10;border-top:0;color:#5f6d80}.landing-dark .landing-footer a{color:#8fa4ff}.landing-body.landing-dark .landing-plans{background:#080b10}
@media(max-width:980px){.landing-dark .landing-grid{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:48px}.landing-dark .landing-auth-panel{max-width:560px;width:100%;margin:auto}.landing-dark .landing-copy{text-align:center}.landing-dark .landing-copy>p{margin-left:auto;margin-right:auto}.landing-dark .landing-actions{justify-content:center}.landing-dark .landing-copy h1{font-size:48px;margin-left:auto;margin-right:auto}}
@media(max-width:620px){.landing-dark .landing-nav{padding:0 16px}.landing-dark .landing-nav nav a:first-child{display:none}.landing-dark .landing-grid{padding:36px 16px 54px}.landing-dark .landing-copy h1{font-size:37px}.landing-dark .landing-facts{grid-template-columns:1fr 1fr}.landing-dark .landing-auth-panel{padding:22px}.landing-dark .landing-plans{padding-left:16px;padding-right:16px}.plan-topline{flex-direction:column}}

/* =========================================================
   V30 PREMIUM UI + LIGHT / DARK THEME
   ========================================================= */
:root{
  --bg:#070a0f;--bg-soft:#0a0f17;--panel:#0d131c;--panel2:#111925;--panel3:#151f2d;
  --stroke:#202b3b;--stroke-strong:#2d3b50;--text:#f3f6fb;--muted:#8190a5;--muted2:#5f6f84;
  --accent:#6680ff;--accent2:#8b7cff;--cyan:#4cc9f0;--good:#26d07c;--bad:#ff5f68;--warn:#ffb84d;
  --glass:rgba(12,18,27,.74);--input:#080e16;--sidebar:#080c12;--shadow:0 24px 70px rgba(0,0,0,.30);
  --shadow-soft:0 12px 36px rgba(0,0,0,.18);--glow:rgba(102,128,255,.18);
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f5f7fb;--bg-soft:#eef2f8;--panel:#ffffff;--panel2:#f8faff;--panel3:#edf2fa;
  --stroke:#dce3ee;--stroke-strong:#c9d4e4;--text:#172033;--muted:#66748a;--muted2:#8290a4;
  --accent:#526ee8;--accent2:#765ee9;--cyan:#168daf;--good:#15985a;--bad:#d94b55;--warn:#c98516;
  --glass:rgba(255,255,255,.78);--input:#f8faff;--sidebar:#ffffff;--shadow:0 22px 55px rgba(34,54,84,.10);
  --shadow-soft:0 10px 28px rgba(34,54,84,.08);--glow:rgba(82,110,232,.14);
  color-scheme:light;
}
html{background:var(--bg);scroll-behavior:smooth}html,body{background:var(--bg);color:var(--text);transition:background-color .24s ease,color .24s ease}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 82% 8%,rgba(102,128,255,.055),transparent 27%),radial-gradient(circle at 18% 85%,rgba(76,201,240,.025),transparent 24%)}

/* Theme switch */
.theme-toggle{display:inline-flex!important;align-items:center;gap:8px;min-width:86px;height:38px;padding:0 12px!important;border-radius:999px!important;background:var(--panel2)!important;border:1px solid var(--stroke)!important;color:var(--muted)!important;box-shadow:none!important;transform:none!important;white-space:nowrap;font-size:11px!important;font-weight:750!important}
.theme-toggle:hover{border-color:var(--stroke-strong)!important;color:var(--text)!important;background:var(--panel3)!important;filter:none!important}.theme-toggle span:first-child{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(102,128,255,.12);color:var(--accent);font-size:12px}.theme-toggle.compact{min-width:auto;height:35px;padding:0 10px!important}.topbar-actions{display:flex;align-items:center;gap:14px}

/* Shell polish */
.sidebar{background:linear-gradient(180deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 94%,var(--accent) 6%));border-color:var(--stroke);box-shadow:8px 0 32px rgba(0,0,0,.05)}
.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28),transparent 65%);transform:translateX(-100%);animation:brandShine 7s ease-in-out infinite}
.nav a,.logout{color:var(--muted)}.nav a:hover,.logout:hover{background:var(--panel2);color:var(--text)}.nav a.active{background:linear-gradient(90deg,rgba(102,128,255,.15),rgba(102,128,255,.035));color:var(--text);border-color:rgba(102,128,255,.20)}
.nav-label{color:var(--muted2)}.support-link{border-color:var(--stroke);color:var(--muted)}
.main{background:transparent}.topbar{height:96px;border-color:var(--stroke);position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar h1{color:var(--text);letter-spacing:-.02em}.crumb{color:var(--muted2)}.account b{color:var(--text)}.account small{color:var(--muted)}.avatar{background:var(--panel2);border-color:var(--stroke-strong);color:var(--text);box-shadow:var(--shadow-soft)}
.content{padding-top:26px}.hero,.panel,.stat,.proxy-card,.dash-plan{background:var(--panel);border-color:var(--stroke);box-shadow:var(--shadow-soft)}
.panel-head{border-color:var(--stroke)}.panel-body{background:transparent}.notice{background:var(--panel2);border-color:var(--stroke);color:var(--muted)}
.field input,.field select,.field textarea,input,select,textarea{background:var(--input);border-color:var(--stroke);color:var(--text)}select option{background:var(--panel);color:var(--text)}
td{color:color-mix(in srgb,var(--text) 78%,var(--muted));border-color:var(--stroke)}th{color:var(--muted);border-color:var(--stroke)}.codebox{background:var(--bg-soft);border-color:var(--stroke);color:var(--muted)}.meta{background:var(--bg-soft);border-color:var(--stroke)}.proxyline{background:var(--bg-soft);border-color:var(--stroke);color:var(--text)}
.btn.secondary,button.secondary{background:var(--panel2);border-color:var(--stroke-strong);color:var(--text)}.btn.ghost,button.ghost{background:transparent;border-color:var(--stroke);color:var(--muted)}
.toast{background:var(--panel);border-color:var(--stroke);color:var(--text)}

/* Premium dashboard */
.dashboard-vip{animation:dashEnter .45s cubic-bezier(.2,.8,.2,1)}
.dash-hero{position:relative;min-height:238px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;border:1px solid var(--stroke);border-radius:24px;padding:34px 38px;margin-bottom:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,var(--accent) 6%),var(--panel));box-shadow:var(--shadow);isolation:isolate}
.dash-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,140,180,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,180,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 72%);z-index:-2}.dash-hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-170px;top:-220px;background:radial-gradient(circle,rgba(102,128,255,.20),rgba(102,128,255,.03) 42%,transparent 70%);z-index:-1;animation:heroGlow 8s ease-in-out infinite alternate}
.dash-hero-copy{max-width:760px;position:relative;z-index:2}.dash-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--accent);margin-bottom:12px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(38,208,124,.4);animation:pulseRing 2s infinite}.dash-hero h2{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0 0 10px;color:var(--text)}.dash-hero p{font-size:13px;line-height:1.7;color:var(--muted);max-width:660px;margin:0}.dash-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.dash-hero-actions .btn{padding:10px 14px}
.dash-orbit,.network-radar{position:relative;flex:0 0 190px;width:190px;height:190px;display:grid;place-items:center}.orbit-ring,.radar-wave{position:absolute;border-radius:50%;border:1px solid rgba(102,128,255,.20)}.orbit-ring.r1{width:150px;height:150px;animation:orbitRotate 13s linear infinite}.orbit-ring.r2{width:188px;height:188px;border-style:dashed;opacity:.55;animation:orbitRotate 20s linear infinite reverse}.orbit-core,.radar-core{width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,rgba(133,153,255,.24),rgba(102,128,255,.09));border:1px solid rgba(102,128,255,.28);box-shadow:0 0 45px rgba(102,128,255,.15);color:var(--text)}.orbit-core strong{font-size:29px;line-height:1}.orbit-core span,.radar-core small{font-size:8px;letter-spacing:.15em;color:var(--muted);margin-top:6px}.orbit-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.orbit-node.n1{top:17px;left:50%}.orbit-node.n2{right:17px;bottom:47px;background:var(--cyan)}.orbit-node.n3{left:32px;bottom:29px;background:var(--good)}
.radar-wave.w1{width:105px;height:105px;animation:radarPulse 3s ease-out infinite}.radar-wave.w2{width:145px;height:145px;animation:radarPulse 3s ease-out 1s infinite}.radar-wave.w3{width:185px;height:185px;animation:radarPulse 3s ease-out 2s infinite}.radar-core b{font-size:15px;margin-top:7px}.radar-core .live-dot{width:8px;height:8px}
.premium-stats{gap:13px;margin:0 0 20px}.premium-stats .stat{position:relative;overflow:hidden;padding:17px 18px;min-height:145px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.premium-stats .stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,var(--stroke));box-shadow:0 16px 38px rgba(31,49,83,.10)}.premium-stats .stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;bottom:-55px;background:var(--glow);filter:blur(14px)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon,.shortcut-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(102,128,255,.10);color:var(--accent);border:1px solid rgba(102,128,255,.14)}.stat-icon.green,.shortcut-icon.green{background:rgba(38,208,124,.09);color:var(--good);border-color:rgba(38,208,124,.14)}.stat-icon.violet,.shortcut-icon.violet{background:rgba(139,124,255,.10);color:var(--accent2);border-color:rgba(139,124,255,.15)}.stat-icon.amber{background:rgba(255,184,77,.10);color:var(--warn);border-color:rgba(255,184,77,.15)}.stat-icon .ico,.shortcut-icon .ico{width:16px;height:16px}.stat-trend{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted);padding:4px 7px;border-radius:999px;background:var(--panel2);border:1px solid var(--stroke)}.stat-trend.good{color:var(--good)}.premium-stats .stat .k{color:var(--muted);font-size:11px}.premium-stats .stat .v{color:var(--text);font-size:29px;letter-spacing:-.03em}.premium-stats .stat .v.compact{font-size:18px;margin-top:13px}.premium-stats .stat .v.date{font-size:13px;margin-top:15px;word-break:break-word}.premium-stats .stat .s{color:var(--muted2)}
.admin-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(102,128,255,.18);background:rgba(102,128,255,.055);border-radius:13px;color:var(--muted);font-size:11px;margin-bottom:15px}.admin-note b{color:var(--text);display:block}.admin-note span:not(.admin-note-icon){display:block;margin-top:2px}.admin-note-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(38,208,124,.10);color:var(--good)}
.dash-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.dash-shortcuts>a{display:flex;align-items:center;gap:12px;padding:14px 15px;background:var(--panel);border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow-soft);transition:.2s ease}.dash-shortcuts>a:hover{transform:translateY(-2px);border-color:rgba(102,128,255,.30)}.dash-shortcuts>a>div{min-width:0;flex:1}.dash-shortcuts b{display:block;font-size:12px}.dash-shortcuts small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.dash-shortcuts>a>span:last-child{color:var(--muted2);font-size:16px;transition:transform .2s}.dash-shortcuts>a:hover>span:last-child{transform:translateX(3px);color:var(--accent)}
.premium-plan{position:relative;overflow:hidden;border-radius:18px;padding:20px 22px;margin-bottom:20px;background:linear-gradient(125deg,rgba(102,128,255,.10),var(--panel) 42%,var(--panel));border-color:rgba(102,128,255,.20)}.premium-plan:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-100px;background:rgba(102,128,255,.10);filter:blur(18px)}.premium-plan .plan-copy{position:relative;z-index:1}.premium-plan .label{color:var(--accent)}.premium-plan strong{color:var(--text);font-size:19px}.premium-plan strong span{color:var(--accent)}.premium-plan p{color:var(--muted)}.premium-plan .right{position:relative;z-index:2}.premium-plan .price{display:flex;align-items:baseline;gap:2px;color:var(--text);font-size:29px}.premium-plan .price small{font-size:8px;letter-spacing:.12em;color:var(--muted);margin-right:5px}.premium-plan .price em{font-style:normal;font-size:9px;color:var(--muted);font-weight:600}
.premium-panel{border-radius:18px;overflow:hidden}.panel-kicker{font-size:8px;letter-spacing:.16em;color:var(--accent);font-weight:850;margin-bottom:4px}.premium-proxy,.dash-proxy{background:linear-gradient(145deg,var(--panel2),var(--panel));border-color:var(--stroke);transition:transform .2s,border-color .2s}.premium-proxy:hover,.dash-proxy:hover{transform:translateY(-2px);border-color:rgba(102,128,255,.28)}.admin-proxy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dash-proxy{border:1px solid var(--stroke);border-radius:15px;padding:15px;position:relative;overflow:hidden}.dash-proxy:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--glow);right:-60px;top:-65px;filter:blur(15px)}.dash-proxy-head{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1}.dash-proxy-name{font-weight:850;font-size:13px;color:var(--text)}.dash-proxy-owner{font-size:9px;color:var(--muted);margin-top:4px}.dash-ip{font:800 16px ui-monospace,SFMono-Regular,Menlo,monospace;margin:14px 0 4px;color:var(--text)}.dash-meta{font-size:9px;color:var(--muted)}.dash-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;position:relative;z-index:2}.dash-actions form{margin:0}.dash-actions .btn,.dash-actions button{font-size:10px;padding:8px 10px}.activity-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(102,128,255,.08);border:1px solid rgba(102,128,255,.13);color:var(--accent);font-size:9px;font-weight:800}

/* Premium landing */
.landing-body.landing-dark{background:var(--bg);color:var(--text)}.landing-dark .landing-shell{min-height:780px;background:radial-gradient(circle at 74% 18%,rgba(102,128,255,.15),transparent 27%),radial-gradient(circle at 18% 24%,rgba(76,201,240,.045),transparent 25%),linear-gradient(180deg,var(--bg-soft),var(--bg));border-color:var(--stroke)}
.landing-dark .landing-shell:before{background-image:linear-gradient(rgba(120,140,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,180,.035) 1px,transparent 1px);background-size:52px 52px}.landing-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.landing-ambient i{position:absolute;border-radius:50%;filter:blur(2px);background:radial-gradient(circle,rgba(102,128,255,.22),rgba(102,128,255,.02) 58%,transparent 72%);animation:ambientFloat 14s ease-in-out infinite}.landing-ambient i:nth-child(1){width:330px;height:330px;right:10%;top:8%}.landing-ambient i:nth-child(2){width:210px;height:210px;left:8%;top:42%;animation-delay:-5s;opacity:.45}.landing-ambient i:nth-child(3){width:150px;height:150px;right:42%;bottom:-3%;animation-delay:-9s;opacity:.35}
.landing-dark .landing-nav{border-color:var(--stroke);height:88px}.landing-dark .landing-logo{color:var(--text)}.landing-dark .landing-nav nav{align-items:center}.landing-dark .landing-nav nav a{color:var(--muted)}.landing-dark .landing-nav nav a:hover{background:var(--panel2);border-color:var(--stroke);color:var(--text)}.landing-dark .landing-grid{min-height:690px;padding-top:62px;padding-bottom:74px}.landing-dark .landing-kicker{position:relative;overflow:hidden;background:rgba(102,128,255,.08);border-color:rgba(102,128,255,.24);color:color-mix(in srgb,var(--accent) 78%,var(--text))}.landing-dark .landing-kicker:after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-150%);animation:kickerShine 5.5s ease-in-out infinite}.landing-dark .landing-copy h1{font-size:60px;color:var(--text)}.landing-dark .landing-copy h1 em{background:linear-gradient(120deg,#83a0ff,#756cff 55%,#54c8ef);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 180%;animation:gradientText 6s ease infinite}.landing-dark .landing-copy>p{color:var(--muted)}.landing-dark .landing-actions{align-items:center;margin-bottom:38px}.landing-online{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.landing-online i,.btn-pulse{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(38,208,124,.35);animation:pulseRing 2s infinite}.landing-dark .landing-btn.primary{background:linear-gradient(135deg,#6d84ff,#5369e7);border-color:rgba(130,151,255,.65);box-shadow:0 12px 35px rgba(77,102,231,.22)}.landing-dark .landing-facts{border-color:var(--stroke)}.landing-dark .landing-facts b{color:var(--text)}.landing-dark .landing-facts span{color:var(--muted)}
.landing-dark .landing-auth-panel{background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 94%,var(--accent) 6%),var(--panel));border-color:var(--stroke-strong);box-shadow:0 34px 90px rgba(0,0,0,.24);transition:transform .28s ease,border-color .28s ease}.landing-dark .landing-auth-panel:hover{transform:translateY(-3px);border-color:rgba(102,128,255,.34)}.landing-dark .landing-auth-glow{background:rgba(102,128,255,.15);animation:authGlow 6s ease-in-out infinite alternate}.landing-dark .login-eyebrow{color:var(--accent)}.landing-dark .landing-auth-panel h2{color:var(--text)}.landing-dark .landing-auth-panel>p{color:var(--muted)}.auth-tabs{background:var(--bg-soft);border-color:var(--stroke)}.auth-tab{color:var(--muted)!important}.auth-tab:hover{background:var(--panel2)!important;color:var(--text)!important}.auth-tab.active{background:linear-gradient(145deg,rgba(102,128,255,.24),rgba(102,128,255,.12))!important;color:var(--text)!important}.landing-dark .landing-auth-panel label{color:var(--muted)}.landing-dark .landing-auth-panel input{background:var(--input);border-color:var(--stroke);color:var(--text)}.register-hint{background:var(--bg-soft);border-color:var(--stroke);color:var(--muted)}
.landing-body.landing-dark .landing-plans,.landing-dark .landing-plans,.landing-dark .landing-footer{background:var(--bg);color:var(--text);border-color:var(--stroke)}.landing-dark .landing-plans .landing-section-head h2{color:var(--text)}.landing-dark .landing-plans .landing-section-head p{color:var(--muted)}.landing-dark .landing-plans .plan-card-public{background:linear-gradient(150deg,var(--panel2),var(--panel));border-color:var(--stroke-strong);color:var(--text);box-shadow:var(--shadow)}.landing-dark .landing-plans .plan-card-public h3{color:var(--text)}.landing-dark .landing-plans .plan-price-block{border-color:var(--stroke)}.landing-dark .landing-plans .plan-card-public>p{color:var(--muted)}.landing-dark .landing-footer{color:var(--muted)}

/* Light-mode hardcoded dark component repairs */
html[data-theme="light"] body:before{background:radial-gradient(circle at 80% 8%,rgba(82,110,232,.07),transparent 27%),radial-gradient(circle at 10% 90%,rgba(22,141,175,.035),transparent 22%)}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#fff,#f8faff);border-color:var(--stroke)}
html[data-theme="light"] .hero,html[data-theme="light"] .proxy-card,html[data-theme="light"] .dash-proxy,html[data-theme="light"] .landing-auth-panel{background:linear-gradient(145deg,#fff,#f7f9fe)}
html[data-theme="light"] .meta,html[data-theme="light"] .proxyline,html[data-theme="light"] .codebox{background:#f7f9fd}
html[data-theme="light"] .pill{background:#edf2f8;color:#637188}html[data-theme="light"] .pill.good{background:#e9f9f0;color:#117a47}html[data-theme="light"] .pill.bad{background:#fff0f1;color:#c83d46}
html[data-theme="light"] .support-popover,html[data-theme="light"] .support-admin-mini,html[data-theme="light"] .support-mini-chat,html[data-theme="light"] .support-message-list{background:var(--panel)!important;color:var(--text)!important;border-color:var(--stroke)!important}
html[data-theme="light"] .support-msg.theirs .support-msg-bubble,html[data-theme="light"] .support-welcome{background:#eef3fb!important;color:#34445d!important;border-color:#d9e2ef!important}
html[data-theme="light"] .support-compose{background:#f8faff!important;border-color:var(--stroke)!important}html[data-theme="light"] .support-compose textarea{background:#fff!important;color:var(--text)!important}
html[data-theme="light"] .sms-card,html[data-theme="light"] .sms-section,html[data-theme="light"] .sms-stat,html[data-theme="light"] .sms-wallet-card{background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--text)!important}
html[data-theme="light"] .api-doc-card,html[data-theme="light"] .api-tester,html[data-theme="light"] .api-endpoint,html[data-theme="light"] .setting-card{background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--text)!important}

/* Motion */
@keyframes brandShine{0%,65%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
@keyframes dashEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes heroGlow{from{transform:scale(.92);opacity:.72}to{transform:scale(1.08);opacity:1}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(38,208,124,.38)}70%{box-shadow:0 0 0 8px rgba(38,208,124,0)}100%{box-shadow:0 0 0 0 rgba(38,208,124,0)}}
@keyframes orbitRotate{to{transform:rotate(360deg)}}
@keyframes radarPulse{0%{transform:scale(.62);opacity:.7}75%,100%{transform:scale(1);opacity:0}}
@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-24px,0) scale(1.08)}}
@keyframes kickerShine{0%,65%{transform:translateX(-160%)}85%,100%{transform:translateX(330%)}}
@keyframes gradientText{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes authGlow{from{transform:scale(.9);opacity:.65}to{transform:scale(1.12);opacity:1}}

@media(max-width:1100px){.admin-proxy-grid{grid-template-columns:repeat(2,1fr)}.dash-shortcuts{grid-template-columns:1fr 1fr}.dash-orbit,.network-radar{flex-basis:160px;width:160px;height:160px}.orbit-ring.r2,.radar-wave.w3{width:158px;height:158px}.orbit-ring.r1,.radar-wave.w2{width:130px;height:130px}.radar-wave.w1{width:100px;height:100px}}
@media(max-width:760px){.topbar-actions .theme-toggle{min-width:38px;width:38px;padding:0!important;justify-content:center}.topbar-actions .theme-toggle [data-theme-label]{display:none}.dash-hero{padding:25px 22px;min-height:auto}.dash-hero h2{font-size:25px}.dash-orbit,.network-radar{display:none}.dash-shortcuts{grid-template-columns:1fr}.premium-plan{align-items:flex-start}.premium-plan .right{align-items:flex-end;flex-direction:column}.admin-proxy-grid{grid-template-columns:1fr}.landing-dark .landing-copy h1{font-size:40px}.landing-dark .landing-nav nav a:nth-child(2){display:none}.landing-dark .landing-nav nav{gap:4px}.theme-toggle.compact [data-theme-label]{display:none}.theme-toggle.compact{width:36px;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* V31 favicon / password recovery */
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.field-label-row label{margin:0}.forgot-link{color:var(--accent);font-size:10px;font-weight:750;text-decoration:none}.forgot-link:hover{text-decoration:underline}
.password-page{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden;position:relative}
.password-page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--stroke) 24%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--stroke) 24%,transparent) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 45%,black,transparent 72%);opacity:.5}
.password-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.password-ambient i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}.password-ambient i:nth-child(1){width:420px;height:420px;background:#5d7cff;right:-120px;top:-170px;animation:heroGlow 9s ease-in-out infinite alternate}.password-ambient i:nth-child(2){width:330px;height:330px;background:#34b7d8;left:-150px;bottom:-110px;animation:heroGlow 11s ease-in-out infinite alternate-reverse}.password-ambient i:nth-child(3){width:220px;height:220px;background:#8067e8;left:44%;top:36%;opacity:.08}
.password-nav{height:84px;max-width:1180px;margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid var(--stroke)}
.password-nav .landing-logo{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.08em;font-size:13px;color:var(--text)}
.password-layout{width:min(1040px,calc(100% - 36px));min-height:calc(100vh - 84px);margin:0 auto;display:grid;grid-template-columns:1fr 460px;gap:76px;align-items:center;padding:52px 0 78px;position:relative;z-index:2}
.password-copy{padding:24px 0}.password-shield{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;margin-bottom:22px;background:linear-gradient(145deg,rgba(102,128,255,.22),rgba(102,128,255,.08));border:1px solid rgba(102,128,255,.30);color:var(--accent);font-size:26px;box-shadow:0 18px 45px rgba(75,95,216,.16)}
.password-copy .login-eyebrow,.password-card .login-eyebrow{font-size:9px;font-weight:900;letter-spacing:.17em;color:var(--accent)}.password-copy h1{font-size:44px;letter-spacing:-.035em;line-height:1.05;margin:10px 0 15px;color:var(--text)}.password-copy>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:520px;margin:0}.security-points{display:grid;gap:11px;margin-top:28px;color:var(--muted);font-size:12px}.security-points span{display:flex;align-items:center;gap:10px}.security-points i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.10);color:var(--good);font-size:10px;font-weight:900}
.password-card{position:relative;background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 95%,var(--accent) 5%),var(--panel));border:1px solid var(--stroke-strong);border-radius:22px;padding:30px;box-shadow:var(--shadow);overflow:hidden}.password-card:after{content:"";position:absolute;width:220px;height:220px;right:-120px;top:-130px;border-radius:50%;background:rgba(102,128,255,.13);filter:blur(28px);pointer-events:none}.password-card>*{position:relative;z-index:1}.password-card h2{font-size:25px;letter-spacing:-.02em;margin:9px 0 7px}.password-card-copy{margin:0 0 20px;color:var(--muted);font-size:11px;line-height:1.6}.password-card .field input{padding:13px 14px;border-radius:11px}
.password-state{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--stroke);background:var(--bg-soft);border-radius:14px;padding:16px;margin-bottom:18px}.password-state>span{flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:900}.password-state b{display:block;font-size:13px}.password-state p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.password-state.success{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.055)}.password-state.success>span{background:rgba(34,197,94,.12);color:var(--good)}.password-state.expired{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.05)}.password-state.expired>span{background:rgba(245,158,11,.12);color:var(--warn)}
.password-action-link{display:flex!important;align-items:center;justify-content:center;text-decoration:none;margin-top:4px}.password-note{text-align:center;color:var(--muted2);font-size:9px;line-height:1.6;margin-top:13px}
.password-strength{height:5px;border-radius:99px;background:var(--panel3);overflow:hidden;margin:-5px 0 6px}.password-strength i{display:block;height:100%;width:0;border-radius:inherit;background:var(--bad);transition:width .2s ease,background-color .2s ease}.password-strength-label{font-size:9px;color:var(--muted2);margin-bottom:13px}
@media(max-width:900px){.password-layout{grid-template-columns:1fr;gap:26px;padding-top:36px;max-width:560px}.password-copy{text-align:center;padding-bottom:0}.password-shield{margin-left:auto;margin-right:auto}.password-copy>p{margin-left:auto;margin-right:auto}.security-points{display:none}.password-copy h1{font-size:36px}}
@media(max-width:560px){.password-nav{padding:0 16px}.password-layout{width:min(100% - 28px,520px)}.password-card{padding:23px}.password-copy h1{font-size:31px}.password-nav .landing-logo span:last-child{font-size:11px}}

/* V45 — higher-contrast light theme */
html[data-theme="light"]{
  --bg:#f3f6fb;
  --bg-soft:#edf2f8;
  --panel:#ffffff;
  --panel2:#f7f9fc;
  --panel3:#e9eff7;
  --stroke:#cbd5e1;
  --stroke-strong:#aebdd0;
  --text:#0f172a;
  --muted:#475569;
  --muted2:#64748b;
  --input:#ffffff;
  --sidebar:#ffffff;
  --shadow:0 20px 50px rgba(15,23,42,.09);
  --shadow-soft:0 8px 24px rgba(15,23,42,.07);
}
html[data-theme="light"] body{color:#0f172a}
html[data-theme="light"] .topbar{background:rgba(243,246,251,.90);border-color:#cbd5e1}
html[data-theme="light"] .topbar h1,
html[data-theme="light"] .account b,
html[data-theme="light"] .brand,
html[data-theme="light"] .panel-head h2,
html[data-theme="light"] .panel-head h3,
html[data-theme="light"] .stat .v,
html[data-theme="light"] .proxy-name,
html[data-theme="light"] .price{color:#0f172a}
html[data-theme="light"] .crumb,
html[data-theme="light"] .account small,
html[data-theme="light"] .mini,
html[data-theme="light"] .muted,
html[data-theme="light"] .stat .k,
html[data-theme="light"] .stat .s,
html[data-theme="light"] .field label,
html[data-theme="light"] label,
html[data-theme="light"] .proxy-id,
html[data-theme="light"] .nav-label{color:#526179}
html[data-theme="light"] .nav a,
html[data-theme="light"] .logout{color:#475569;font-weight:600}
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .logout:hover{background:#eef3f9;color:#0f172a}
html[data-theme="light"] .nav a.active{background:linear-gradient(90deg,rgba(82,110,232,.16),rgba(82,110,232,.05));color:#172554;border-color:rgba(82,110,232,.28)}
html[data-theme="light"] .support-link{color:#334155;border-color:#cbd5e1;background:#fff}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea{background:#fff;color:#0f172a;border-color:#b9c6d7}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#7c8aa0;opacity:1}
html[data-theme="light"] th{color:#475569;font-weight:850}
html[data-theme="light"] td{color:#263449}
html[data-theme="light"] .btn.secondary,
html[data-theme="light"] button.secondary{background:#f4f7fb;color:#1e293b;border-color:#b8c5d6}
html[data-theme="light"] .btn.ghost,
html[data-theme="light"] button.ghost{color:#334155;border-color:#b8c5d6;background:#fff}
html[data-theme="light"] .notice{color:#475569;background:#f7f9fc;border-color:#cbd5e1}
html[data-theme="light"] .api-badge{color:#334155;background:#f3f6fa;border-color:#cbd5e1;font-weight:800}

/* V45 — Proxy For Ebay light-theme contrast */
html[data-theme="light"] .ebay-hero{background:radial-gradient(circle at 82% 20%,rgba(82,110,232,.10),transparent 34%),linear-gradient(145deg,#fff,#f7f9fd);border-color:#c8d3e5}
html[data-theme="light"] .ebay-kpi>div{background:#fff;border-color:#bfcbdc}
html[data-theme="light"] .ebay-kpi span{color:#50627a;font-weight:700}
html[data-theme="light"] .ebay-kpi b{color:#0f172a}
html[data-theme="light"] .privacy-note{color:#315f58;background:#edf9f6;border-color:#bfe7de}
html[data-theme="light"] .field-help{color:#52647c}
html[data-theme="light"] .proxy-control{box-shadow:0 14px 36px rgba(15,23,42,.08)}
html[data-theme="light"] .proxy-control-head{border-color:#cbd5e1}
html[data-theme="light"] .proxy-control-title{color:#0f172a}
html[data-theme="light"] .proxy-control-sub{color:#53677f}
html[data-theme="light"] .proxy-box{background:#fff;border-color:#c5d0df}
html[data-theme="light"] .proxy-box-label{color:#53657d;font-weight:850}
html[data-theme="light"] .proxy-ip{color:#0f172a}
html[data-theme="light"] .proxy-ip-note{color:#52657d}
html[data-theme="light"] .proxy-location-city{color:#0f172a}
html[data-theme="light"] .proxy-location-meta{color:#475569}
html[data-theme="light"] .proxy-state-grid>div{background:#f8fafc;border-color:#cbd5e1}
html[data-theme="light"] .proxy-state-grid span{color:#64748b;font-weight:800}
html[data-theme="light"] .proxy-state-grid b{color:#172033}
html[data-theme="light"] .credential-line{background:#f8fafc;border-color:#c5d0df}
html[data-theme="light"] .credential-line code{color:#172033;font-weight:750}
html[data-theme="light"] .ebay-name{color:#0f172a}
html[data-theme="light"] .ebay-id{color:#475569}
html[data-theme="light"] .ebay-owner{color:#52657d}
html[data-theme="light"] .proxy-card-location b{color:#0f172a}
html[data-theme="light"] .proxy-card-location span{color:#52657d}
html[data-theme="light"] .carrier-pill{color:#334155;border-color:#c4cfdd;background:#f8fafc}
html[data-theme="light"] .coverage-item{background:#fff;border-color:#c5d0df}
html[data-theme="light"] .coverage-item span{color:#52657d;font-weight:700}
html[data-theme="light"] .coverage-item b{color:#0f172a}
html[data-theme="light"] .ebay-modal{background:rgba(15,23,42,.38)}
html[data-theme="light"] .ebay-modal-card{background:#fff;border-color:#bcc8d8;box-shadow:0 34px 90px rgba(15,23,42,.18)}
html[data-theme="light"] .modal-title-row b{color:#0f172a}
html[data-theme="light"] .location-search:before{color:#64748b}
html[data-theme="light"] .carrier-tab{background:#fff;border-color:#bfcbdc;color:#334155}
html[data-theme="light"] .carrier-tab:hover{background:#f1f5f9;color:#0f172a}
html[data-theme="light"] .carrier-tab.active{background:#e9efff;color:#1e3a8a;border-color:#8298eb}
html[data-theme="light"] .state-option{color:#1e293b}
html[data-theme="light"] .state-option strong{color:#172033}
html[data-theme="light"] .state-option small{color:#64748b}
html[data-theme="light"] .state-count{color:#475569;border-color:#b9c6d6;background:#fff}
html[data-theme="light"] .state-option:hover,
html[data-theme="light"] .state-option.active{background:#eaf0ff;color:#172554}
html[data-theme="light"] .location-results-head b{color:#172033}
html[data-theme="light"] .location-results-head span{color:#52657d}
html[data-theme="light"] .city-group{background:#fff;border-color:#bdc9d9}
html[data-theme="light"] .city-head{background:#f8fafc;border-color:#d3dbe7}
html[data-theme="light"] .city-name{color:#172033}
html[data-theme="light"] .city-sub,
html[data-theme="light"] .city-total{color:#52657d}
html[data-theme="light"] .carrier-row{border-color:#d8e0ea}
html[data-theme="light"] .carrier-name{color:#1e293b}
html[data-theme="light"] .availability-free{color:#52657d}
html[data-theme="light"] .availability-state{color:#087f52}
html[data-theme="light"] .availability-state.off{color:#c43d4b}
html[data-theme="light"] .connect-location{background:#fff;border-color:#aebed1;color:#2547b8}
html[data-theme="light"] .connect-location:hover{background:#eef2ff;color:#1e3a8a;border-color:#6f86e8}
html[data-theme="light"] .modal-foot-note,
html[data-theme="light"] .api-private-label{color:#52657d}
html[data-theme="light"] .modal-foot-note b,
html[data-theme="light"] .api-private-label b{color:#172033}

/* ========================================================================== */
/* V46 — polished dual-theme design system                                    */
/* Goal: stronger hierarchy, cleaner surfaces, and equal quality in light/dark */
/* ========================================================================== */

:root,
html[data-theme="dark"]{
  --bg:#070b12;
  --bg-soft:#0a111b;
  --panel:#0f1724;
  --panel2:#131e2e;
  --panel3:#182539;
  --stroke:#223149;
  --stroke-strong:#31445f;
  --text:#f4f7fb;
  --muted:#a1aec0;
  --muted2:#7d8ca2;
  --accent:#6d7fff;
  --accent2:#9377ff;
  --cyan:#4cc7e8;
  --good:#36d482;
  --bad:#ff6673;
  --warn:#f6b84a;
  --input:#0b1420;
  --sidebar:#0a111b;
  --glass:rgba(15,23,36,.82);
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --shadow-soft:0 12px 34px rgba(0,0,0,.20);
  --shadow-card:0 8px 24px rgba(0,0,0,.18);
  --glow:rgba(109,127,255,.18);
  --focus:0 0 0 3px rgba(109,127,255,.18);
  --surface-hover:#162338;
  --success-bg:rgba(54,212,130,.075);
  --danger-bg:rgba(255,102,115,.075);
  --warning-bg:rgba(246,184,74,.075);
  color-scheme:dark;
}

html[data-theme="light"]{
  --bg:#f3f6fb;
  --bg-soft:#eef3f9;
  --panel:#ffffff;
  --panel2:#f7f9fd;
  --panel3:#edf2f8;
  --stroke:#d4deeb;
  --stroke-strong:#b8c6d8;
  --text:#0b1324;
  --muted:#4b5d75;
  --muted2:#6d7e94;
  --accent:#4f67e8;
  --accent2:#7458dc;
  --cyan:#087ea4;
  --good:#087f4f;
  --bad:#cf3f4b;
  --warn:#a96608;
  --input:#ffffff;
  --sidebar:#ffffff;
  --glass:rgba(255,255,255,.88);
  --shadow:0 24px 64px rgba(35,54,82,.11);
  --shadow-soft:0 10px 30px rgba(35,54,82,.075);
  --shadow-card:0 6px 18px rgba(35,54,82,.065);
  --glow:rgba(79,103,232,.12);
  --focus:0 0 0 3px rgba(79,103,232,.15);
  --surface-hover:#eef3fb;
  --success-bg:#edf9f3;
  --danger-bg:#fff1f2;
  --warning-bg:#fff8eb;
  color-scheme:light;
}

html,body{background:var(--bg);color:var(--text)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body:before{background:radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 29%),radial-gradient(circle at 8% 88%,color-mix(in srgb,var(--cyan) 4%,transparent),transparent 25%);opacity:1}
::selection{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text)}

/* Layout shell */
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{width:252px;padding:20px 15px;background:linear-gradient(180deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 97%,var(--accent) 3%));border-right:1px solid var(--stroke);box-shadow:10px 0 32px color-mix(in srgb,var(--text) 4%,transparent)}
.brand{height:54px;padding:0 9px 18px;font-size:15px;letter-spacing:.075em;color:var(--text)}
.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#7287ff,#4d63e7);box-shadow:0 10px 26px rgba(78,99,231,.28)}
.nav{gap:4px}.nav a,.logout{height:43px;border:1px solid transparent;border-radius:11px;padding:0 12px;color:var(--muted);font-weight:560}
.nav a:hover,.logout:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--stroke) 76%,transparent);color:var(--text);transform:translateX(1px)}
.nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 25%,var(--stroke));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 4%,transparent)}
.nav a.active:before{width:3px;height:20px;margin-left:-13px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
.nav-label{padding:20px 12px 6px;color:var(--muted2);font-size:9px;letter-spacing:.18em}
.support-link{background:var(--panel2);border-color:var(--stroke);color:var(--muted);font-weight:650}.support-link:hover{color:var(--text);border-color:var(--stroke-strong)}
.main{grid-column:2;padding:0 34px 52px;min-width:0}
.topbar{height:92px;border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12)}
.topbar h1{font-size:21px;font-weight:800;letter-spacing:-.025em}.crumb{font-size:11px;color:var(--muted2);font-weight:520}.account{gap:10px}.account b{font-size:11px;font-weight:760}.account small{font-size:10px;color:var(--muted2)}
.avatar{width:36px;height:36px;background:linear-gradient(145deg,var(--panel2),var(--panel3));border:1px solid var(--stroke-strong);box-shadow:var(--shadow-card)}
.content{max-width:1480px;padding-top:26px}

/* Theme switch */
.theme-toggle{height:38px;min-width:84px;padding:0 11px!important;background:var(--panel)!important;border:1px solid var(--stroke)!important;color:var(--muted)!important;box-shadow:var(--shadow-card)!important}
.theme-toggle:hover{background:var(--panel2)!important;border-color:var(--stroke-strong)!important;color:var(--text)!important}
.theme-toggle span:first-child{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}

/* Universal surfaces */
.hero,.panel,.stat,.proxy-card,.dash-plan,.setting-card,.sms-card,.sms-section,.sms-stat,.sms-wallet-card,.api-doc-card,.api-tester,.api-endpoint{background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)}
.panel{border-radius:17px}.panel-head{padding:18px 20px;border-color:var(--stroke);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 45%,var(--panel)),var(--panel))}.panel-head h2,.panel-head h3{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.panel-body{padding:20px}
.stat{border-radius:15px}.stat .k{color:var(--muted);font-weight:650}.stat .v{color:var(--text);font-weight:820}.stat .s{color:var(--muted2)}
.muted,.mini{color:var(--muted)!important}.empty{color:var(--muted2)}

/* Forms */
.field label,label{color:var(--muted);font-weight:700;letter-spacing:.005em}
input,select,textarea,.field input,.field select,.field textarea{background:var(--input)!important;color:var(--text)!important;border:1px solid var(--stroke-strong)!important;border-radius:10px!important;min-height:40px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 3%,transparent);transition:border-color .16s,box-shadow .16s,background-color .16s}
textarea{min-height:auto}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--stroke-strong))!important}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)!important;box-shadow:var(--focus)!important;background:var(--panel)!important}
input::placeholder,textarea::placeholder{color:var(--muted2)!important;opacity:.82}
select option{background:var(--panel);color:var(--text)}
.field-help{color:var(--muted2)!important;line-height:1.5}

/* Buttons */
.btn,button{border-radius:10px;background:linear-gradient(145deg,#6a7fff,#5067e9);box-shadow:0 7px 18px rgba(71,91,214,.18);font-weight:720;letter-spacing:-.005em;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,filter .16s ease}
.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(71,91,214,.22)}
.btn.secondary,button.secondary{background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--stroke-strong)!important;box-shadow:none!important}
.btn.secondary:hover,button.secondary:hover{background:var(--surface-hover)!important;border-color:color-mix(in srgb,var(--accent) 30%,var(--stroke-strong))!important}
.btn.ghost,button.ghost{background:transparent!important;color:var(--muted)!important;border:1px solid var(--stroke)!important;box-shadow:none!important}
.btn.ghost:hover,button.ghost:hover{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--stroke-strong)!important}
.btn.danger,button.danger{background:var(--danger-bg)!important;color:var(--bad)!important;border:1px solid color-mix(in srgb,var(--bad) 28%,var(--stroke))!important;box-shadow:none!important}

/* Tables / code / key-value */
.table-wrap{border-radius:12px}table{background:transparent}th{color:var(--muted2);font-weight:850;letter-spacing:.11em;border-color:var(--stroke);background:color-mix(in srgb,var(--panel2) 55%,transparent)}td{color:color-mix(in srgb,var(--text) 88%,var(--muted));border-color:var(--stroke)}tbody tr{transition:background-color .14s ease}tbody tr:hover{background:color-mix(in srgb,var(--accent) 3.5%,var(--panel))}
.codebox{background:var(--bg-soft);border-color:var(--stroke);color:color-mix(in srgb,var(--text) 72%,var(--muted));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 3%,transparent)}
.kv div{border-color:var(--stroke)}.kv div:nth-child(odd){color:var(--muted)}
.api-badge{background:var(--bg-soft);border-color:var(--stroke);color:var(--muted);font-weight:800}

/* Status / messages */
.notice{background:var(--panel2);border-color:var(--stroke);color:var(--muted);box-shadow:none}.privacy-note{background:var(--success-bg)!important;border-color:color-mix(in srgb,var(--good) 25%,var(--stroke))!important;color:color-mix(in srgb,var(--good) 74%,var(--text))!important}
.pill{background:var(--panel3);color:var(--muted);border:1px solid color-mix(in srgb,var(--stroke) 80%,transparent)}.pill.good{background:var(--success-bg);color:var(--good);border-color:color-mix(in srgb,var(--good) 22%,var(--stroke))}.pill.bad{background:var(--danger-bg);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 22%,var(--stroke))}
.toast{top:22px;right:24px;background:var(--panel);border-color:var(--stroke-strong);color:var(--text);box-shadow:var(--shadow);font-weight:650}.toast.success{border-color:color-mix(in srgb,var(--good) 38%,var(--stroke))}.toast.error{border-color:color-mix(in srgb,var(--bad) 42%,var(--stroke))}

/* Dashboard */
.dash-hero{border-color:var(--stroke);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,var(--accent) 5%),var(--panel));box-shadow:var(--shadow)}
.dash-hero h2{color:var(--text)}.dash-hero p{color:var(--muted)}.dash-eyebrow{color:var(--accent)}
.premium-stats .stat,.dash-shortcuts>a,.dash-proxy,.premium-proxy{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 72%,var(--panel)))!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-card)}
.premium-stats .stat:hover,.dash-shortcuts>a:hover,.dash-proxy:hover,.premium-proxy:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--stroke))!important;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 8%,transparent)}
.dash-shortcuts b,.dash-proxy-name{color:var(--text)}.dash-shortcuts small,.dash-proxy-owner,.dash-meta{color:var(--muted)}
.premium-plan{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 11%,var(--panel)),var(--panel) 42%,var(--panel));border-color:color-mix(in srgb,var(--accent) 24%,var(--stroke))}

/* Proxy cards */
.proxy-card{background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--panel2) 68%,var(--panel)))!important;border-color:var(--stroke)!important}.proxy-name{color:var(--text)}.proxy-id{color:var(--muted2)}
.meta{background:var(--bg-soft);border-color:var(--stroke)}.meta span{color:var(--muted2)}.meta b{color:var(--text)}
.proxyline{background:var(--bg-soft);border-color:var(--stroke);color:var(--text)}

/* Proxy For Ebay */
.ebay-hero{background:radial-gradient(circle at 84% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 76%,var(--panel)))!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-soft)}
.ebay-kpi>div,.coverage-item{background:var(--panel)!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-card)}.ebay-kpi span,.coverage-item span{color:var(--muted);font-weight:700}.ebay-kpi b,.coverage-item b{color:var(--text)}
.proxy-control{background:var(--panel)!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-soft)!important}.proxy-control-head{border-color:var(--stroke)!important;background:linear-gradient(180deg,var(--panel2),var(--panel))}.proxy-control-title{color:var(--text)!important}.proxy-control-sub{color:var(--muted)!important}
.proxy-box,.credential-line,.proxy-state-grid>div{background:var(--bg-soft)!important;border-color:var(--stroke)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 2.5%,transparent)}.proxy-box-label,.proxy-state-grid span{color:var(--muted2)!important;font-weight:820}.proxy-ip,.proxy-location-city,.proxy-state-grid b,.credential-line code{color:var(--text)!important}.proxy-ip-note,.proxy-location-meta{color:var(--muted)!important}
.ebay-name,.proxy-card-location b{color:var(--text)!important}.ebay-id,.ebay-owner,.proxy-card-location span{color:var(--muted)!important}.carrier-pill{background:var(--panel2)!important;border-color:var(--stroke)!important;color:var(--muted)!important}

/* Move-location modal */
.ebay-modal{background:rgba(3,8,18,.58)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.ebay-modal-card{background:var(--panel)!important;border:1px solid var(--stroke-strong)!important;box-shadow:0 34px 100px rgba(0,0,0,.30)!important}
.modal-title-row{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--stroke)!important}.modal-title-row b{color:var(--text)!important}.modal-title-row small{color:var(--muted)!important}
.location-search input{background:var(--input)!important}.location-search:before{color:var(--muted2)!important}
.carrier-tab{background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--muted)!important;box-shadow:none!important}.carrier-tab:hover{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--stroke-strong)!important}.carrier-tab.active{background:color-mix(in srgb,var(--accent) 14%,var(--panel))!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 48%,var(--stroke))!important}
.state-option{color:var(--muted)!important;border:1px solid transparent}.state-option strong{color:var(--text)!important}.state-option small{color:var(--muted2)!important}.state-count{background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--muted)!important}.state-option:hover{background:var(--panel2)!important;border-color:var(--stroke)!important}.state-option.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 25%,var(--stroke))!important;color:var(--text)!important}
.location-results-head b,.city-name{color:var(--text)!important}.location-results-head span,.city-sub,.city-total{color:var(--muted)!important}
.city-group{background:var(--panel)!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-card)}.city-head{background:var(--panel2)!important;border-color:var(--stroke)!important}.carrier-row{border-color:var(--stroke)!important}.carrier-name{color:var(--text)!important}.availability-free{color:var(--muted)!important}.availability-state{color:var(--good)!important}.availability-state.off{color:var(--bad)!important}
.connect-location{background:var(--panel)!important;border:1px solid var(--stroke-strong)!important;color:var(--accent)!important;box-shadow:none!important}.connect-location:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 48%,var(--stroke))!important;color:var(--accent)!important}
.modal-foot-note,.api-private-label{color:var(--muted)!important}.modal-foot-note b,.api-private-label b{color:var(--text)!important}

/* SMS / API / maintenance */
.sms-card,.sms-section,.sms-stat,.sms-wallet-card,.api-doc-card,.api-tester,.api-endpoint,.setting-card{box-shadow:var(--shadow-card)!important}
.sms-card h2,.sms-card h3,.sms-section h2,.sms-section h3,.api-doc-card h2,.api-doc-card h3,.setting-card h2,.setting-card h3{color:var(--text)}
.sms-card p,.sms-section p,.api-doc-card p,.setting-card p{color:var(--muted)}

/* Support */
.support-popover,.support-admin-mini,.support-mini-chat,.support-message-list{background:var(--panel)!important;color:var(--text)!important;border-color:var(--stroke)!important}.support-popover{box-shadow:var(--shadow)!important}.support-popover-head{background:linear-gradient(180deg,var(--panel2),var(--panel))!important;border-color:var(--stroke)!important}.support-agent b{color:var(--text)!important}.support-agent span{color:var(--muted)!important}.support-msg.theirs .support-msg-bubble,.support-welcome{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--stroke)!important}.support-msg.mine .support-msg-bubble{box-shadow:0 8px 20px rgba(77,99,226,.16)}.support-compose{background:var(--panel2)!important;border-color:var(--stroke)!important}.support-compose textarea{background:var(--input)!important;color:var(--text)!important;border-color:var(--stroke-strong)!important}

/* Auth + password pages */
.auth-body,.password-page{background:var(--bg)!important;color:var(--text)}.auth-card,.password-card{background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--panel2) 65%,var(--panel)))!important;border-color:var(--stroke)!important;box-shadow:var(--shadow)!important}.auth-card h1,.password-card h2,.password-copy h1{color:var(--text)}.auth-card>p,.password-card-copy,.password-copy>p,.security-points{color:var(--muted)}

/* Light-specific visual tuning */
html[data-theme="light"] body:before{background:radial-gradient(circle at 86% 4%,rgba(79,103,232,.075),transparent 30%),radial-gradient(circle at 9% 88%,rgba(8,126,164,.035),transparent 25%)}
html[data-theme="light"] .sidebar{box-shadow:8px 0 28px rgba(44,64,94,.055)}
html[data-theme="light"] .topbar{background:rgba(243,246,251,.88)}
html[data-theme="light"] .brand,html[data-theme="light"] .topbar h1,html[data-theme="light"] .panel-head h2,html[data-theme="light"] .panel-head h3{color:#0b1324}
html[data-theme="light"] .nav a,html[data-theme="light"] .logout{color:#43536a}
html[data-theme="light"] .nav a.active{color:#14234a;background:linear-gradient(90deg,rgba(79,103,232,.14),rgba(79,103,232,.035));border-color:rgba(79,103,232,.24)}
html[data-theme="light"] .panel-head{background:linear-gradient(180deg,#fbfcfe,#fff)}
html[data-theme="light"] th{background:#f7f9fc;color:#53647a}html[data-theme="light"] td{color:#233149}
html[data-theme="light"] .codebox,html[data-theme="light"] .meta,html[data-theme="light"] .proxyline{background:#f6f8fc}
html[data-theme="light"] .toast{box-shadow:0 20px 55px rgba(24,39,64,.15)}
html[data-theme="light"] .ebay-modal{background:rgba(26,39,61,.32)!important}

/* Dark-specific visual tuning */
html[data-theme="dark"] body:before{background:radial-gradient(circle at 84% 5%,rgba(109,127,255,.075),transparent 30%),radial-gradient(circle at 9% 88%,rgba(76,199,232,.03),transparent 25%)}
html[data-theme="dark"] .panel-head{background:linear-gradient(180deg,#121d2b,#0f1724)}
html[data-theme="dark"] .nav a.active{box-shadow:inset 0 0 0 1px rgba(109,127,255,.04),0 8px 22px rgba(0,0,0,.06)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
html[data-theme="dark"] th{background:#101a28;color:#8290a4}html[data-theme="dark"] td{color:#d5dde9}
html[data-theme="dark"] .codebox{color:#b8c4d5}

/* Fine responsive polish */
@media(max-width:1100px){.main{padding-left:24px;padding-right:24px}.content{padding-top:22px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:auto}.main{padding:0 14px 30px}.topbar{height:82px}.content{padding-top:18px}.panel-head,.panel-body{padding-left:16px;padding-right:16px}.theme-toggle{box-shadow:none!important}}
