:root{--bg:#08090f;--bg2:#0b0f1e;--glass:#ffffff0b;--glass-md:#ffffff14;--glass-hi:#ffffff21;--border:#ffffff14;--border-hi:#ffffff2e;--accent:#0168fd;--accent-dk:#0151cb;--glow:#0168fd66;--glow-sm:#0168fd33;--green:#00d084;--green-glow:#00d0844d;--red:#ff4458;--text:#eef2ff;--text2:#eef2ff8c;--text3:#eef2ff47;--r:14px;--rsm:8px;--rlg:20px;--trans:.2s ease;--sidebar-w:220px;--topbar-h:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.home-logo{flex-shrink:0;width:140px;display:block}.topbar-logo{flex-shrink:0;width:110px;display:block}.subpage-logo{width:110px;display:block}.auth-logo{width:160px;margin:0 auto 28px;display:block}.home-logo img,.topbar-logo img,.subpage-logo img,.auth-logo img{width:100%;display:block}.card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--trans);margin-bottom:16px;padding:24px}.card:hover{border-color:var(--border-hi)}.card-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.card-subtitle{color:var(--text2);margin-bottom:16px;font-size:13px}.btn{border-radius:var(--rsm);cursor:pointer;transition:all var(--trans);white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 0 #0168fd00}.btn-accent:hover{background:var(--accent-dk);box-shadow:0 0 28px var(--glow);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;width:100%;padding:13px;font-size:15px;font-weight:700}.btn-primary:hover{background:var(--accent-dk);box-shadow:0 0 24px var(--glow)}.btn-green{background:var(--green);color:#000;font-weight:700}.btn-green:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{background:var(--glass-md);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--glass-hi);border-color:var(--border-hi)}.btn-dark{background:var(--glass-hi);color:var(--text);border:1px solid var(--border)}.btn-dark:hover{border-color:var(--border-hi);background:#ffffff29}.btn-secondary{background:var(--glass);color:var(--text2);border:1px solid var(--border)}.btn-secondary:hover{background:var(--glass-md);color:var(--text)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{color:var(--red);background:#ff44581f;border:1px solid #ff445833}.btn-danger:hover{background:#ff445838}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{border-radius:var(--r);padding:14px 32px;font-size:16px;font-weight:700}.form-group{margin-bottom:18px}.form-label{color:var(--text2);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-input{background:var(--glass-md);border:1.5px solid var(--border);border-radius:var(--rsm);width:100%;color:var(--text);transition:border-color var(--trans), box-shadow var(--trans);outline:none;padding:11px 14px}.form-input::placeholder{color:var(--text3)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0168fd24}.form-input.is-error{border-color:var(--red)}textarea.form-input{resize:vertical;min-height:100px}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(238,242,255,.45)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}select.form-input option{color:var(--text);background:#1a1f35}.form-error{color:var(--red);margin-top:5px;font-size:12px}.form-hint{color:var(--text3);margin-top:4px;font-size:12px}.checkbox-label{color:var(--text2);cursor:pointer;align-items:center;gap:9px;font-size:14px;display:inline-flex}.checkbox-label input[type=checkbox]{aspect-ratio:1;width:16px;accent-color:var(--accent);cursor:pointer}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-green{color:var(--green);background:#00d0842e}.badge-gray{background:var(--glass-md);color:var(--text2)}.badge-blue{color:#6eb5ff;background:#0168fd33}.badge-dark{background:var(--glass-hi);color:var(--text)}.badge-red{color:var(--red);background:#ff445826}.badge-orange{color:#faad14;background:#faad1426}.alert{border-radius:var(--rsm);margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-success{color:var(--green);background:#00d0841a;border:1px solid #00d08433}.alert-error{color:var(--red);background:#ff44581a;border:1px solid #ff445833}.alert-warning{color:#faad14;background:#faad141a;border:1px solid #faad1433}.status{align-items:center;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-flex}.status-dot{aspect-ratio:1;border-radius:50%;flex-shrink:0;width:8px}.status-dot.green{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.status-dot.gray{background:var(--text3)}.status.active{color:var(--green)}.status.inactive{color:var(--text2)}.back-link{color:var(--text2);transition:color var(--trans);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--text)}.page-title{color:var(--text);margin-bottom:24px;font-size:20px;font-weight:700}.empty-state{text-align:center;color:var(--text2);padding:32px 0;font-size:14px}.empty-hint{background:var(--glass);border:1px dashed var(--border);border-radius:var(--rsm);color:var(--text2);padding:16px;font-size:14px}.home-page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.home-page:before,.home-page:after{content:"";pointer-events:none;border-radius:50%;position:fixed}.home-page:before{aspect-ratio:1;background:radial-gradient(circle,#0168fd29 0%,#0000 70%);width:clamp(300px,60vw,700px);animation:14s ease-in-out infinite orb-drift;top:-20%;right:-15%}.home-page:after{aspect-ratio:1;background:radial-gradient(circle,#00d0841a 0%,#0000 70%);width:clamp(200px,40vw,500px);animation:11s ease-in-out -6s infinite reverse orb-drift;bottom:-15%;left:-10%}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-25px)scale(1.04)}66%{transform:translate(-15px,20px)scale(.97)}}.home-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#08090fd1;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(16px,4vw,56px);display:flex;position:sticky;top:0}.home-logo{flex-shrink:0}.home-nav{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;padding:clamp(52px,10vw,110px) clamp(16px,4vw,32px) clamp(52px,8vw,90px);display:flex;position:relative}.hero-badge{color:#7ab8ff;background:#0168fd1a;border:1px solid #0168fd3d;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge:before{content:"";aspect-ratio:1;background:var(--green);width:6px;box-shadow:0 0 8px var(--green-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-2px;max-width:760px;margin-bottom:20px;font-size:clamp(36px,9vw,88px);font-weight:800;line-height:1.05}.hero-title-accent{background:linear-gradient(135deg,#4da3ff 0%,#0168fd 40%,#38c8ff 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-pan}@keyframes gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-subtitle{color:var(--text2);max-width:520px;margin:0 auto 36px;font-size:clamp(15px,2.5vw,19px);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:52px;display:flex}.hero-stats{background:var(--glass);border:1px solid var(--border);border-radius:40px;flex-wrap:wrap;justify-content:center;align-items:center;padding:12px 8px;display:flex}.hero-stat{flex-direction:column;align-items:center;padding:4px 20px;display:flex}.hero-stat-val{font-size:clamp(18px,3vw,26px);font-weight:800;line-height:1}.hero-stat-unit{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:11px;font-weight:600}.hero-stat-sep{background:var(--border);align-self:stretch;width:1px}.section{width:100%;max-width:1100px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(16px,4vw,48px)}.section-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:700;display:block}.section-title{letter-spacing:-1px;text-align:center;margin-bottom:12px;font-size:clamp(24px,4vw,42px);font-weight:800}.section-subtitle{color:var(--text2);text-align:center;max-width:480px;margin:0 auto 48px;font-size:clamp(14px,2vw,16px)}.home-features-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.home-feature-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--trans), transform var(--trans), box-shadow var(--trans);padding:28px}.home-feature-card:hover{border-color:#0168fd59;transform:translateY(-3px);box-shadow:0 8px 40px #0168fd1a}.home-feature-icon{margin-bottom:16px;font-size:34px;display:block}.home-feature-title{margin-bottom:8px;font-size:16px;font-weight:700}.home-feature-desc{color:var(--text2);font-size:13px;line-height:1.6}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:20px;display:grid}.plan-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--trans), transform var(--trans), box-shadow var(--trans);padding:28px 22px;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 14px 48px #00000059}.plan-card.popular{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 36px #0168fd38}.popular-badge{background:var(--accent);color:#fff;white-space:nowrap;box-shadow:0 0 18px var(--glow);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-name{margin-bottom:6px;font-size:18px;font-weight:700}.plan-desc{color:var(--text2);min-height:38px;margin-bottom:20px;font-size:13px;line-height:1.5}.plan-price{margin-bottom:4px;font-size:clamp(28px,5vw,36px);font-weight:800;line-height:1}.plan-price-currency{font-size:18px;font-weight:600}.plan-duration{color:var(--text2);margin-bottom:24px;font-size:12px}.faq-list{flex-direction:column;gap:8px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--trans);overflow:hidden}.faq-item.open{border-color:var(--border-hi)}.faq-q{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.faq-chevron{aspect-ratio:1;background:var(--glass-md);width:22px;transition:transform var(--trans), background var(--trans);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-style:normal;display:flex}.faq-item.open .faq-chevron{background:var(--accent);transform:rotate(180deg)}.faq-a{color:var(--text2);padding:0 22px 18px;font-size:14px;line-height:1.7;display:none}.faq-item.open .faq-a{display:block}.home-footer{border-top:1px solid var(--border);text-align:center;color:var(--text3);padding:24px clamp(16px,4vw,48px);font-size:13px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#0168fd26 0%,#0000 70%);border-radius:50%;width:clamp(300px,50vw,600px);position:fixed;top:-15%;right:-10%}.auth-card{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--rlg);width:100%;max-width:400px;padding:clamp(28px,6vw,44px);position:relative;box-shadow:0 24px 64px #0006}.auth-logo{text-align:center;letter-spacing:-.5px;margin-bottom:28px;font-size:22px;font-weight:800;display:block}.auth-title{margin-bottom:6px;font-size:20px;font-weight:700}.auth-subtitle{color:var(--text2);margin-bottom:24px;font-size:14px}.auth-footer-link{text-align:center;color:var(--text2);margin-top:20px;font-size:13px;display:block}.auth-footer-link a{color:var(--accent)}.auth-footer-link a:hover{text-decoration:underline}.code-inputs{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.code-digit{text-align:center;background:var(--glass-md);border:1.5px solid var(--border);border-radius:var(--rsm);width:44px;height:56px;color:var(--text);transition:border-color var(--trans), box-shadow var(--trans);-moz-appearance:textfield;outline:none;padding:0;font-size:22px;font-weight:700}.code-digit::-webkit-outer-spin-button{-webkit-appearance:none}.code-digit::-webkit-inner-spin-button{-webkit-appearance:none}.code-digit:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0168fd24}.code-digit.is-error{border-color:var(--red);box-shadow:0 0 0 3px #ff44581f}.dashboard-layout{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:200;background:#08090fe0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex;position:sticky;top:0}.topbar-logo{flex-shrink:0}.topbar-nav{align-items:center;gap:4px;display:flex}.topbar-link{color:var(--text2);transition:background var(--trans), color var(--trans);border-radius:6px;padding:6px 12px;font-size:14px}.topbar-link:hover{background:var(--glass-md);color:var(--text)}.topbar-logout{color:var(--text2);transition:background var(--trans), color var(--trans);border-radius:6px;padding:6px 12px;font-size:13px}.topbar-logout:hover{background:var(--glass-md);color:var(--text)}.hamburger{aspect-ratio:1;border-radius:var(--rsm);background:var(--glass-md);border:1px solid var(--border);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;padding:8px;display:none}.hamburger span{background:var(--text);height:2px;transition:all var(--trans);border-radius:2px;display:block}.dashboard-body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);transition:transform var(--trans);background:#08090fa6;flex-direction:column;flex-shrink:0;padding:20px 0;display:flex;overflow-y:auto}body.menu-open{overflow:hidden}.sidebar-user{border-bottom:1px solid var(--border);margin-bottom:10px;padding:0 16px 18px}.sidebar-email{color:var(--text);word-break:break-all;font-size:13px;font-weight:600}.sidebar-caption{color:var(--text3);margin-top:3px;font-size:11px}.sidebar-nav{flex:1;padding:0 8px}.sidebar-link{border-radius:var(--rsm);color:var(--text2);transition:background var(--trans), color var(--trans);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:14px;display:flex}.sidebar-link:hover{background:var(--glass-md);color:var(--text)}.sidebar-link.active{color:#08090f;background:#fff;border-color:#0000;font-weight:700}.sidebar-bottom{border-top:1px solid var(--border);margin-top:12px;padding:16px 8px 0}.sidebar-overlay{z-index:149;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.main-content{flex:1;min-width:0;padding:clamp(16px,3vw,28px) clamp(14px,3vw,32px);overflow-y:auto}.sub-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.sub-info-cell{background:var(--glass-md);border-radius:var(--rsm);padding:12px 16px}.sub-info-label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px}.sub-info-value{color:var(--text);font-size:15px;font-weight:600}.sub-info-value.muted{color:var(--text3)}.sub-url-box{background:var(--glass-md);border:1px solid var(--border);border-radius:var(--rsm);align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.sub-url-text{color:var(--text2);word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:13px}.install-banner{border-radius:var(--r);transition:border-color var(--trans), transform var(--trans);background:linear-gradient(135deg,#0168fd33,#0168fd12);border:1px solid #0168fd40;align-items:center;gap:16px;margin-bottom:16px;padding:20px 22px;display:flex}.install-banner:hover{border-color:#0168fd73;transform:translateY(-2px)}.install-banner-icon{flex-shrink:0;font-size:28px}.install-banner-body{flex:1;min-width:0}.install-banner-title{margin-bottom:2px;font-size:15px;font-weight:700}.install-banner-sub{color:var(--text2);font-size:13px}.install-banner-arrow{color:var(--text3);flex-shrink:0;font-size:22px}.referral-banner{border-radius:var(--r);background:linear-gradient(135deg,#00d0842e,#00d0840f);border:1px solid #00d08433;margin-bottom:16px;padding:20px 22px}.referral-banner-title{color:var(--green);margin-bottom:4px;font-size:15px;font-weight:700}.referral-banner-sub{color:var(--text2);font-size:13px}.features-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feature-item{background:var(--glass-md);border:1px solid var(--border);border-radius:var(--rsm);align-items:center;gap:10px;padding:14px 16px;display:flex}.feature-icon{font-size:20px}.feature-text{font-size:13px;font-weight:600}.step{margin-bottom:32px}.step-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.step-number{aspect-ratio:1;background:var(--accent);color:#fff;width:32px;box-shadow:0 0 14px var(--glow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.step-title{font-size:16px;font-weight:700}.platform-buttons{flex-wrap:wrap;gap:10px;display:flex}.platform-btn{border-radius:var(--rsm);background:var(--glass-md);border:1px solid var(--border);transition:border-color var(--trans), background var(--trans);align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.platform-btn:hover{border-color:var(--accent);background:var(--glass-hi)}.divider-or{text-align:center;color:var(--text3);margin:16px 0;font-size:13px;position:relative}.divider-or:before,.divider-or:after{content:"";background:var(--border);width:calc(50% - 24px);height:1px;position:absolute;top:50%}.divider-or:before{left:0}.divider-or:after{right:0}.step-done{background:#00d08412;border:1px solid #00d08433;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.step-done-icon{font-size:24px}.step-done-text{color:var(--green);font-size:14px;font-weight:600}.step-done-sub{color:var(--text2);margin-top:2px;font-size:13px}.hint-text{color:var(--text3);margin-top:8px;font-size:12px}.profile-links{margin-top:8px}.profile-link-item{border-bottom:1px solid var(--border);transition:color var(--trans);justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;display:flex}.profile-link-item:last-child{border-bottom:none}.profile-link-item:hover{color:var(--accent)}.profile-link-arrow{color:var(--text3);font-size:18px}.transaction-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-plan{font-size:14px;font-weight:600}.transaction-date{color:var(--text2);margin-top:2px;font-size:12px}.transaction-amount{color:var(--green);flex-shrink:0;margin-left:12px;font-size:15px;font-weight:700}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-header .page-title{margin-bottom:0}.admin-search{margin-bottom:16px}.filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-tab{border:1.5px solid var(--border);color:var(--text2);background:var(--glass);transition:all var(--trans);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none}.filter-tab:hover{border-color:var(--border-hi);color:var(--text);background:var(--glass-md)}.filter-tab.active{border-color:var(--accent);color:var(--text);background:#0168fd26}.search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-row .form-input{max-width:320px}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--glass);padding:12px 16px;font-size:11px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--glass)}.td-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.td-empty{text-align:center;color:var(--text3);padding:32px 16px}.pagination-wrap{margin-top:16px;font-size:14px}.detail-list{margin:0}.detail-row{border-bottom:1px solid var(--border);gap:16px;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text2);flex:0 0 140px;padding-top:1px;font-size:13px;font-weight:600}.detail-value{color:var(--text);flex:1;font-size:14px}.admin-link{color:var(--accent);text-decoration:none}.admin-link:hover{opacity:.85;text-decoration:underline}.user-section-title{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:13px;font-weight:700}.user-meta{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:24px;margin-bottom:20px;padding-bottom:20px;display:flex}.user-meta-item{flex-direction:column;gap:3px;display:flex}.user-meta-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.user-meta-value{color:var(--text);font-size:14px}.pagination-wrap nav{flex-wrap:wrap;gap:4px;display:flex}.subpage{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.subpage:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#0168fd21 0%,#0000 70%);border-radius:50%;width:clamp(300px,50vw,600px);position:fixed;top:-15%;right:-10%}.subpage-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);text-align:center;background:#08090fd1;width:100%;padding:16px 24px}.subpage-logo{letter-spacing:-.5px;font-size:18px;font-weight:800}.subpage-body{width:100%;max-width:560px;padding:32px clamp(14px,4vw,24px) 48px}.subpage-title{margin-bottom:6px;font-size:22px;font-weight:700}.subpage-desc{color:var(--text2);margin-bottom:24px;font-size:14px}.subpage-section-title{margin:24px 0 12px;font-size:16px;font-weight:700}.server-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.server-name{font-size:15px;font-weight:600}.server-qr-placeholder{aspect-ratio:1;border:2px dashed var(--border-hi);width:64px;color:var(--text3);letter-spacing:.05em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.server-config-box{background:var(--glass-md);border:1px solid var(--border);border-radius:var(--rsm);margin-top:12px;padding:10px 14px;overflow:hidden}.server-config-text{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-family:Courier New,monospace;font-size:12px;display:block;overflow:hidden}.subpage-inactive{text-align:center;flex-direction:column;align-items:center;max-width:420px;padding:64px clamp(16px,4vw,24px) 48px;display:flex}.subpage-inactive-icon{margin-bottom:20px;font-size:56px}.subpage-inactive-title{margin-bottom:10px;font-size:22px;font-weight:700}.subpage-inactive-text{margin-bottom:10px;font-size:17px;font-weight:600}.subpage-inactive-hint{color:var(--text2);font-size:14px;line-height:1.6}@media (width<=560px){.home-logo{width:100px}.home-nav{gap:6px}.home-nav .btn{padding:6px 10px;font-size:12px}}@media (width<=380px){.home-logo{width:80px}.hide-xs{display:none}}@media (width<=767px){.hamburger{display:flex}.topbar-nav{display:none}.sidebar{left:0;top:var(--topbar-h);z-index:150;width:min(var(--sidebar-w), 80vw);background:#08090ff7;position:fixed;bottom:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (width<=600px){.sub-info,.features-grid{grid-template-columns:1fr 1fr}.hero-stat-sep{display:none}.hero-stats{border-radius:var(--r)}.hero-stat{padding:6px 14px}.td-actions{flex-direction:column;align-items:flex-end}}@media (width<=420px){.sub-info,.features-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.plans-grid,.home-features-grid{grid-template-columns:1fr}.admin-table th,.admin-table td{padding:10px;font-size:13px}}#network-bg{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}.home-header,.hero,.section,.home-footer,.dashboard-layout>.topbar,.dashboard-layout>.dashboard-body,.sidebar-overlay{z-index:1;position:relative}.status-dot{position:relative}.status-dot.green:after{content:"";border:1.5px solid var(--green);border-radius:50%;animation:2s ease-out infinite ring-pulse;position:absolute;inset:-4px}@keyframes ring-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.card-active{animation:4s ease-in-out infinite card-breathe;border-color:#0168fd4d!important}@keyframes card-breathe{0%,to{box-shadow:0 0 0 1px #0168fd1f,0 0 40px #0168fd14}50%{box-shadow:0 0 0 1px #0168fd47,0 0 60px #0168fd2e}}.btn-accent{position:relative;overflow:hidden}.btn-accent:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:45%;height:200%;animation:3.5s ease-in-out infinite btn-shimmer;position:absolute;top:-50%;left:-70%;transform:skew(-15deg)}@keyframes btn-shimmer{0%{left:-70%}40%,to{left:130%}}.home-feature-card{opacity:0;transition:opacity .5s ease, transform .5s ease, border-color var(--trans), box-shadow var(--trans);transform:translateY(20px)}.home-feature-card.visible{opacity:1;transform:translateY(0)}.plan-card{opacity:0;transition:opacity .4s ease, transform .4s ease, border-color var(--trans), box-shadow var(--trans);transform:translateY(16px)}.plan-card.visible{opacity:1;transform:translateY(0)}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:.6s .1s both fade-up}.hero-title{animation:.7s .2s both fade-up}.hero-subtitle{animation:.7s .35s both fade-up}.hero-cta{animation:.7s .5s both fade-up}.hero-stats{animation:.7s .65s both fade-up}.aurora-blob{pointer-events:none;z-index:0;filter:blur(90px);will-change:transform;border-radius:50%;position:fixed}.aurora-blob-1{aspect-ratio:1;background:radial-gradient(circle,#0168fd1a 0%,#0000 70%);width:clamp(300px,50vw,640px);animation:14s ease-in-out infinite aurora-drift;top:-15%;right:-10%}.aurora-blob-2{aspect-ratio:1;background:radial-gradient(circle,#00d08412 0%,#0000 70%);width:clamp(200px,35vw,480px);animation:11s ease-in-out -5s infinite reverse aurora-drift;bottom:-10%;left:-8%}.aurora-blob-3{aspect-ratio:1;background:radial-gradient(circle,#0168fd0f 0%,#0000 70%);width:clamp(150px,25vw,360px);animation:18s ease-in-out -9s infinite aurora-drift;top:40%;left:40%}@keyframes aurora-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.04)}50%{transform:translate(-15px,30px)scale(.97)}75%{transform:translate(20px,10px)scale(1.02)}}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#0168fd80,#0000);height:1px;animation:4s ease-in-out infinite topbar-glow;position:absolute;bottom:0;left:10%;right:10%}@keyframes topbar-glow{0%,to{opacity:.4}50%{opacity:1}}.topbar{position:relative}