:root{
  --bg:#f6f6f3; --paper:#ffffff; --ink:#0b0d10; --muted:#71747b; --line:#e8e5df; --soft:#f0f0ec;
  --accent:#111216; --accent2:#d9b45f; --ok:#0b8f52; --bad:#c43b3b; --shadow:0 22px 70px rgba(8,10,14,.08);
  --radius:28px; --radius2:40px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.muted{color:var(--muted)}.center{text-align:center}.reveal{opacity:0;transform:translateY(12px);transition:.55s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);position:sticky;top:0;z-index:50;background:rgba(246,246,243,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,229,223,.72)}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em;font-size:22px}.brand span{color:#888}.site-avatar{width:38px;height:38px;border-radius:14px;object-fit:cover;box-shadow:0 8px 26px rgba(0,0,0,.08)}.nav-menu{display:flex;gap:26px;color:#53565d;font-weight:760}.nav-menu a:hover{color:#000}.nav-right{display:flex;align-items:center;gap:12px}.btn,.auth button,.wizard .nav-btn,.wizard button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:0 20px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.08);transition:.18s ease}.btn:hover,.auth button:hover,.wizard .nav-btn:hover,.wizard button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.12)}.btn.ghost,.btn.secondary{background:#fff;color:#111;border-color:var(--line);box-shadow:none}.btn.small{min-height:40px;padding:0 15px;font-size:14px}.profile{position:relative}.profile-toggle{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px 6px 6px;display:flex;align-items:center;gap:9px;font-weight:850;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eee}.avatar.large{width:54px;height:54px}.profile-menu{display:none;position:absolute;right:0;top:54px;width:270px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:14px}.profile:hover .profile-menu{display:block}.profile-top{display:flex;gap:12px;align-items:center;padding:8px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-top small{display:block;color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis}.profile-menu a{display:block;padding:12px 10px;border-radius:14px;font-weight:820}.profile-menu a:hover{background:var(--soft)}.profile-menu .danger{color:#b63535}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:54px;align-items:center;min-height:calc(100vh - 76px);padding:clamp(52px,7vw,104px) clamp(22px,6vw,92px)}.eyebrow{display:inline-flex;color:#656970;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950}.hero h1{font-size:clamp(56px,9vw,122px);line-height:.88;margin:18px 0 22px;letter-spacing:-.085em}.lead{font-size:clamp(18px,2.1vw,25px);line-height:1.45;color:#4b4f57;max-width:720px}.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.hero-points span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:860}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:18px;color:#8c8f96;font-size:14px}.earth-panel{background:radial-gradient(circle at 50% 20%,#fff 0,#fbfbf8 38%,#eeeeea 100%);border:1px solid var(--line);border-radius:var(--radius2);padding:28px;box-shadow:var(--shadow);overflow:hidden}.earth-wrap{height:410px;display:grid;place-items:center;position:relative}.earth{width:min(310px,70vw);height:min(310px,70vw);border-radius:50%;position:relative;overflow:hidden;background:#08223d;box-shadow:inset -45px -28px 80px rgba(0,0,0,.46), inset 25px 20px 50px rgba(255,255,255,.12), 0 35px 90px rgba(11,36,66,.22);animation:earthFloat 6s ease-in-out infinite}.earth-map{position:absolute;inset:0;background-image:url('/static/img/earth-map.svg');background-size:190% 100%;background-repeat:repeat-x;opacity:.94;animation:earthMove 28s linear infinite;filter:contrast(1.05) saturate(.92)}.earth:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.28),transparent 30%),linear-gradient(100deg,transparent 45%,rgba(0,0,0,.28));mix-blend-mode:screen}.route-bg{position:absolute;width:76%;height:1px;background:linear-gradient(90deg,transparent,rgba(217,180,95,.7),transparent);filter:blur(.1px);opacity:.55}.r1{transform:rotate(17deg);animation:linePulse 5s ease-in-out infinite}.r2{transform:rotate(-24deg);animation:linePulse 6s ease-in-out infinite reverse}.r3{transform:rotate(54deg);animation:linePulse 7s ease-in-out infinite}.stats,.network-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.stats div,.network-stats div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;text-align:center}.stats b,.network-stats b{display:block;font-size:26px;letter-spacing:-.04em}.stats span,.network-stats span{color:var(--muted);font-weight:800;font-size:13px}
.section{padding:82px clamp(20px,6vw,92px)}.section-head{text-align:center;max-width:850px;margin:0 auto 36px}.section-head h2,.section-head h1{font-size:clamp(34px,5vw,68px);line-height:.96;letter-spacing:-.065em;margin:12px 0}.section-head p{color:var(--muted);font-size:18px;line-height:1.55}.value-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto}.value-grid div,.trust-grid div{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 18px 56px rgba(8,10,14,.04)}.value-grid b,.trust-grid b{display:block;font-size:22px;letter-spacing:-.03em;margin-bottom:10px}.value-grid span,.trust-grid span{color:var(--muted);line-height:1.6}.plans-preview{background:#fff;border-block:1px solid var(--line)}.tariff-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1120px;margin:0 auto 30px}.tariff-preview div{background:var(--bg);border:1px solid var(--line);border-radius:26px;padding:22px;text-align:center}.tariff-preview span{display:block;font-weight:950}.tariff-preview b{display:block;font-size:30px;margin:8px 0}.tariff-preview small{color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1120px;margin:0 auto}.status-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;display:flex;align-items:center;justify-content:space-between}.status-dot{width:10px;height:10px;border-radius:50%;background:#1fbf73;box-shadow:0 0 0 6px rgba(31,191,115,.1)}.support-card{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#111216;color:#fff;border-radius:42px;padding:40px;box-shadow:var(--shadow)}.support-card h2{font-size:clamp(32px,4vw,58px);margin:10px 0;letter-spacing:-.06em}.support-card p{color:#c9ccd2}.support-actions{display:flex;gap:12px;flex-wrap:wrap}.support-actions .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.2)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px clamp(18px,5vw,76px);border-top:1px solid var(--line);background:#fff}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:950}.footer-brand img{width:34px;height:34px;border-radius:12px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-weight:780}
.auth{width:min(470px,calc(100vw - 36px));margin:70px auto;background:#fff;border:1px solid var(--line);border-radius:36px;padding:34px;box-shadow:var(--shadow)}.auth h1{font-size:42px;line-height:.95;letter-spacing:-.055em;margin:0 0 10px}.auth label{display:block;color:#53565d;font-weight:850;margin:14px 0}.auth input{width:100%;height:50px;border:1px solid var(--line);border-radius:16px;padding:0 14px;outline:none;margin-top:8px;background:#fbfbf8}.auth button{width:100%;margin-top:10px}.alert-error{display:flex;gap:12px;background:#fff2f2;border:1px solid #ffdada;border-radius:18px;padding:14px;color:#7e2222;margin:16px 0}.alert-error span{font-size:22px;font-weight:950}.telegram-login{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;border-radius:999px;background:#eef8ff;border:1px solid #d9e8f5;color:#1688c7;font-weight:920;margin:16px 0}.or{text-align:center;color:var(--muted);font-weight:850}
.dashboard{padding:44px clamp(18px,5vw,76px) 78px}.dash-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:36px;padding:30px;box-shadow:var(--shadow);margin-bottom:18px}.dash-hero h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.06em;margin:8px 0 6px}.dash-actions-top{display:flex;align-items:center;gap:18px}.telegram-support{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e8f5;background:#eef8ff;color:#1688c7;border-radius:999px;min-height:46px;padding:0 18px;font-weight:920}.avatar-uploader{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:999px;padding:8px 12px 8px 8px}.avatar-uploader img{width:44px;height:44px;border-radius:50%;object-fit:cover}.avatar-uploader label{font-weight:900;cursor:pointer}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:34px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px}.panel-head h2,.panel-row h2,.panel h2{font-size:34px;letter-spacing:-.05em;margin:6px 0 8px}.panel-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.account-aside{align-self:start}.account-aside h3{font-size:28px;margin:0 0 12px}.account-aside a{display:block;padding:12px 0;border-top:1px solid var(--line);font-weight:860}.mini-stat{display:flex;justify-content:space-between;align-items:center;background:var(--soft);border-radius:18px;padding:14px;margin:10px 0}.mini-stat b{font-size:26px}.mini-stat span{color:var(--muted);font-weight:800}
.wizard{margin-top:18px}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.wizard-progress span{height:8px;border-radius:999px;background:var(--soft)}.wizard-progress span.active{background:#111216}.wizard-step{display:none;animation:fade .22s ease}.wizard-step.active{display:block}.option-grid,.plan-grid,.vpn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card,.vpn-card{border:1px solid var(--line);background:#fbfbf8;border-radius:24px;padding:20px;text-align:left;cursor:pointer;min-height:110px}.plan-card.active,.vpn-card.active{background:#111216;color:#fff;border-color:#111216}.plan-card b,.vpn-card b{display:block;font-size:22px}.plan-card span,.vpn-card span{display:block;color:inherit;opacity:.65;margin-top:6px}.wizard input[type=text]{width:100%;height:54px;border:1px solid var(--line);border-radius:18px;background:#fbfbf8;padding:0 16px;outline:none}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.summary-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card div{background:var(--soft);border-radius:18px;padding:16px}.summary-card span{display:block;color:var(--muted);font-weight:800;font-size:13px}.summary-card b{display:block;font-size:20px;margin-top:4px}
.config-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.config-search{height:44px;border:1px solid var(--line);border-radius:999px;padding:0 16px;background:#fff;outline:none}.tabs{display:flex;gap:8px}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;height:42px;padding:0 14px;font-weight:900;cursor:pointer}.tab.active{background:#111216;color:#fff;border-color:#111216}.config-groups{display:grid;gap:14px}.group-block{border:1px solid var(--line);border-radius:28px;background:#fafaf7;overflow:hidden}.group-block>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-weight:950;font-size:22px}.group-block>summary::-webkit-details-marker,.config>summary::-webkit-details-marker{display:none}.group-block>summary span{font-size:14px;color:#fff;background:#111216;border-radius:999px;padding:5px 10px}.compact-list{display:grid;gap:10px;padding:0 14px 14px}.config{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.config summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.cfg-main{min-width:0}.cfg-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-main small{display:block;color:var(--muted);margin-top:5px}.config summary>span{background:#ecf9f2;color:var(--ok);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.config-body{border-top:1px solid var(--line);padding:18px}.inline-rename,.renew,.actions,.qr-wrap,.link-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.inline-rename input,.renew select,.link-row input{height:44px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:0 14px;outline:none}.inline-rename input,.link-row input{flex:1;min-width:220px}.inline-rename button,.renew button,.actions button,.link-row button{border:0;background:#111216;color:#fff;border-radius:999px;min-height:40px;padding:0 16px;font-weight:900;cursor:pointer}.qr.big-qr{width:320px;height:320px;max-width:100%;background:#fff;border:12px solid #fff;border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.08);image-rendering:auto}.qr-full-link{color:#111;text-decoration:underline;font-weight:850}.connection-master{background:#f6f6f2;border:1px solid var(--line);border-radius:22px;padding:16px;margin-top:12px}.device-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.device-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer}.device-tabs button.active{background:#111216;color:#fff;border-color:#111216}.device-guide{margin:0;color:var(--muted);line-height:1.5}.config pre{max-height:190px;overflow:auto;background:#0e1014;color:#edf1f7;border-radius:18px;padding:16px;font-size:12px}.empty{padding:22px;border:1px dashed #d8d3c5;border-radius:20px;color:var(--muted);background:#fff}.orders .order{display:grid;grid-template-columns:1.2fr 1fr 1.4fr .7fr .7fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);align-items:center}.orders mark{background:#ecf9f2;color:var(--ok);border-radius:999px;padding:7px 10px;font-weight:900;text-align:center}.modal-ok{position:fixed;inset:0;background:rgba(8,9,11,.52);backdrop-filter:blur(10px);z-index:100;display:grid;place-items:center}.modal-ok>div{background:#fff;border-radius:34px;padding:36px;text-align:center;box-shadow:var(--shadow);width:min(430px,calc(100vw - 32px))}.ok-icon{width:58px;height:58px;border-radius:50%;background:#111216;color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-size:28px;font-weight:950}.modal-ok b{font-size:26px}.modal-ok p{color:var(--muted);line-height:1.5}.modal-ok button{border:0;border-radius:999px;background:#111216;color:#fff;min-height:46px;padding:0 18px;font-weight:900;cursor:pointer}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stats div,.admin-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px}.admin-stats b{display:block;font-size:34px}.admin-stats span{color:var(--muted);font-weight:850}.guides{padding:70px clamp(18px,5vw,76px)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-section{background:#fff;border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:var(--shadow)}.guide-card{background:var(--soft);border-radius:22px;padding:18px;margin:12px 0}.guide-card ol{line-height:1.7;color:#444}
@keyframes earthMove{to{background-position-x:190%}}@keyframes earthFloat{50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes linePulse{50%{opacity:.9;transform:translateY(-7px) rotate(var(--r,17deg))}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero,.dash-grid{grid-template-columns:1fr}.earth-wrap{height:350px}.value-grid,.trust-grid,.status-grid{grid-template-columns:repeat(2,1fr)}.tariff-preview{grid-template-columns:repeat(2,1fr)}.stats,.network-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-menu{display:none}.hero{padding:42px 18px}.section,.dashboard,.guides{padding-left:18px;padding-right:18px}.dash-hero,.panel-row,.support-card,.footer{align-items:flex-start;flex-direction:column}.option-grid,.plan-grid,.vpn-grid,.summary-card,.value-grid,.trust-grid,.status-grid,.tariff-preview,.guide-grid,.admin-stats{grid-template-columns:1fr}.wizard-progress{grid-template-columns:repeat(5,1fr)}.orders .order{grid-template-columns:1fr}.config-tools,.config-search{width:100%}.earth{width:230px;height:230px}.qr.big-qr{width:260px;height:260px}.auth{padding:24px}}
.plan-card strong,.vpn-card strong{display:block;margin:10px 0 2px;font-size:30px;letter-spacing:-.04em}.vpn-card strong{font-size:20px}.nav-btn.ghost{background:#fff;color:#111;border-color:var(--line);box-shadow:none}pre{white-space:pre-wrap}.admin-page pre{background:#0e1014;color:#eef2f7;border-radius:18px;padding:14px;font-size:12px;overflow:auto}.wizard-step h3{font-size:32px;letter-spacing:-.045em;margin:8px 0 10px}.wizard-step .muted{line-height:1.55}.qr-wrap{align-items:flex-start}.qr-wrap small{max-width:280px;color:var(--muted);line-height:1.45}.qr-wrap small a{display:block;margin-top:7px}.status-card span{display:block;margin-top:4px}.config-body pre{white-space:pre-wrap;word-break:break-word}.choice{border:1px solid var(--line);background:#fbfbf8;border-radius:24px;padding:20px;text-align:left;cursor:pointer}.choice.active{background:#111216;color:#fff;border-color:#111216}
/* Premium v2: small glass, dark/light theme, banking cabinet */
body.dark{--bg:#0d0f12;--paper:#14171c;--ink:#f4f6f8;--muted:#a4abb7;--line:#272c35;--soft:#191d24;--accent:#f5f6f8;--accent2:#d9b45f;--shadow:0 22px 70px rgba(0,0,0,.34);background:radial-gradient(circle at 20% 0%,rgba(217,180,95,.08),transparent 30%),#0d0f12;color:var(--ink)}
body.dark .nav{background:rgba(13,15,18,.72);border-bottom-color:rgba(255,255,255,.08)}
body.dark .panel,body.dark .auth,body.dark .earth-panel,body.dark .value-grid div,body.dark .trust-grid div,body.dark .stats div,body.dark .network-stats div,body.dark .status-card,body.dark .dash-hero,body.dark .admin-stats div,body.dark .admin-card,body.dark .guide-section,body.dark .modal-ok>div{background:rgba(20,23,28,.74);border-color:rgba(255,255,255,.09);backdrop-filter:blur(16px)}
body.dark .btn.ghost,body.dark .btn.secondary,body.dark .profile-toggle,body.dark .profile-menu,body.dark input,body.dark select,body.dark .tab,body.dark .config,body.dark .group-block,body.dark .plan-card,body.dark .vpn-card,body.dark .choice{background:#151922;color:var(--ink);border-color:var(--line)}
body.dark .btn,body.dark .wizard button[type=submit],body.dark .auth button,body.dark .wizard .nav-btn,body.dark .inline-rename button,body.dark .renew button,body.dark .actions button,body.dark .link-row button{background:#f5f6f8;color:#0d0f12;border-color:#f5f6f8}.theme-toggle{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;min-height:42px;padding:0 14px;font-weight:900;cursor:pointer}.glass-lite{background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.35)}.brand b:before{content:'M';display:inline-grid;place-items:center;width:32px;height:32px;border-radius:12px;background:#111216;color:#fff;margin-right:9px;font-size:16px;letter-spacing:-.03em}.brand .site-avatar{display:none}.referral-panel{display:flex;align-items:center;justify-content:space-between;gap:22px}.referral-panel h2{font-size:34px;letter-spacing:-.05em;margin:8px 0}.promo-field{display:block;margin-top:16px;font-weight:850;color:var(--muted)}.promo-field input{display:block;width:100%;height:50px;margin-top:8px;border:1px solid var(--line);border-radius:18px;padding:0 14px;background:var(--paper);color:var(--ink);outline:none}.admin-table{display:grid;gap:8px;margin-top:16px}.admin-row{display:grid;grid-template-columns:.45fr 1.4fr .8fr .8fr 1.8fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.admin-row.head{font-weight:950;background:transparent}.admin-row small{display:block;color:var(--muted);margin-top:4px}.admin-inline,.admin-actions,.admin-create{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-inline input,.admin-inline select,.admin-actions input,.admin-create input{height:38px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:0 10px;min-width:76px}.admin-inline button,.admin-actions button,.admin-actions a,.admin-create button,.admin-row form button{border:0;border-radius:999px;background:#111216;color:#fff;min-height:36px;padding:0 12px;font-weight:900;cursor:pointer}.danger-btn{background:#b63535!important;color:#fff!important}body.dark .admin-inline button,body.dark .admin-actions button,body.dark .admin-actions a,body.dark .admin-create button,body.dark .admin-row form button{background:#f5f6f8;color:#0d0f12}.dash-hero,.panel,.earth-panel{background:rgba(255,255,255,.82);backdrop-filter:blur(14px)}.configs-panel .config summary{min-height:66px}.config summary>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.earth{background-image:radial-gradient(circle at 32% 24%,rgba(255,255,255,.24),transparent 24%);}.earth-panel{position:relative}.earth-panel:before{content:'';position:absolute;inset:18px;border-radius:34px;border:1px solid rgba(255,255,255,.38);pointer-events:none}
@media(max-width:900px){.admin-row{grid-template-columns:1fr}.referral-panel{flex-direction:column;align-items:flex-start}.admin-inline,.admin-actions,.admin-create{width:100%}.admin-inline input,.admin-inline select,.admin-actions input,.admin-create input{width:100%}}

/* Premium final polish: fixed theme switch, readable dark theme, compact bank-like cabinet */
.fixed-theme{position:relative;z-index:70;width:42px;height:42px;padding:0;display:inline-grid;place-items:center;background:var(--paper);box-shadow:0 10px 26px rgba(0,0,0,.07)}
body.dark .fixed-theme{background:#f5f6f8!important;color:#0d0f12!important;border-color:#f5f6f8!important}.theme-toggle{transition:.18s ease}.theme-toggle:hover{transform:translateY(-1px)}
body.dark .footer,body.dark .plans-preview{background:#101319;border-color:var(--line)}
body.dark .nav-menu a,body.dark .footer-links,body.dark .muted,body.dark .hero-note{color:#a4abb7}.hero .earth-panel{background:rgba(255,255,255,.74)}body.dark .hero .earth-panel{background:rgba(20,23,28,.74)}
.status-pill{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;background:#eaf8f0;color:#087b47}.status-pill.expired{background:#fff3d8;color:#9b6900}.status-pill.disabled{background:#ffecec;color:#9e2626}body.dark .status-pill{background:rgba(32,190,113,.14);color:#5ff0a4}body.dark .status-pill.expired{background:rgba(217,180,95,.14);color:#f0ca74}body.dark .status-pill.disabled{background:rgba(196,59,59,.18);color:#ff8d8d}
.ref-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.ref-stats span{display:inline-flex;gap:5px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-weight:850}.telegram-widget{display:flex;justify-content:center;margin:14px 0}.admin-check{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--muted);font-size:13px;font-weight:850}.admin-check input{width:auto;height:auto;min-width:0}.tariff-table .admin-row{grid-template-columns:.8fr 1.3fr .7fr .7fr 1fr}.admin-actions{gap:6px}.admin-actions form{margin:0}.config compact-config{overflow:hidden}body.dark .auth input::placeholder,body.dark input::placeholder{color:#7f8794}body.dark .lead,body.dark .section-head p{color:#bac1cc}body.dark .earth{box-shadow:inset -45px -28px 80px rgba(0,0,0,.58), inset 25px 20px 50px rgba(255,255,255,.08), 0 35px 90px rgba(0,0,0,.35)}
@media(max-width:760px){.nav-menu{display:none}.fixed-theme{position:fixed;right:16px;bottom:16px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.dash-grid{grid-template-columns:1fr}.dash-hero{flex-direction:column;align-items:flex-start}.config-tools{width:100%}.admin-row{grid-template-columns:1fr}.tariff-table .admin-row{grid-template-columns:1fr}}


/* === Premium dark/hero refactor by ChatGPT === */
:root{--blue:#2563eb;--blue2:#60a5fa;--green:#34d399;--dark-bg:#080b10;--dark-card:#111722;--dark-card2:#151c28;--dark-line:#263244;--dark-text:#f7fafc;--dark-muted:#aeb8c7}
body{overflow-x:hidden}.nav{transition:background .2s ease,border-color .2s ease}.brand b:before{background:linear-gradient(135deg,#111827,#2563eb)!important;color:#fff!important;box-shadow:0 10px 28px rgba(37,99,235,.20)}.brand span{color:inherit}.btn.primary,.btn:not(.ghost):not(.secondary){background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 18px 38px rgba(37,99,235,.22)}.btn.primary:hover,.btn:not(.ghost):not(.secondary):hover{box-shadow:0 22px 46px rgba(37,99,235,.28)}
.hero-premium{position:relative;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);min-height:calc(100vh - 76px);isolation:isolate;overflow:hidden}.hero-premium:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 86% 26%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 18% 18%,rgba(96,165,250,.10),transparent 28%);z-index:-1}.hero-premium .hero-copy{max-width:760px}.hero-premium h1{font-size:clamp(48px,6.8vw,92px);line-height:1.02;margin:18px 0 20px;letter-spacing:-.075em}.hero-premium .lead{max-width:700px;font-size:clamp(18px,1.8vw,22px);color:#525966}.premium-pills{margin:30px 0 26px}.premium-pills span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.74);border:1px solid rgba(17,24,39,.08);box-shadow:0 12px 28px rgba(15,23,42,.04);color:#111827;padding:12px 16px;border-radius:18px;font-size:14px}.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}.hero-earth-glow{position:absolute;inset:auto -32% -12% 8%;height:92%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(96,165,250,.45),rgba(37,99,235,.20) 28%,rgba(5,9,17,.95) 62%,transparent 69%),url('/static/img/earth-map.svg');background-size:cover;background-blend-mode:screen;filter:saturate(1.05) contrast(1.08);opacity:.86;animation:earthFloat 8s ease-in-out infinite}.premium-card{position:relative;width:min(100%,430px);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:24px;background:rgba(15,23,42,.68);box-shadow:0 28px 90px rgba(0,0,0,.34);backdrop-filter:blur(20px);color:#fff}.secure-line{display:inline-flex;align-items:center;gap:9px;border-radius:999px;background:rgba(52,211,153,.10);color:#8ff0bd;padding:10px 14px;font-weight:850;margin-bottom:24px}.secure-line i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(52,211,153,.10)}.server-row{display:flex;gap:16px;align-items:center;margin-bottom:24px}.server-row b{display:block;font-size:22px}.server-row span{display:block;color:#b8c2d2;margin-top:4px}.flag-de{width:48px;height:36px;border-radius:10px;background:linear-gradient(#111 0 33%,#dd2424 33% 66%,#ffd046 66%);box-shadow:0 12px 28px rgba(0,0,0,.25)}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.035);overflow:hidden}.metrics-row div{padding:18px 14px}.metrics-row div+div{border-left:1px solid rgba(255,255,255,.08)}.metrics-row b{display:block;font-size:20px}.metrics-row span{display:block;color:#aeb8c7;margin-top:4px;font-size:13px}.signal-chart{height:70px;margin-top:20px;display:flex;gap:6px;align-items:flex-end;padding:0 4px}.signal-chart span{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--blue2),var(--blue));min-height:18px;opacity:.88;animation:barFlow 2.4s ease-in-out infinite}.signal-chart span:nth-child(2){height:34px;animation-delay:.1s}.signal-chart span:nth-child(3){height:24px;animation-delay:.2s}.signal-chart span:nth-child(4){height:46px;animation-delay:.3s}.signal-chart span:nth-child(5){height:28px;animation-delay:.4s}.signal-chart span:nth-child(6){height:52px;animation-delay:.5s}.signal-chart span:nth-child(7){height:33px;animation-delay:.6s}.signal-chart span:nth-child(8){height:58px;animation-delay:.7s}.signal-chart span:nth-child(9){height:36px;animation-delay:.8s}.connection-card small{display:block;color:#aeb8c7;margin-top:4px}.compact-cta{background:transparent!important;border-block:1px solid var(--line)}
.wizard-progress{position:relative;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0;margin:6px 0 28px;padding:16px 6px 4px;overflow:visible!important}.wizard-progress:before{content:'';position:absolute;left:28px;right:28px;top:33px;height:2px;background:var(--line);z-index:0}.wizard-progress span{position:relative;z-index:1;display:flex!important;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:850;text-align:center;background:transparent!important;border:0!important;padding:0!important}.wizard-progress span b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:12px}.wizard-progress span.active b{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.22)}.wizard-progress small{font-size:11px;line-height:1.1;white-space:nowrap}.wizard-step{animation:fade .24s ease}.plan-card,.vpn-card{border-radius:22px!important;box-shadow:none!important}.plan-card.active,.vpn-card.active,.choice.active{background:rgba(37,99,235,.08)!important;border-color:rgba(37,99,235,.35)!important;color:var(--ink)!important}.wizard .nav-btn,.wizard button[type=submit]{background:var(--blue);border-color:var(--blue);color:#fff}.wizard .nav-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.empty-state-premium{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px dashed var(--line);background:linear-gradient(180deg,rgba(37,99,235,.04),transparent);border-radius:26px;padding:22px;margin:18px 0}.empty-state-premium .empty-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(37,99,235,.10);color:var(--blue);font-size:28px;font-weight:950;flex:0 0 auto}.empty-state-premium b{display:block;font-size:20px;margin-bottom:5px}.empty-state-premium p{margin:0;color:var(--muted);line-height:1.5}.configs-panel .group-block{overflow:hidden}.compact-config summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.cfg-main{min-width:0}.cfg-main b,.cfg-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders .order,.compact-config{transition:.18s ease}.compact-config:hover,.orders .order:hover{transform:translateY(-1px)}
body.dark{--bg:#070a0f!important;--paper:#101620!important;--ink:#f7fafc!important;--muted:#aeb8c7!important;--line:#263244!important;--soft:#121a25!important;--accent:#2563eb!important;--accent2:#60a5fa!important;--shadow:0 24px 80px rgba(0,0,0,.42)!important;background:radial-gradient(circle at 20% -10%,rgba(37,99,235,.20),transparent 32%),radial-gradient(circle at 88% 16%,rgba(96,165,250,.12),transparent 28%),#070a0f!important;color:var(--ink)!important}body.dark .nav{background:rgba(7,10,15,.80)!important;border-bottom-color:rgba(255,255,255,.08)!important}body.dark .nav-menu a,body.dark .footer-links a{color:#b9c2d0!important}body.dark .nav-menu a:hover{color:#fff!important}body.dark .lead,body.dark .hero-premium .lead,body.dark .section-head p,body.dark .hero-note,body.dark .muted{color:#aeb8c7!important}body.dark .eyebrow{color:#60a5fa!important}body.dark .hero-points span,body.dark .premium-pills span{background:#121a25!important;border-color:#263244!important;color:#eef4ff!important;box-shadow:none!important}body.dark .btn,body.dark .btn.primary,body.dark .wizard .nav-btn,body.dark .wizard button[type=submit],body.dark .auth button{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 18px 42px rgba(37,99,235,.24)!important}body.dark .btn.ghost,body.dark .btn.secondary,body.dark .wizard .nav-btn.ghost,body.dark .nav-btn.ghost{background:#111722!important;color:#f7fafc!important;border-color:#2b3748!important;box-shadow:none!important}body.dark .panel,body.dark .auth,body.dark .earth-panel,body.dark .value-grid div,body.dark .trust-grid div,body.dark .stats div,body.dark .network-stats div,body.dark .status-card,body.dark .dash-hero,body.dark .admin-stats div,body.dark .admin-card,body.dark .guide-section,body.dark .modal-ok>div,body.dark .group-block,body.dark .config,body.dark .order{background:rgba(16,22,32,.78)!important;border-color:#263244!important;color:#f7fafc!important;backdrop-filter:blur(14px)}body.dark .footer,body.dark .plans-preview,body.dark .support-card{background:#0b1018!important;border-color:#263244!important;color:#f7fafc!important}body.dark input,body.dark select,body.dark textarea,body.dark .profile-toggle,body.dark .profile-menu,body.dark .tab,body.dark .choice,body.dark .plan-card,body.dark .vpn-card,body.dark .summary-card,body.dark .mini-stat,body.dark .avatar-uploader,body.dark .promo-field input,body.dark .link-row input{background:#0d131d!important;border-color:#263244!important;color:#f7fafc!important}body.dark input::placeholder{color:#768399!important}body.dark .tab.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}body.dark .plan-card.active,body.dark .vpn-card.active,body.dark .choice.active{background:rgba(37,99,235,.18)!important;border-color:#3b82f6!important;color:#f7fafc!important}body.dark .wizard-progress:before{background:#263244!important}body.dark .wizard-progress span b{background:#101620!important;border-color:#2b3748!important;color:#aeb8c7!important}body.dark .wizard-progress span.active b{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}body.dark .fixed-theme{background:#111722!important;color:#f7fafc!important;border-color:#2b3748!important}body.dark .brand b:before{background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important}body.dark .empty-state-premium{background:rgba(37,99,235,.08)!important;border-color:#2b3748!important}body.dark .telegram-support,body.dark .telegram-login{background:rgba(37,99,235,.12)!important;color:#93c5fd!important;border-color:rgba(96,165,250,.28)!important}body.dark .support-actions .btn.ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}.footer-brand img{display:none}
@keyframes barFlow{0%,100%{transform:scaleY(.72);opacity:.62}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1050px){.hero-premium{grid-template-columns:1fr}.hero-visual{min-height:440px}.hero-earth-glow{inset:0 -18% -10% 14%;height:88%}.premium-card{margin-top:40px}}
@media(max-width:760px){.hero-premium{padding:36px 18px 58px;min-height:auto}.hero-premium h1{font-size:46px}.premium-pills span{width:100%;justify-content:flex-start}.hero-actions .btn{width:100%}.hero-visual{min-height:390px}.premium-card{width:100%;padding:20px}.metrics-row{grid-template-columns:1fr}.metrics-row div+div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.wizard-progress{padding-left:0;padding-right:0}.wizard-progress:before{left:18px;right:18px}.wizard-progress small{display:none}.empty-state-premium{align-items:flex-start;flex-direction:column}.fixed-theme{position:relative!important;right:auto!important;bottom:auto!important;top:auto!important}}

/* === WOW PREMIUM SAAS UPDATE === */
:root{
  --premium-bg:#f6f7fb;
  --premium-card:#ffffff;
  --premium-ink:#0c111d;
  --premium-muted:#657080;
  --premium-line:#e5e7ef;
  --premium-accent:#2563eb;
  --premium-accent-soft:#eff5ff;
  --premium-ok:#16a34a;
  --premium-warn:#d97706;
  --premium-bad:#dc2626;
  --premium-radius:28px;
}
body{background:var(--premium-bg);color:var(--premium-ink);}
.nav-wow{height:74px;background:rgba(246,247,251,.82);backdrop-filter:blur(22px);border-bottom:1px solid rgba(12,17,29,.08)}
.brand-wow b{letter-spacing:-.045em}.brand-wow span{color:var(--premium-accent)}
.nav-menu-wow a{font-size:14px;color:#566174}.nav-dashboard{min-height:44px;padding:0 18px;background:var(--premium-accent);border-color:var(--premium-accent)}
.btn{gap:10px}.btn .arrow{transition:.18s ease}.btn:hover .arrow{transform:translateX(4px)}
.fixed-theme{position:fixed;right:22px;bottom:22px;z-index:70;width:48px;height:48px;border-radius:50%;border:1px solid rgba(12,17,29,.1);background:#fff;color:#111;box-shadow:0 18px 44px rgba(15,23,42,.15);display:grid;place-items:center;cursor:pointer}.nav-right .fixed-theme{position:static;width:44px;height:44px;box-shadow:none}

.saas-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.88fr);gap:56px;align-items:center;min-height:calc(100vh - 74px);padding:clamp(58px,7vw,112px) clamp(22px,6vw,92px);position:relative;overflow:hidden}
.saas-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(37,99,235,.12),transparent 32%),radial-gradient(circle at 18% 10%,rgba(148,163,184,.16),transparent 26%);pointer-events:none}.saas-copy,.product-stack{position:relative;z-index:1}
.saas-copy h1{font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.078em;margin:18px 0 24px;max-width:920px}.saas-copy .lead{font-size:clamp(18px,2vw,24px);max-width:760px;color:#4f5969}.hero-actions{margin-top:30px}.hero-actions .btn{min-width:210px}.compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;max-width:760px}.compact-metrics div{background:rgba(255,255,255,.74);border:1px solid rgba(12,17,29,.08);border-radius:22px;padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.05)}.compact-metrics b{display:block;font-size:20px;letter-spacing:-.035em}.compact-metrics span{color:var(--premium-muted);font-size:13px;font-weight:800}
.product-stack{min-height:480px;display:grid;place-items:center}.product-stack:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.22),rgba(37,99,235,.08) 35%,transparent 70%);filter:blur(12px)}
.premium-card-large{position:relative;width:min(440px,100%);background:rgba(255,255,255,.84);border:1px solid rgba(12,17,29,.09);border-radius:34px;padding:28px;box-shadow:0 36px 100px rgba(15,23,42,.16);backdrop-filter:blur(18px);animation:floatSoft 7s ease-in-out infinite}.card-topline,.secure-line{display:inline-flex;align-items:center;gap:9px;background:#f0fdf4;color:#15803d;border-radius:999px;padding:9px 13px;font-weight:900}.live-dot,.secure-line i{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.12);display:inline-block}.route-main{display:flex;align-items:center;gap:16px;margin:28px 0}.server-badge{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#111 0 33%,#dd1c1a 33% 66%,#ffce00 66%);color:#fff;font-weight:950}.route-main b{display:block;font-size:24px;letter-spacing:-.03em}.route-main span{display:block;color:var(--premium-muted);margin-top:4px}.clean-metrics{grid-template-columns:repeat(3,1fr);border:1px solid var(--premium-line);border-radius:22px;overflow:hidden;background:#f8fafc}.clean-metrics div{padding:18px;text-align:left}.clean-metrics div+div{border-left:1px solid var(--premium-line)}.clean-metrics b{font-size:22px}.clean-metrics span{font-size:13px;color:var(--premium-muted)}
.premium-graph{height:70px;display:flex;align-items:end;gap:6px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#f1f5ff);padding:14px;margin:18px 0}.premium-graph i{width:100%;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#2563eb);height:34%;animation:barFlow 2.4s ease-in-out infinite}.premium-graph i:nth-child(2n){animation-delay:.2s;height:48%}.premium-graph i:nth-child(3n){animation-delay:.4s;height:62%}.premium-graph i:nth-child(5n){height:80%}.card-foot{display:flex;justify-content:space-between;color:var(--premium-muted);font-weight:850}.card-foot b{color:var(--premium-accent)}.mini-card{position:absolute;background:rgba(255,255,255,.82);border:1px solid rgba(12,17,29,.08);box-shadow:0 20px 64px rgba(15,23,42,.12);backdrop-filter:blur(14px);border-radius:24px;padding:18px}.mini-card b{display:block}.mini-card span{display:block;color:var(--premium-muted);font-size:13px}.fc1{left:0;top:48px}.fc2{right:0;bottom:60px}

.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto}.how-grid div{background:#fff;border:1px solid var(--premium-line);border-radius:30px;padding:28px;box-shadow:0 18px 56px rgba(15,23,42,.05);position:relative;overflow:hidden}.how-grid em{font-style:normal;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--premium-accent-soft);color:var(--premium-accent);font-weight:950;margin-bottom:22px}.how-grid b{display:block;font-size:22px;margin-bottom:10px}.how-grid span{color:var(--premium-muted);line-height:1.6}.premium-value-grid div i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--premium-accent-soft);margin-bottom:18px;font-style:normal}.trust-shell{max-width:1180px;margin:0 auto;background:#0b1220;color:#fff;border-radius:40px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 28px 90px rgba(15,23,42,.18)}.trust-shell h2{font-size:clamp(32px,4.8vw,64px);line-height:.96;letter-spacing:-.06em;margin:12px 0}.trust-shell p{color:#b9c6d8;max-width:700px}.support-wow{background:#101827;background-image:radial-gradient(circle at 90% 20%,rgba(37,99,235,.25),transparent 30%)}
.status-wow .status-card,.network-card{transition:.22s ease}.status-wow .status-card:hover,.network-card:hover,.how-grid div:hover,.premium-value-grid div:hover,.config-bank-row:not(.head):hover{transform:translateY(-3px);box-shadow:0 24px 72px rgba(15,23,42,.08)}

.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.dashboard-wow{padding:32px clamp(18px,4vw,60px) 80px}.glass-lite{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px);border:1px solid rgba(12,17,29,.08)!important;box-shadow:0 24px 84px rgba(15,23,42,.08)!important}.app-sidebar{position:sticky;top:96px;border-radius:30px;padding:20px}.sidebar-profile{text-align:center;padding:8px 8px 18px;border-bottom:1px solid var(--premium-line);margin-bottom:12px}.avatar-card{display:block;background:transparent!important;padding:0!important}.avatar-card img{width:82px!important;height:82px!important;border-radius:26px!important;object-fit:cover;margin:0 auto 10px}.avatar-card label{display:inline-flex;border:1px solid var(--premium-line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;cursor:pointer}.sidebar-profile>b{display:block;margin-top:10px}.sidebar-profile>span{display:block;color:var(--premium-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:grid;gap:6px}.sidebar-nav a{padding:12px 13px;border-radius:16px;font-weight:850;color:#4b5565}.sidebar-nav a:hover{background:var(--premium-accent-soft);color:var(--premium-accent)}.app-main{display:grid;gap:18px}.bank-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;border-radius:34px;padding:30px}.bank-hero h1{font-size:clamp(36px,5vw,66px);line-height:.95;letter-spacing:-.065em;margin:10px 0}.bank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:360px}.bank-stats div{border:1px solid var(--premium-line);border-radius:22px;padding:18px;background:#fff}.bank-stats b{display:block;font-size:30px}.bank-stats span{color:var(--premium-muted);font-weight:850;font-size:13px}.notifications-stack{display:grid;gap:10px}.notice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:20px;background:#fff;border:1px solid var(--premium-line);box-shadow:0 12px 34px rgba(15,23,42,.04)}.notice b{white-space:nowrap}.notice span{color:var(--premium-muted);flex:1}.notice a{font-weight:900;color:var(--premium-accent)}.notice.warning{border-color:#fed7aa;background:#fff7ed}.notice.danger{border-color:#fecaca;background:#fef2f2}.notice.subtle{background:#f8fafc}.premium-wizard-panel,.banking-configs{border-radius:34px}.panel-head h2,.panel-row h2{font-size:clamp(30px,4vw,52px);line-height:.98;letter-spacing:-.055em;margin:7px 0}.wizard-progress{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;position:relative!important;margin:24px 0 32px!important}.wizard-progress:before{content:""!important;position:absolute!important;left:6%!important;right:6%!important;top:20px!important;height:2px!important;background:#e5e7ef!important;z-index:0!important}.wizard-progress span{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important;color:var(--premium-muted)!important}.wizard-progress span b{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--premium-line)!important;color:#64748b!important;font-size:13px!important;line-height:1!important}.wizard-progress span.active b{background:var(--premium-accent)!important;color:#fff!important;border-color:var(--premium-accent)!important}.wizard-progress small{font-size:12px!important;font-weight:850!important}.plan-card,.vpn-card{transition:.18s ease;text-align:left!important}.plan-card:hover,.vpn-card:hover{transform:translateY(-2px)}.plan-card.active,.vpn-card.active{outline:2px solid var(--premium-accent);outline-offset:2px}
.config-bank-table{display:grid;gap:8px}.config-bank-row{display:grid;grid-template-columns:1.5fr .85fr .9fr 1.1fr .8fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--premium-line);border-radius:20px;padding:14px 16px;transition:.18s ease}.config-bank-row.head{background:transparent;border:0;color:var(--premium-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.config-bank-row b{display:block}.config-bank-row small{display:block;color:var(--premium-muted);font-size:12px}.status-pill{display:inline-flex;border-radius:999px;padding:7px 10px;background:#e8fff4;color:#087443;border:1px solid #bbf7d0;font-size:12px;font-weight:950}.status-pill.expired{background:#fff1f2;color:#be123c;border-color:#fecdd3}.status-pill.disabled{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.status-pill.pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.empty-wow{border:1px dashed #cbd5e1!important;background:linear-gradient(135deg,#fff,#f8fbff)!important}.empty-icon{background:var(--premium-accent-soft)!important;color:var(--premium-accent)!important}.referral-wow{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:22px;align-items:center}.ref-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ref-stats span{background:#f8fafc;border:1px solid var(--premium-line);border-radius:999px;padding:8px 12px}.link-row{display:flex;gap:10px;align-items:center}.link-row input{height:48px;border:1px solid var(--premium-line);border-radius:16px;padding:0 14px;background:#f8fafc;color:var(--premium-ink);min-width:0;flex:1}.link-row button,.copyBtn,.inline-rename button,.admin-row button,.admin-actions a{min-height:40px;border-radius:999px;border:1px solid var(--premium-line);background:#fff;color:#111;padding:0 14px;font-weight:900;cursor:pointer}.premium-dialog{border:0;border-radius:34px;padding:30px;width:min(920px,calc(100vw - 28px));box-shadow:0 40px 120px rgba(15,23,42,.28);background:#fff;color:#111}.premium-dialog::backdrop{background:rgba(3,7,18,.62);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--premium-line);background:#fff;cursor:pointer;font-size:24px}.dialog-head h2{font-size:44px;line-height:.98;letter-spacing:-.06em;margin:8px 0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.copy-source{width:100%;height:120px;border:1px solid var(--premium-line);border-radius:18px;padding:14px;background:#f8fafc;color:#111;margin:12px 0;font-family:ui-monospace,monospace}.qr-device-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start;margin:18px 0}.qr-wrap{background:#f8fafc;border:1px solid var(--premium-line);border-radius:24px;padding:16px;text-align:center}.big-qr{width:260px!important;height:260px!important;image-rendering:pixelated;background:#fff;border-radius:12px}.device-first{background:#f8fafc;border:1px solid var(--premium-line);border-radius:24px;padding:18px}.device-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.device-tabs button{border:1px solid var(--premium-line);background:#fff;border-radius:999px;min-height:38px;padding:0 12px;font-weight:900;cursor:pointer}.device-tabs button.active{background:var(--premium-accent);border-color:var(--premium-accent);color:#fff}.premium-renew{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--premium-line);padding-top:18px}.premium-renew select,.inline-rename input{height:44px;border:1px solid var(--premium-line);border-radius:14px;padding:0 12px;background:#fff}.inline-rename{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.orders-wow .order,.order{border-radius:18px!important}.toast{position:fixed;left:50%;bottom:26px;z-index:200;transform:translate(-50%,20px);opacity:0;background:#101827;color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.22);transition:.22s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.creation-overlay{position:fixed;inset:0;background:rgba(3,7,18,.58);backdrop-filter:blur(8px);z-index:160;display:grid;place-items:center}.creation-overlay>div{background:#fff;border-radius:30px;padding:28px;display:grid;gap:8px;text-align:center;box-shadow:0 34px 120px rgba(0,0,0,.24)}.creation-overlay b{font-size:24px}.creation-overlay span{color:var(--premium-muted)}.creation-overlay i{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--premium-accent),#93c5fd);animation:progressInd 1.2s ease infinite}.creation-steps{display:grid;gap:8px;margin:16px 0}.creation-steps span{background:#f8fafc;border:1px solid var(--premium-line);border-radius:999px;padding:10px 12px}.creation-steps .done:before{content:'✓ ';color:var(--premium-ok);font-weight:950}.modal-premium>div{border-radius:34px!important}.ok-icon.warning{background:#fff7ed!important;color:#d97706!important}.admin-crm{display:grid;gap:18px}.crm-hero{display:flex;justify-content:space-between;align-items:center;border-radius:34px;padding:32px}.crm-hero h1{font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.07em;margin:10px 0}.crm-actions{display:flex;gap:10px}.crm-stats{grid-template-columns:repeat(4,1fr);margin:0}.crm-tabs{display:flex;gap:8px;flex-wrap:wrap;border-radius:24px;padding:12px}.crm-tabs a{padding:10px 14px;border-radius:999px;background:#f8fafc;font-weight:900}.crm-panel{border-radius:30px}.crm-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.crm-form input,.crm-form select,.admin-inline input,.admin-inline select,.admin-actions input{height:42px;border:1px solid var(--premium-line);border-radius:14px;padding:0 12px;background:#fff}.crm-table .admin-row{border-radius:18px}.network-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;margin:0 auto}.network-card{background:#fff;border:1px solid var(--premium-line);border-radius:30px;padding:28px;box-shadow:0 18px 56px rgba(15,23,42,.05)}.network-card b{display:block;font-size:22px;margin-top:12px}.network-card p{font-size:34px;margin:12px 0 6px;letter-spacing:-.05em;font-weight:950}.network-card small{color:var(--premium-muted)}

body.dark{--premium-bg:#080c14;--premium-card:#0f1623;--premium-ink:#f8fafc;--premium-muted:#9aa8ba;--premium-line:#243044;--premium-accent:#3b82f6;--premium-accent-soft:rgba(59,130,246,.14);background:radial-gradient(circle at 22% -8%,rgba(59,130,246,.22),transparent 30%),radial-gradient(circle at 92% 4%,rgba(96,165,250,.13),transparent 24%),#080c14!important;color:#f8fafc!important}body.dark .nav-wow{background:rgba(8,12,20,.82)!important;border-bottom-color:rgba(255,255,255,.08)!important}body.dark .nav-menu-wow a,body.dark .muted,body.dark .lead,body.dark .hero-note,body.dark .section-head p{color:#9aa8ba!important}body.dark .nav-menu-wow a:hover{color:#fff!important}body.dark .brand span{color:#60a5fa!important}body.dark .glass-lite,body.dark .panel,body.dark .auth,body.dark .premium-card-large,body.dark .mini-card,body.dark .compact-metrics div,body.dark .how-grid div,body.dark .value-grid div,body.dark .trust-grid div,body.dark .status-card,body.dark .network-card,body.dark .config-bank-row:not(.head),body.dark .notice,body.dark .bank-stats div,body.dark .premium-dialog,body.dark .footer{background:rgba(15,22,35,.84)!important;border-color:#243044!important;color:#f8fafc!important;box-shadow:0 24px 86px rgba(0,0,0,.28)!important}body.dark .premium-card-large,body.dark .mini-card{backdrop-filter:blur(18px)}body.dark .compact-metrics span,body.dark .route-main span,body.dark .clean-metrics span,body.dark .mini-card span,body.dark .card-foot,body.dark .sidebar-profile>span,body.dark .config-bank-row small{color:#9aa8ba!important}body.dark .btn,body.dark .nav-dashboard,body.dark .wizard .nav-btn,body.dark .wizard button[type=submit],body.dark .auth button{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 18px 46px rgba(59,130,246,.2)!important}body.dark .btn.ghost,body.dark .btn.secondary,body.dark .copyBtn,body.dark .link-row button,body.dark .inline-rename button,body.dark .admin-row button,body.dark .admin-actions a,body.dark .device-tabs button,body.dark .profile-toggle,body.dark .fixed-theme{background:#121b2a!important;border-color:#2b3a52!important;color:#f8fafc!important;box-shadow:none!important}body.dark input,body.dark select,body.dark textarea,body.dark .link-row input,body.dark .copy-source,body.dark .premium-renew select,body.dark .inline-rename input,.dark .crm-form input,.dark .admin-inline input,.dark .admin-inline select,.dark .admin-actions input{background:#0b111d!important;border-color:#2b3a52!important;color:#f8fafc!important}body.dark input::placeholder{color:#66758a!important}body.dark .clean-metrics,body.dark .premium-graph,body.dark .qr-wrap,body.dark .device-first,body.dark .creation-steps span,body.dark .ref-stats span,body.dark .crm-tabs a{background:#0b111d!important;border-color:#243044!important;color:#f8fafc!important}body.dark .wizard-progress:before{background:#263244!important}body.dark .wizard-progress span b{background:#0f1623!important;border-color:#2b3a52!important;color:#9aa8ba!important}body.dark .wizard-progress span.active b{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}body.dark .trust-shell,body.dark .support-wow{background:#0b111d!important;border-color:#243044!important}body.dark .status-pill.active{background:rgba(34,197,94,.13);color:#86efac;border-color:rgba(34,197,94,.28)}body.dark .status-pill.expired{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.26)}body.dark .notice.warning{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.26)!important}body.dark .notice.danger{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.26)!important}body.dark .premium-dialog::backdrop{background:rgba(0,0,0,.7)}body.dark .creation-overlay>div{background:#0f1623;color:#fff}body.dark .server-badge{color:#fff}body.dark .footer-brand span{color:#9aa8ba}.footer-brand span{color:var(--premium-muted);font-size:12px;margin-left:8px}.footer-brand img{display:block!important}

@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progressInd{0%{transform:scaleX(.15);transform-origin:left}50%{transform:scaleX(1)}100%{transform:scaleX(.15);transform-origin:right}}
@media(max-width:1120px){.saas-hero{grid-template-columns:1fr}.product-stack{min-height:420px}.app-shell{grid-template-columns:1fr}.app-sidebar{position:relative;top:auto}.sidebar-nav{grid-template-columns:repeat(3,1fr)}.bank-hero{align-items:flex-start;flex-direction:column}.bank-stats{min-width:0;width:100%}.config-bank-row{grid-template-columns:1.4fr .8fr .9fr .9fr .8fr auto}.network-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-menu-wow{display:none}.saas-hero{padding:38px 18px 62px}.saas-copy h1{font-size:44px}.compact-metrics{grid-template-columns:repeat(2,1fr)}.premium-card-large{padding:22px}.mini-card{display:none}.clean-metrics{grid-template-columns:1fr}.clean-metrics div+div{border-left:0;border-top:1px solid var(--premium-line)}.how-grid,.value-grid,.trust-grid,.status-grid,.network-status-grid{grid-template-columns:1fr!important}.trust-shell,.support-card,.referral-wow,.crm-hero{flex-direction:column;display:flex;align-items:flex-start}.app-main{gap:14px}.sidebar-nav{grid-template-columns:1fr}.bank-stats{grid-template-columns:1fr}.config-bank-row,.config-bank-row.head{grid-template-columns:1fr;gap:6px}.config-bank-row.head{display:none}.config-bank-row span:last-child{margin-top:8px}.qr-device-grid{grid-template-columns:1fr}.big-qr{width:100%!important;height:auto!important;max-width:300px}.wizard-progress small{display:none!important}.wizard-progress:before{top:20px!important}.crm-form{grid-template-columns:1fr}.crm-stats{grid-template-columns:repeat(2,1fr)}.notice{align-items:flex-start;flex-direction:column}.footer-wow{align-items:flex-start;flex-direction:column}.fixed-theme{width:44px;height:44px;right:16px;bottom:16px}}

/* === Premium UX fix: right hero block + no-reload device selector === */
.hero-cockpit{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate}
.hero-cockpit:before{content:"";position:absolute;inset:6% -8% 0 4%;border-radius:42px;background:radial-gradient(circle at 72% 28%,rgba(59,130,246,.28),transparent 28%),radial-gradient(circle at 26% 70%,rgba(20,184,166,.13),transparent 28%),linear-gradient(135deg,rgba(15,23,42,.06),rgba(255,255,255,.02));filter:blur(0);z-index:-2}
.hero-cockpit:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:conic-gradient(from 180deg,rgba(59,130,246,.0),rgba(59,130,246,.26),rgba(34,197,94,.18),rgba(59,130,246,.0));filter:blur(35px);opacity:.65;z-index:-1;animation:cockpitGlow 8s ease-in-out infinite}
.cockpit-card{width:min(100%,520px);padding:26px;border-radius:34px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.22);box-shadow:0 34px 110px rgba(15,23,42,.12);backdrop-filter:blur(22px);overflow:hidden;position:relative}
.cockpit-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.52),transparent);transform:translateX(-100%);animation:sheen 6.5s ease-in-out infinite;pointer-events:none}
.cockpit-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.secure-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(34,197,94,.10);color:#08733f;border:1px solid rgba(34,197,94,.18);border-radius:999px;padding:10px 14px;font-weight:900;font-size:14px}
.secure-pill i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.12)}
.cockpit-protocol{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:950}
.route-map-lite{height:250px;border-radius:28px;background:radial-gradient(circle at center,rgba(59,130,246,.14),transparent 46%),linear-gradient(180deg,#0b1220,#111827);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.route-map-lite:before{content:"";position:absolute;inset:-1px;background-image:linear-gradient(rgba(148,163,184,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.11) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000 0 48%,transparent 82%);opacity:.7}
.node{position:absolute;width:108px;height:74px;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#fff;display:grid;align-content:center;justify-items:center;z-index:4;box-shadow:0 16px 40px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.node b{font-size:17px}.node span{font-size:12px;color:#aeb8c7;margin-top:3px}.node.home{left:34px;top:86px}.node.server{right:34px;top:86px;background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.28)}
.route-line{position:absolute;left:142px;right:142px;top:121px;height:3px;background:linear-gradient(90deg,rgba(96,165,250,.2),#60a5fa,#22c55e,rgba(96,165,250,.2));border-radius:999px;z-index:2;box-shadow:0 0 20px rgba(96,165,250,.45);animation:routePulse 2.6s ease-in-out infinite}
.line-b{top:132px;opacity:.35;filter:blur(1px);animation-delay:.7s}
.pulse-ring{position:absolute;inset:58px 154px;border-radius:50%;border:1px solid rgba(96,165,250,.24);animation:ringScale 4s ease-in-out infinite;z-index:1}.pulse-ring.r2{animation-delay:1.3s;border-color:rgba(34,197,94,.22)}
.cockpit-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.cockpit-status div{border:1px solid var(--premium-line,#e5e7eb);border-radius:20px;padding:15px;background:rgba(255,255,255,.62)}
.cockpit-status span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-bottom:5px}.cockpit-status b{font-size:18px;letter-spacing:-.02em}
.cockpit-timeline{display:grid;gap:9px;margin-top:14px}.cockpit-timeline div{display:flex;align-items:center;gap:10px;border:1px solid var(--premium-line,#e5e7eb);border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.48);font-weight:820}.cockpit-timeline i{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;background:#22c55e;flex:0 0 auto}.cockpit-timeline .done i:before{content:"✓";font-size:12px;color:#fff;font-weight:950}.cockpit-timeline .active i{background:#3b82f6;box-shadow:0 0 0 6px rgba(59,130,246,.12)}

/* Device selector: readable cards instead of tiny pills */
.onboarding-device-card{border-radius:28px!important;padding:20px!important;overflow:hidden}.onboarding-device-card>.muted{margin:6px 0 12px!important}.device-card-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}.device-card-tabs button{min-height:74px!important;border-radius:22px!important;padding:12px 10px!important;background:#fff!important;color:#111827!important;border:1px solid var(--premium-line,#e5e7eb)!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:950!important;line-height:1!important;transition:.18s ease!important}.device-card-tabs button i{font-style:normal;font-size:22px;line-height:1}.device-card-tabs button span{display:block!important;color:inherit!important;font-size:13px!important;opacity:1!important}.device-card-tabs button:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.38)!important;box-shadow:0 16px 34px rgba(15,23,42,.08)!important}.device-card-tabs button.active{background:#111827!important;color:#fff!important;border-color:#111827!important;box-shadow:0 16px 34px rgba(15,23,42,.16)!important}.device-guide{min-height:54px;padding:14px 16px;border-radius:18px;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.18);color:#4b5563!important}.compact-device-first .device-guide{font-size:14px}.creation-modal>div{width:min(620px,calc(100vw - 28px))!important;max-height:calc(100vh - 36px);overflow:auto;text-align:left!important}.creation-modal .ok-icon,.creation-modal>div>b,.creation-modal>div>p{text-align:center}.creation-modal .ok-icon{margin-left:auto;margin-right:auto}.creation-modal>div>button{display:flex;margin:18px auto 0}.creation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-steps span{font-size:14px;text-align:left}.modal-ok{padding:18px}

/* Smoother no-reload feel */
.wizard-step{animation:stepFade .24s cubic-bezier(.2,.8,.2,1)!important}.wizard .next,.wizard .back,.device-tabs button,.copyBtn,.copyLinkBtn{user-select:none}.wizard-actions .nav-btn,.wizard-actions .btn{gap:8px}.wizard-actions .next:after{content:"→"}.wizard-actions .back:before{content:"←"}

body.dark .cockpit-card{background:rgba(15,22,35,.78)!important;border-color:#243044!important;color:#f8fafc!important;box-shadow:0 34px 110px rgba(0,0,0,.34)!important}body.dark .cockpit-protocol,body.dark .cockpit-status span{color:#9aa8ba!important}body.dark .cockpit-status div,body.dark .cockpit-timeline div{background:#0b111d!important;border-color:#243044!important;color:#f8fafc!important}body.dark .secure-pill{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.25)}body.dark .device-card-tabs button{background:#121b2a!important;border-color:#2b3a52!important;color:#f8fafc!important}body.dark .device-card-tabs button.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}body.dark .device-guide{background:#0b111d!important;border-color:#243044!important;color:#cbd5e1!important}

@keyframes cockpitGlow{0%,100%{transform:translateY(0) scale(1);opacity:.54}50%{transform:translateY(-12px) scale(1.04);opacity:.78}}@keyframes sheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@keyframes routePulse{0%,100%{opacity:.58;transform:scaleX(.96)}50%{opacity:1;transform:scaleX(1)}}@keyframes ringScale{0%{transform:scale(.68);opacity:.75}80%,100%{transform:scale(1.28);opacity:0}}@keyframes stepFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.hero-cockpit{min-height:420px}.cockpit-card{padding:18px}.route-map-lite{height:220px}.node{width:92px;height:66px}.node.home{left:18px}.node.server{right:18px}.route-line{left:108px;right:108px}.cockpit-status{grid-template-columns:1fr}.device-card-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.creation-steps{grid-template-columns:1fr}.creation-modal>div{text-align:left!important}}

/* === Final premium product upgrade === */
.fit-grid,.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fit-grid>div,.compare-card{padding:22px;border-radius:26px;background:rgba(255,255,255,.68);border:1px solid var(--premium-line,#e5e7eb);box-shadow:0 18px 50px rgba(15,23,42,.05);transition:.18s ease}.fit-grid>div:hover,.compare-card:hover{transform:translateY(-3px);box-shadow:0 26px 70px rgba(15,23,42,.09)}.fit-grid b{display:block;font-size:18px;margin-bottom:8px}.fit-grid span,.compare-card p,.compare-card li{color:var(--muted)}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card em{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef5ff;color:#2563eb;font-style:normal;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.compare-card h3{font-size:28px;margin:18px 0 10px}.compare-card ul{margin:18px 0 0;padding-left:18px;display:grid;gap:8px}.result-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.54));border:1px solid var(--premium-line,#e5e7eb)}.result-card h2{margin:6px 0 10px;font-size:34px}.result-steps{display:grid;grid-template-columns:repeat(2,150px);gap:12px}.result-steps span{padding:16px;border-radius:20px;background:#111827;color:#fff;font-weight:950;text-align:center}.status-tabs{margin-left:8px}.admin-search{display:flex;gap:10px;margin:18px 0 20px}.admin-search input{flex:1;min-height:44px;border-radius:16px;border:1px solid var(--premium-line,#e5e7eb);padding:0 14px;background:var(--card,#fff);color:var(--text,#111827)}.admin-row a{color:inherit;font-weight:900;text-decoration:none}.admin-row a:hover{text-decoration:underline}.compact-actions{gap:6px!important}.compact-actions form{display:inline-flex}.compact-actions input[type=hidden]{display:none}.back-link{display:inline-flex;margin-bottom:12px;color:var(--muted);font-weight:850;text-decoration:none}.user-detail-hero{align-items:flex-end}.small-empty{padding:18px;border-radius:18px;background:rgba(148,163,184,.08);border:1px dashed rgba(148,163,184,.28)}.creation-overlay div{box-shadow:0 24px 80px rgba(15,23,42,.22)}body.dark .fit-grid>div,body.dark .compare-card,body.dark .result-card{background:rgba(18,27,42,.78)!important;border-color:#263448!important;color:#f8fafc!important;box-shadow:0 20px 70px rgba(0,0,0,.22)}body.dark .compare-card em{background:rgba(59,130,246,.18);color:#93c5fd}body.dark .result-steps span{background:#2563eb;color:#fff}body.dark .admin-search input{background:#0b111d;border-color:#243044;color:#f8fafc}body.dark .small-empty{background:#0b111d;border-color:#243044;color:#cbd5e1}
@media(max-width:960px){.fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card{flex-direction:column;align-items:flex-start}.result-steps{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-search{flex-direction:column}}@media(max-width:640px){.fit-grid,.compare-grid{grid-template-columns:1fr}.result-card h2{font-size:28px}.result-steps{grid-template-columns:1fr}.status-tabs{margin-left:0;margin-top:8px}.config-tools{align-items:stretch!important}.tabs{flex-wrap:wrap}}


/* === MattVPN copy/brand integration update === */
.brand .site-avatar{display:block!important;width:42px!important;height:42px!important;border-radius:14px!important;object-fit:cover!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important;flex:0 0 auto!important}
.brand b:before{display:none!important}.brand-text{display:none!important}.brand-wordmark{display:block;height:38px;width:auto;max-width:168px;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(0,0,0,.16))}.nav .brand{gap:10px}.footer-brand img{display:block!important;width:36px!important;height:36px!important;border-radius:13px!important;object-fit:cover!important}.footer-brand span{color:var(--muted);font-weight:800}.brand-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.brand-card-top img{height:50px;width:auto;max-width:210px;object-fit:contain}.brand-card-top span{color:var(--muted);font-weight:900;font-size:13px}.matt-tariffs div{transition:.18s ease}.matt-tariffs div:hover{transform:translateY(-3px);box-shadow:0 22px 66px rgba(15,23,42,.08)}.small-head{margin-top:28px!important}.small-head .btn{margin-top:14px}.support-actions{align-items:center}.support-actions .btn{white-space:nowrap}.cockpit-card .cockpit-status b{font-size:18px}.premium-value-grid i{font-style:normal;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(217,180,95,.13);margin-bottom:16px;font-weight:950}body.dark .brand-card-top span{color:#aeb8c7!important}body.dark .brand-wordmark{filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}body.dark .premium-value-grid i{background:rgba(217,180,95,.14)}body.dark .matt-tariffs div{background:#101620!important;border-color:#263244!important;color:#f7fafc!important}.nav-dashboard{white-space:nowrap}@media(max-width:760px){.brand-wordmark{height:30px;max-width:126px}.brand .site-avatar{width:36px!important;height:36px!important}.brand-card-top{align-items:flex-start;flex-direction:column}.brand-card-top img{height:42px}.tariff-preview{grid-template-columns:1fr!important}.footer-brand{align-items:flex-start;flex-direction:column}.footer-links{gap:12px}}