:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#edf4ff;background:#0b1424;font-synthesis:none;--bg: #0b1424;--bg-soft: #101d31;--surface: #142239;--surface-2: #182943;--line: rgba(151, 177, 218, .14);--muted: #8fa3c2;--primary: #3577f6;--primary-bright: #5b91ff;--violet: #806cff;--success: #34d399}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(53,119,246,.12),transparent 38%),var(--bg)}button{font:inherit;color:inherit}.app-shell{min-height:100vh}.topbar{height:82px;padding:0 max(26px,calc((100vw - 1320px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);background:#0b1424d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.logo-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--primary-bright),#2458d4);box-shadow:0 10px 28px #3577f642}.logo small{font-size:10px;color:var(--muted);font-weight:500;border-left:1px solid var(--line);padding-left:10px;letter-spacing:.08em}nav{display:flex;gap:6px;margin:auto}nav button,.icon-button,.mobile-menu{border:0;background:transparent;cursor:pointer}nav button{display:flex;gap:8px;align-items:center;padding:11px 15px;border-radius:10px;color:#9eb0cc}nav button:hover,nav button.active{background:#3577f621;color:#65a0ff}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.mobile-menu{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--bg-soft);color:#a9bad3}.avatar{width:40px;height:40px;border:3px solid rgba(99,148,255,.22);border-radius:50%;background:linear-gradient(145deg,#77dd5b,#2db61a);font-weight:800}.mobile-menu{display:none}main{max-width:1320px;margin:0 auto;padding:54px 26px 70px}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{display:flex;align-items:center;gap:8px;color:#7198d7;font-size:12px;letter-spacing:.14em;font-weight:700}.eyebrow span{width:24px;height:2px;background:var(--primary)}h1{font-size:35px;letter-spacing:-1px;margin:8px 0 10px}.welcome>div>p:last-child{margin:0;color:var(--muted);max-width:620px;line-height:1.7}.system-status{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(52,211,153,.18);border-radius:12px;background:#34d3990f;color:#74e8bd}.system-status>i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px #34d3991f}.system-status div{display:flex;flex-direction:column}.system-status strong{font-size:13px}.system-status span{font-size:11px;color:#74a99b;margin-top:2px}.system-status svg{margin-left:8px}.hero-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.subscription-card,.quick-card,.panel,.stats-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#182943f5,#111e33f5);border-radius:18px;box-shadow:0 20px 60px #00000024}.subscription-card,.quick-card{padding:24px}.card-heading,.card-title{display:flex;align-items:center;justify-content:space-between}.card-heading>div,.card-title>div{display:flex;align-items:center;gap:12px}.soft-icon{width:42px;height:42px;display:grid;place-items:center;background:#3577f626;color:#72a7ff;border-radius:12px}.card-heading small{color:var(--muted)}.card-heading h2{font-size:20px;margin:3px 0 0}.status-pill{font-size:12px;color:#6ce5b6;background:#34d3991a;padding:7px 10px;border-radius:999px;border:1px solid rgba(52,211,153,.15)}.usage-row{display:flex;align-items:center;gap:24px;margin:28px 0}.usage-dial{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) 0 68%,rgba(111,137,178,.16) 68% 100%);position:relative}.usage-dial:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#14233a}.usage-dial span{position:relative;z-index:1;font-size:26px;font-weight:800}.usage-dial small{font-size:14px;color:var(--muted)}.usage-copy{flex:1;display:flex;flex-direction:column;gap:6px}.usage-copy>span,.usage-copy>small{color:var(--muted);font-size:13px}.meter{height:8px;background:#819ac221;border-radius:99px;overflow:hidden;margin:5px 0}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#326ff1,#6f96ff)}.subscription-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:18px}.subscription-meta div{display:flex;flex-direction:column;gap:5px}.subscription-meta div+div{border-left:1px solid var(--line);padding-left:24px}.subscription-meta span{font-size:12px;color:var(--muted)}.subscription-meta strong{font-size:14px}.card-title h3{font-size:16px;margin:0}.card-title>button,.text-button{border:0;background:#5b91ff14;color:#75a8ff;border-radius:9px;padding:8px;display:grid;place-items:center;cursor:pointer}.subscribe-box{padding:18px;margin:20px 0 16px;background:#040a155c;border:1px solid var(--line);border-radius:14px}.subscribe-box>span{font-size:12px;color:var(--muted)}.subscribe-box code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cdd9ec;margin:9px 0 14px}.subscribe-box button{width:100%;border:0;border-radius:9px;background:var(--primary);padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.platforms button{border:1px solid var(--line);background:#070f1c40;border-radius:10px;padding:10px 4px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.platforms b{color:#71a6ff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats-grid article{padding:18px;display:flex;align-items:center;gap:14px;border-radius:15px}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.stat-icon svg{width:20px}.stat-icon.blue{background:#3577f621;color:#5790ff}.stat-icon.violet{background:#806cff24;color:#9b8bff}.stat-icon.cyan{background:#22d3ee1f;color:#4ed8ec}.stat-icon.green{background:#34d3991c;color:#47d9a6}.stats-grid article>div{display:grid;grid-template-columns:1fr auto;flex:1;align-items:end}.stats-grid small{grid-column:1/3;color:var(--muted);font-size:12px}.stats-grid strong{font-size:22px;margin-top:4px}.stats-grid em{font-size:12px;color:var(--muted);font-style:normal}.stats-grid article>div>span{font-size:11px;color:var(--muted)}.stats-grid .up{color:#55d9ab}.lower-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.panel{padding:22px}.text-button{display:block!important;background:transparent!important;font-size:12px}.node{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.node:last-child{border-bottom:0}.flag{width:38px;height:28px;display:grid;place-items:center;border-radius:7px;background:#213658;color:#80adfa;font-size:10px;font-weight:800}.node>div{display:flex;flex-direction:column;gap:4px}.node strong{font-size:13px}.node small{font-size:11px;color:var(--muted)}.ping{margin-left:auto;color:#75dbb1;font-size:12px}.ping i{display:inline-block;width:6px;height:6px;background:#38d39f;border-radius:50%;margin-right:7px}.activity-item{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-item>span{width:34px;height:34px;border-radius:9px;background:#3577f61a;color:#70a6ff;display:grid;place-items:center}.activity-item div{display:flex;flex-direction:column;gap:3px}.activity-item strong{font-size:13px}.activity-item small,.activity-item time{font-size:11px;color:var(--muted)}footer{max-width:1320px;margin:0 auto;padding:26px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);color:var(--muted)}footer .logo{font-size:16px}footer .logo-mark{width:28px;height:28px;border-radius:8px}footer .logo-mark svg{width:14px}footer .logo small{display:none}footer>small{margin-left:auto}@media(max-width:1000px){nav{display:none}.top-actions{margin-left:auto}.mobile-menu{display:grid}.hero-grid,.lower-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{height:68px;padding:0 18px}.logo small{display:none}main{padding:34px 16px 48px}.welcome{align-items:flex-start;gap:24px;flex-direction:column}.system-status{width:100%}h1{font-size:29px}.hero-grid{gap:14px}.subscription-card,.quick-card,.panel{padding:18px;border-radius:14px}.usage-row{align-items:flex-start}.usage-dial{width:88px;height:88px}.subscription-meta{grid-template-columns:1fr;gap:12px}.subscription-meta div+div{border-left:0;padding-left:0}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:14px}.stats-grid article>div{display:flex;align-items:flex-start;flex-direction:column}.stats-grid small{grid-column:auto}.platforms{grid-template-columns:repeat(2,1fr)}.activity-item{grid-template-columns:34px 1fr}.activity-item time{grid-column:2}.top-actions .icon-button{display:none}footer{flex-wrap:wrap}footer>small{width:100%;margin-left:0}}a{color:inherit;text-decoration:none}.primary{border:0;background:linear-gradient(135deg,var(--primary),#285fe2);color:#fff;box-shadow:0 12px 30px #3577f633}.primary:disabled{opacity:.55;cursor:not-allowed}.logo img{max-width:142px;max-height:44px;object-fit:contain}.logo.compact small{display:none}.dashboard-shell .app-main{max-width:1320px;margin:0 auto;padding:38px 26px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.page-heading h1{font-size:29px;margin:5px 0 0}.breadcrumb{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.compact-welcome{align-items:center;margin-bottom:22px}.compact-welcome h2{font-size:24px;margin:0 0 6px}.compact-welcome p{color:var(--muted);margin:0}.status-pill.muted{color:var(--muted);border-color:var(--line);background:#ffffff08}.notices-panel{padding-bottom:8px}.notice{display:grid;grid-template-columns:8px 1fr auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.notice:last-child{border-bottom:0}.notice>span{width:7px;height:7px;border-radius:50%;background:var(--primary);margin-top:6px;box-shadow:0 0 0 5px #3577f61a}.notice strong{font-size:13px}.notice p{color:var(--muted);font-size:12px;line-height:1.6;margin:5px 0 0}.notice time{font-size:11px;color:var(--muted)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.action-grid button{border:1px solid var(--line);background:#060d183b;border-radius:12px;padding:14px;text-align:left;cursor:pointer;display:grid;grid-template-columns:38px 1fr;column-gap:10px}.action-grid button:hover{border-color:#528bff59;transform:translateY(-1px)}.action-grid span{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:#3577f61c;color:#6fa6ff;display:grid;place-items:center}.action-grid svg{width:18px}.action-grid strong{font-size:13px}.action-grid small{font-size:11px;color:var(--muted);margin-top:3px}.empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);padding:30px}.empty>span{width:54px;height:54px;border-radius:16px;background:#718db717;display:grid;place-items:center;margin-bottom:13px}.empty strong{color:#cdd8e9}.empty p{font-size:12px;line-height:1.6;max-width:320px}.loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.loading i{width:22px;height:22px;border:2px solid rgba(100,135,190,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid rgba(248,113,113,.22);background:#f8717114;color:#ff9b9b;border-radius:12px}.standalone-error,.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:column}.standalone-error button{border:0;background:var(--primary);padding:11px 18px;border-radius:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px;max-width:400px;padding:13px 16px;border-radius:12px;background:#182943;border:1px solid rgba(52,211,153,.22);box-shadow:0 22px 60px #00000059;animation:toast-in .25s ease}.toast>span{width:26px;height:26px;border-radius:8px;background:#34d3991f;color:#55d9ab;display:grid;place-items:center}.toast svg{width:15px}.toast.error{border-color:#f8717138}.toast.error>span{background:#f871711f;color:#ff8d8d}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.landing{min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(48,102,224,.18),transparent 34%),#080f1d}.landing>header{height:82px;display:flex;align-items:center;max-width:1240px;margin:0 auto;padding:0 24px;border-bottom:1px solid rgba(133,160,202,.08)}.landing>header nav{margin-left:auto;margin-right:0;display:flex;align-items:center}.landing>header nav a{font-size:13px;color:var(--muted);padding:10px}.landing>header nav button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:10px 18px;margin-left:6px;cursor:pointer}.landing>header nav .primary{border:0}.landing main{max-width:none;margin:0;padding:0}.landing-hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:100px 20px 70px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(79,134,245,.22);border-radius:999px;background:#2b5bbe1a;color:#79a9ff;font-size:11px;font-weight:700;letter-spacing:.08em}.hero-badge i{width:6px;height:6px;border-radius:50%;background:#4f8cff;box-shadow:0 0 16px #4f8cff}.landing-hero h1{font-size:clamp(42px,6vw,76px);max-width:900px;line-height:1.12;letter-spacing:-3px;margin:24px 0;background:linear-gradient(180deg,#fff,#aab9d1);-webkit-background-clip:text;color:transparent}.landing-hero>p{font-size:17px;color:var(--muted);line-height:1.8;max-width:660px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-actions button{border:1px solid var(--line);background:#16243bbd;padding:14px 22px;border-radius:11px;display:flex;align-items:center;gap:9px;cursor:pointer}.hero-actions .primary{border:0}.trust-row{display:flex;gap:24px;margin-top:26px;color:#7186a5;font-size:12px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg{width:15px}.hero-orbit{position:absolute;border:1px solid rgba(88,135,227,.08);border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:650px}.orbit-two{width:900px;height:900px}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#467ee7;box-shadow:0 0 20px #467ee7}.orbit-one:before{top:10%;left:20%}.orbit-one:after{right:3%;bottom:28%}.orbit-two:before{left:8%;bottom:28%}.orbit-two:after{right:17%;top:18%}.feature-strip{max-width:1180px;margin:0 auto;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#121f34a8;border-radius:18px;position:relative}.feature-strip article{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.feature-strip article+article{border-left:1px solid var(--line)}.feature-strip b{font-size:24px}.feature-strip span{font-size:12px;color:var(--muted)}.landing-features{max-width:1180px;margin:70px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px 80px}.landing-features>div{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#16263fbf,#0c1729b3);border-radius:16px}.landing-features>div>span{color:#5b91ff;font-size:12px;font-weight:800}.landing-features h2{font-size:18px;margin:18px 0 10px}.landing-features p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.landing footer{border-top:1px solid var(--line)}.auth-page{min-height:100vh;display:grid;grid-template-columns:.88fr 1.12fr;background:#0a1322}.auth-aside{padding:42px 8vw 42px 5vw;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 35%,rgba(62,116,238,.22),transparent 37%),linear-gradient(145deg,#0d1b33,#090f1b)}.auth-aside:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(92,139,234,.12);border-radius:50%;right:-200px;top:20%}.back-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);cursor:pointer}.back-button svg{width:17px}.auth-aside>.logo{margin-top:38px}.auth-aside>div:nth-of-type(2){margin:auto 0;position:relative;z-index:1}.auth-aside h1{font-size:48px;line-height:1.2;margin:22px 0}.auth-aside p{color:var(--muted);line-height:1.7}.auth-quote{position:relative;z-index:1;padding:20px;border:1px solid var(--line);background:#111f35b3;border-radius:14px}.auth-quote svg{width:22px;color:#578eff}.auth-quote p{color:#dce6f5;margin:8px 0}.auth-quote span{font-size:11px;color:var(--muted)}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px}.auth-main form{width:min(420px,100%)}.auth-heading h2{font-size:30px;margin:0}.auth-heading p{color:var(--muted);margin:9px 0 30px}.auth-main label,.create-ticket label{display:block;font-size:12px;color:#aebed6;margin:16px 0}.auth-main label>small{float:right;color:var(--muted)}.auth-main input,.inline-form input,.create-ticket input,.create-ticket select,.create-ticket textarea{width:100%;border:1px solid var(--line);background:#0e192b;color:#eef4ff;border-radius:10px;padding:13px 14px;margin-top:8px;outline:none}.auth-main input:focus,.inline-form input:focus,.create-ticket input:focus,.create-ticket textarea:focus{border-color:#4c84f58c;box-shadow:0 0 0 3px #3577f617}.input-action{display:flex}.input-action input{border-radius:10px 0 0 10px}.input-action button{border:0;background:#1d3764;color:#80adff;border-radius:0 10px 10px 0;padding:0 16px;white-space:nowrap}.form-submit{width:100%;border:0;border-radius:10px;padding:13px;background:var(--primary);margin-top:18px;cursor:pointer}.form-link{border:0;background:transparent;color:#75a7ff;width:100%;padding:14px;cursor:pointer}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}.auth-switch button{border:0;background:transparent;color:#70a5ff;cursor:pointer}.mobile-drawer{display:none}.recaptcha-box{min-height:78px;margin-top:16px;overflow:hidden}.store-layout{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title>div{display:flex;align-items:center;gap:10px}.section-title>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#3577f61f;color:#72a7ff;font-size:11px;font-weight:800}.section-title h2{font-size:17px;margin:0}.section-title p{font-size:12px;color:var(--muted)}.top-gap{margin-top:34px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.plan-card{border:1px solid var(--line);background:linear-gradient(145deg,#14233a,#101c2f);border-radius:15px;text-align:left;padding:20px;color:inherit;cursor:pointer;position:relative;overflow:hidden}.plan-card:hover,.plan-card.selected{border-color:#3978f1;box-shadow:inset 0 0 0 1px #3978f13d,0 18px 40px #0000001f}.plan-card .recommend{position:absolute;right:-28px;top:15px;background:#3978f1;padding:4px 30px;transform:rotate(36deg);font-size:10px}.plan-top{display:flex;justify-content:space-between}.plan-top svg{opacity:0;color:#5d95ff}.plan-card.selected .plan-top svg{opacity:1}.plan-index{color:#5c77a1;font-size:11px}.plan-card h3{font-size:18px;margin:22px 0 16px}.plan-card p{margin:0 0 18px}.plan-card p strong{font-size:27px;color:#72a6ff}.plan-card p span{font-size:11px;color:var(--muted);margin-left:5px}.plan-spec{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.period-grid button{min-height:100px;border:1px solid var(--line);background:#14233a;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:7px;text-align:left;position:relative;color:inherit;cursor:pointer}.period-grid button.selected{border-color:#3978f1;background:linear-gradient(145deg,#2f69dd33,#14233a)}.period-grid strong{font-size:18px;color:#6fa5ff}.period-grid small{font-size:10px;color:var(--muted)}.period-grid svg{display:none;position:absolute;right:10px;top:10px;width:15px}.period-grid button.selected svg{display:block}.features-card{border:1px solid var(--line);background:#14233a;border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.features-card span{display:flex;align-items:center;gap:8px;color:#c6d3e7;font-size:12px}.features-card svg{width:16px;color:#3bd69f}.checkout-card{position:sticky;top:105px;border:1px solid var(--line);background:linear-gradient(145deg,#172843,#101d31);border-radius:16px;padding:22px}.checkout-plan{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid var(--line)}.checkout-plan span,.checkout-plan small{font-size:11px;color:var(--muted)}.checkout-plan strong{font-size:19px;margin:8px 0}.checkout-card label{display:block;font-size:12px;color:var(--muted);margin:20px 0}.coupon-input{display:flex;margin-top:8px}.coupon-input input{min-width:0;flex:1;border:1px solid var(--line);background:#0d182a;color:#fff;padding:11px;border-radius:9px 0 0 9px}.coupon-input button{border:0;background:#203b69;color:#79a9ff;border-radius:0 9px 9px 0;padding:0 13px}.checkout-total{display:flex;align-items:end;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line)}.checkout-total span{color:var(--muted);font-size:12px}.checkout-total strong{font-size:27px}.checkout-card>p{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.checkout-card>p svg{width:14px;color:#43d4a3}.checkout-button{width:100%;padding:13px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.checkout-button svg{width:17px}.toolbar{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);background:#142239;border-radius:14px;margin-bottom:16px}.search{height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0e192b;border-radius:10px;padding:0 12px}.search svg{width:16px;color:var(--muted)}.search input{border:0;background:transparent;color:#fff;outline:none}.filter-tabs{display:flex;gap:5px}.filter-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:8px;cursor:pointer}.filter-tabs button.active{background:#3577f621;color:#6fa4ff}.toolbar>span{margin-left:auto;font-size:11px;color:var(--muted)}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.node-grid>article{padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,#162640,#111e32);border-radius:15px}.node-card-top{display:flex;justify-content:space-between}.country{width:42px;height:30px;display:grid;place-items:center;border-radius:8px;background:#223b64;color:#83affb;font-size:10px;font-weight:800}.country-1,.country-4{background:#402d62;color:#b5a0ff}.country-2,.country-5{background:#174744;color:#58d5b0}.live{font-size:10px;color:#62dcb0}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43d4a3;margin-right:5px}.node-grid h3{font-size:15px;margin:18px 0 5px}.node-grid p{font-size:11px;color:var(--muted)}.node-tags{display:flex;gap:6px;margin:16px 0}.node-tags span{font-size:10px;padding:5px 7px;background:#3f70ce1f;color:#6f9ff1;border-radius:6px}.node-quality{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:var(--muted);font-size:10px}.node-quality>div{height:5px;background:#718cb61f;border-radius:5px}.node-quality i{display:block;height:100%;background:linear-gradient(90deg,#3d77ed,#50d0b0);border-radius:inherit}.knowledge-hero{text-align:center;padding:54px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(circle at 50% 120%,rgba(53,119,246,.24),transparent 48%),#132138}.knowledge-hero>svg{color:#6fa4ff}.knowledge-hero h2{font-size:25px;margin:15px 0 8px}.knowledge-hero p{color:var(--muted);font-size:13px}.search.large{max-width:540px;height:48px;margin:25px auto 0;text-align:left}.search.large input{width:100%}.knowledge-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.knowledge-groups article{border:1px solid var(--line);background:#142239;border-radius:15px;overflow:hidden}.group-heading{display:flex;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.group-heading>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#3577f61f;color:#6fa4ff}.group-heading svg{width:17px}.group-heading h3{font-size:14px;margin:0}.group-heading p{color:var(--muted);font-size:10px;margin:5px 0 0}.knowledge-groups article>button{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;gap:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:15px 18px;cursor:pointer}.knowledge-groups article>button:last-child{border-bottom:0}.knowledge-groups article>button:hover{background:#3577f60d}.knowledge-groups article>button>svg{width:16px;color:#667e9f}.knowledge-groups article>button>span{display:flex;flex-direction:column;font-size:13px}.knowledge-groups article>button small{color:var(--muted);font-size:10px;margin-top:4px}.article-view{max-width:900px!important;border:1px solid var(--line);background:#142239;border-radius:16px;padding:35px!important}.article-category{display:inline-block;margin-top:30px;color:#6fa4ff;font-size:11px}.article-view h1{font-size:30px}.article-updated{color:var(--muted);font-size:11px;padding-bottom:22px;border-bottom:1px solid var(--line)}.article-body{font-size:14px;color:#c9d5e7;line-height:1.9;padding-top:16px}.article-body h1,.article-body h2,.article-body h3{color:#f1f6ff}.article-body img{max-width:100%;border-radius:10px}.article-body pre{overflow:auto;background:#0c1728;padding:14px;border-radius:10px}.invite-hero{display:flex;align-items:center;justify-content:space-between;padding:35px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(circle at 90% 10%,rgba(118,82,219,.26),transparent 32%),linear-gradient(145deg,#172a49,#121f34)}.invite-hero h2{font-size:28px;margin:18px 0 8px}.invite-hero p{color:var(--muted);font-size:13px}.invite-link{display:flex;max-width:650px;margin-top:24px}.invite-link code{flex:1;min-width:0;padding:13px;background:#0b1628;border:1px solid var(--line);border-radius:10px 0 0 10px;overflow:hidden;text-overflow:ellipsis}.invite-link button{border:0;background:var(--primary);padding:0 16px;border-radius:0 10px 10px 0;display:flex;align-items:center;gap:7px}.invite-link svg{width:16px}.invite-art{width:130px;height:130px;margin-right:40px;border-radius:50%;background:radial-gradient(circle,#477ee9,#3577f60a 68%);display:grid;place-items:center}.invite-art svg{width:60px;height:60px}.invite-stats,.traffic-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.invite-stats article,.traffic-overview article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);background:#142239;border-radius:13px}.invite-stats article>span,.traffic-overview article>span{width:40px;height:40px;border-radius:10px;background:#3577f61c;color:#6fa4ff;display:grid;place-items:center}.invite-stats svg,.traffic-overview svg{width:18px}.invite-stats article>div,.traffic-overview article>div{display:flex;flex-direction:column}.invite-stats small,.traffic-overview small{color:var(--muted);font-size:10px}.invite-stats strong,.traffic-overview strong{font-size:16px;margin-top:4px}.table-panel{margin-top:16px}.card-title>span{font-size:11px;color:var(--muted)}.data-table{margin-top:16px}.table-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;padding:14px 10px;border-bottom:1px solid var(--line);align-items:center;font-size:12px}.table-head{color:var(--muted);font-size:10px;background:#060c172e;border-radius:8px}.success-text{color:#4bd8a6}.traffic-overview{grid-template-columns:repeat(3,1fr)}.traffic-chart{margin-top:16px}.bars{display:flex;align-items:end;gap:10px;height:280px;padding:28px 10px 0;margin-top:14px;border-top:1px solid var(--line)}.bar-item{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;min-width:25px}.bar-item>div{height:190px;width:14px;background:#627faf17;border-radius:8px;display:flex;align-items:end}.bar-item i{display:block;width:100%;background:linear-gradient(180deg,#5f96ff,#2e68dc);border-radius:8px}.bar-item span{font-size:10px;color:var(--muted);margin-top:8px}.bar-item small{font-size:8px;color:#617899;margin-top:4px}.orders-table .table-row{grid-template-columns:1.35fr 1.2fr .8fr .8fr .7fr .5fr}.order-status{display:inline-block;padding:5px 8px;border-radius:7px;font-size:10px;background:#3577f61a;color:#6fa4ff}.status-2{background:#f871711a;color:#f99494}.status-3,.status-4{background:#34d3991a;color:#51d9aa}.danger-link{border:0;background:transparent;color:#f38d8d;cursor:pointer}.order-actions{display:flex;gap:7px}.order-actions button{border:0;background:#3577f61f;color:#76a7ff;border-radius:6px;padding:5px 7px;font-size:10px;cursor:pointer}.order-actions .danger-link{background:#f871711a;color:#f38d8d}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#030810b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.payment-modal{width:min(460px,100%);border:1px solid var(--line);background:#142239;border-radius:17px;padding:22px;box-shadow:0 40px 100px #00000073}.payment-modal .card-title>button{border:0;background:transparent;color:var(--muted)}.pay-order{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.pay-order span{color:var(--muted)}.pay-order strong{font-size:20px}.payment-methods{display:flex;flex-direction:column;gap:8px;margin-top:16px}.payment-methods>button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);background:#0f1b2f;color:inherit;border-radius:11px;padding:12px;text-align:left;cursor:pointer}.payment-methods>button:hover{border-color:#4a84f673}.payment-methods img,.payment-methods>button>svg:first-child{width:28px;height:28px;object-fit:contain}.payment-methods>button>svg:last-child{width:16px;color:var(--muted)}.payment-methods span{display:flex;flex-direction:column}.payment-methods strong{font-size:12px}.payment-methods small{font-size:9px;color:var(--muted);margin-top:3px}.qr-payment{display:flex;align-items:center;flex-direction:column;padding:22px 0 6px}.qr-payment img{width:220px;height:220px;border-radius:12px;padding:8px;background:#fff}.qr-payment p{font-size:12px;color:var(--muted);margin:14px 0 7px}.qr-payment a{font-size:11px;color:#72a7ff}.payment-methods>button:disabled{opacity:.48;cursor:not-allowed}.ticket-list .card-title,.create-ticket .card-title{padding-bottom:15px;border-bottom:1px solid var(--line)}.primary.small{padding:8px 11px;border-radius:8px;display:flex;align-items:center;gap:6px}.primary.small svg{width:15px}.ticket-row{width:100%;display:grid;grid-template-columns:40px 1fr auto auto;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:17px 0;text-align:left;cursor:pointer}.ticket-row:last-child{border-bottom:0}.ticket-level{width:40px;height:40px;border-radius:10px;background:#3577f61a;color:#72a7ff;display:grid;place-items:center}.ticket-level svg{width:17px}.ticket-row>div{display:flex;flex-direction:column;gap:4px}.ticket-row strong{font-size:13px}.ticket-row small{font-size:10px;color:var(--muted)}.ticket-row>b{font-size:10px;border-radius:6px;padding:5px 7px}.ticket-row .open{background:#34d3991a;color:#4ad7a5}.ticket-row .closed{background:#8599b917;color:var(--muted)}.ticket-row>svg{width:16px;color:var(--muted)}.create-ticket form{max-width:680px;margin:20px auto}.create-ticket select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.create-ticket textarea{min-height:150px;resize:vertical}.create-ticket .card-title>button{border:0;background:transparent;color:var(--muted)}.ticket-detail .card-title>div>div{display:flex;flex-direction:column}.ticket-detail .card-title small{font-size:10px;color:#4dd5a6}.messages{padding:25px 0;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:10px;max-width:75%}.message.mine{margin-left:auto;flex-direction:row-reverse}.message>span{width:32px;height:32px;flex:0 0 auto;border-radius:9px;background:#243c64;color:#81adfa;display:grid;place-items:center;font-size:10px}.message>div{padding:13px;background:#0f1c30;border:1px solid var(--line);border-radius:4px 12px 12px}.message.mine>div{background:#3577f626;border-radius:12px 4px 12px 12px}.message p{margin:0;font-size:13px;line-height:1.7}.message time{font-size:9px;color:var(--muted)}.reply-box{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px}.reply-box textarea{flex:1;border:1px solid var(--line);background:#0d182a;color:#fff;border-radius:10px;padding:12px;resize:none}.reply-box button{padding:0 18px;border-radius:10px;display:flex;align-items:center;gap:7px}.reply-box svg{width:16px}.profile-hero{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 5% 50%,rgba(93,70,189,.25),transparent 28%),linear-gradient(145deg,#162945,#121f34)}.profile-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4482f8,#5549be);font-size:28px;font-weight:800;border:4px solid rgba(148,178,255,.14)}.profile-hero h2{margin:0 0 5px}.profile-hero p,.profile-hero span{margin:0;color:var(--muted);font-size:12px}.profile-hero span{display:block;margin-top:5px;font-size:10px}.profile-balance{margin-left:auto;text-align:right}.profile-balance small{display:block;color:var(--muted)}.profile-balance strong{display:block;font-size:25px;margin-top:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.setting-row,.setting-action{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row>div,.setting-action>div{display:flex;flex-direction:column;gap:5px}.setting-row strong,.setting-action strong{font-size:13px}.setting-row small,.setting-action small{font-size:10px;color:var(--muted)}.switch{width:43px;height:24px;border:0;background:#293b57;border-radius:99px;padding:3px;cursor:pointer}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#71829d;transition:.2s}.switch.on{background:#2d6fe9}.switch.on i{transform:translate(19px);background:#fff}.setting-action button.danger,.danger-zone button{border:0;background:#f871711f;color:#ff9292;padding:9px 11px;border-radius:8px}.inline-form h4{font-size:12px;margin:17px 0 0}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.inline-form h4{grid-column:1/4}.inline-form button{border:0;background:#203c69;color:#80adff;border-radius:9px;padding:0 12px}.panel-description,.danger-zone p{font-size:11px;color:var(--muted);line-height:1.7}.settings-grid .input-action input{flex:1;min-width:0;border:1px solid var(--line);background:#0d182a;color:#fff;padding:11px;border-radius:9px 0 0 9px}.danger-zone button{margin-top:12px}.settings-grid .panel{min-height:220px}@media(max-width:1100px){.store-layout{grid-template-columns:1fr}.checkout-card{position:static}.plan-grid,.period-grid{grid-template-columns:repeat(3,1fr)}.node-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.invite-art{margin-right:0}.landing-hero{min-height:590px}}@media(max-width:800px){.dashboard-shell .topbar nav{display:none}.mobile-drawer{position:fixed;display:flex;flex-direction:column;gap:4px;z-index:30;top:68px;right:0;width:min(320px,86vw);bottom:0;padding:16px;background:#101d31;border-left:1px solid var(--line);transform:translate(105%);transition:.25s}.mobile-drawer.open{transform:none}.mobile-drawer button{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--muted);padding:12px;border-radius:9px}.mobile-drawer button.active{background:#3577f61f;color:#6fa4ff}.mobile-drawer svg{width:18px}.dashboard-shell .app-main{padding-top:28px}.store-layout{display:block}.checkout-card{margin-top:16px}.plan-grid,.period-grid,.node-grid{grid-template-columns:1fr 1fr}.knowledge-groups{grid-template-columns:1fr}.invite-stats{grid-template-columns:1fr 1fr}.invite-art{display:none}.feature-strip{margin:0 20px}.landing-features,.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh}.table-panel{overflow-x:auto}.data-table{min-width:720px}.traffic-chart{overflow-x:auto}.bars{min-width:720px}.landing>header nav a{display:none}}@media(max-width:600px){.dashboard-shell .app-main{padding:25px 14px 50px}.page-heading{align-items:flex-start}.breadcrumb{display:none}.plan-grid,.period-grid,.node-grid,.features-card{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.filter-tabs{overflow:auto}.toolbar>span{margin-left:0}.invite-hero{padding:24px}.invite-link{flex-direction:column}.invite-link code{border-radius:9px}.invite-link button{border-radius:9px;padding:12px;justify-content:center;margin-top:8px}.invite-stats,.traffic-overview{grid-template-columns:1fr 1fr}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-balance{width:100%;margin-left:98px;text-align:left}.inline-form{grid-template-columns:1fr}.inline-form h4{grid-column:1}.inline-form button{padding:11px}.settings-grid .panel{min-height:auto}.landing>header nav button:not(.primary){display:none}.landing-hero{padding-top:70px}.landing-hero h1{font-size:44px;letter-spacing:-2px}.hero-actions{width:100%;flex-direction:column}.hero-actions button{justify-content:center}.trust-row{gap:12px;flex-wrap:wrap;justify-content:center}.feature-strip{grid-template-columns:1fr 1fr;gap:22px}.feature-strip article+article{border-left:0}.feature-strip article:nth-child(2n){border-left:1px solid var(--line)}.toast{right:14px;left:14px;bottom:14px}.message{max-width:90%}.reply-box{flex-direction:column}.reply-box button{padding:12px;justify-content:center}}
