:root{--bg:#04060c;--bg-soft:#080d18;--panel:#0d1424a8;--panel-solid:#0b1120;--line:#78b4ff24;--line-strong:#78c8ff52;--text:#e7f2ff;--muted:#8fa4c0;--cyan:#35e3ff;--violet:#b48bff;--green:#4dffb0;--amber:#ffc861;--red:#ff6b8a;--cyan-glow:#35e3ff8c;--violet-glow:#b48bff80;--green-glow:#4dffb080;--radius:16px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 700px at 15% -10%, #35e3ff1a, transparent 55%), radial-gradient(1000px 700px at 100% 0%, #b48bff1a, transparent 50%), radial-gradient(900px 600px at 50% 120%, #4dffb00f, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}a{color:var(--cyan);text-decoration:none}code{color:var(--cyan);background:#35e3ff1a;border-radius:6px;padding:2px 6px;font-size:.85em}.app-shell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--line);background:#060a14b8;flex-direction:column;flex-shrink:0;gap:18px;width:248px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 8px;display:flex}.brand-mark{width:38px;height:38px;color:var(--bg);background:linear-gradient(135deg, var(--cyan), var(--violet));box-shadow:0 0 22px var(--cyan-glow);border-radius:11px;place-items:center;display:grid}.brand-name{letter-spacing:1.5px;text-shadow:0 0 14px var(--cyan-glow);font-size:17px;font-weight:800}.brand-dot{color:var(--cyan)}.server-chip{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.server-chip strong{font-size:13px;display:block}.server-chip small{color:var(--muted);font-size:11px}.live-dot{border-radius:50%;width:9px;height:9px}.live-dot.on{background:var(--green);box-shadow:0 0 12px var(--green-glow)}.live-dot.off{background:var(--red);box-shadow:0 0 12px var(--red)}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--muted);background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:var(--cyan);background:linear-gradient(90deg,#35e3ff24,#35e3ff05);box-shadow:inset 0 0 0 1px #35e3ff47,0 0 18px #35e3ff1f}.nav-item.active svg{filter:drop-shadow(0 0 6px var(--cyan-glow))}.sidebar-foot{border-top:1px solid var(--line);padding-top:14px}.ddns-mini{background:var(--panel);border-radius:11px;align-items:center;gap:9px;padding:10px;display:flex}.ddns-mini svg{color:var(--violet);flex-shrink:0}.ddns-mini div{min-width:0}.ddns-mini span{color:var(--muted);letter-spacing:.6px;font-size:10px;display:block}.ddns-mini strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;display:block;overflow:hidden}.mini-status{color:var(--amber)}.mini-status.ok{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.sidebar-overlay{z-index:40;background:#0009;border:none;position:fixed;inset:0}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#04060cbf;align-items:center;gap:14px;padding:16px 26px;display:flex;position:sticky;top:0}.mobile-menu{color:var(--text);background:0 0;border:none;display:none}.topbar-title{align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.topbar-title em{color:var(--green);background:#4dffb014;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-style:normal;display:flex}.topbar-title em i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green-glow);border-radius:50%}.topbar-actions{gap:10px;margin-left:auto;display:flex}.ghost-btn{border:1px solid var(--line-strong);color:var(--cyan);background:#35e3ff0f;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.ghost-btn:hover{background:#35e3ff1f;box-shadow:0 0 16px #35e3ff33}.content-shell{width:100%;max-width:1240px;margin:0 auto;padding:26px}.view-stack{flex-direction:column;gap:20px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--cyan);text-transform:uppercase;text-shadow:0 0 10px var(--cyan-glow);font-size:11px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.4px;text-shadow:0 0 22px #35e3ff26;margin:4px 0 0;font-size:26px}.page-head p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.btn{border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn.primary{background:linear-gradient(135deg, var(--cyan), var(--violet));color:var(--bg);box-shadow:0 4px 20px #35e3ff40}.btn.primary:hover{box-shadow:0 4px 28px var(--cyan-glow);transform:translateY(-1px)}.btn.ghost{border:1px solid var(--line);color:var(--text);background:#ffffff0d}.btn.ghost:hover{border-color:var(--line-strong)}.btn.danger{color:var(--red);background:#ff6b8a1f;border:1px solid #ff6b8a66}.btn.full{width:100%}.btn.sm{padding:8px 12px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.text-btn{color:var(--cyan);background:0 0;border:none;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.text-btn:hover{text-shadow:0 0 10px var(--cyan-glow)}.icon-btn{color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.icon-btn:hover{color:var(--cyan);background:#35e3ff1a}.hero-grid{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}.hero-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #35e3ff0f, #b48bff0d), var(--panel);padding:26px;position:relative;overflow:hidden}.hero-glow{filter:blur(10px);background:radial-gradient(circle,#35e3ff40,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.hero-kicker{letter-spacing:1.5px;color:var(--violet);text-transform:uppercase;text-shadow:0 0 10px var(--violet-glow);font-size:11px}.hero-card h2{letter-spacing:-.3px;margin:12px 0 8px;font-size:24px}.hero-card p{color:var(--muted);margin:0 0 18px;font-size:13.5px}.hero-stats{gap:26px;margin-bottom:22px;display:flex}.hero-stats span{letter-spacing:.7px;color:var(--muted);margin-bottom:3px;font-size:10.5px;display:block}.hero-stats strong{font-size:14px}.hero-stats strong.ok{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.hero-actions{gap:10px;display:flex}.ddns-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:12px;padding:24px;display:flex}.ddns-head{justify-content:space-between;align-items:center;display:flex}.pill{letter-spacing:.5px;color:var(--amber);background:#ffc8611f;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.pill.ok{color:var(--green);background:#4dffb01f;box-shadow:0 0 12px #4dffb026}.ddns-host{color:var(--cyan);text-shadow:0 0 14px var(--cyan-glow);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.ddns-card p{color:var(--muted);flex:1;margin:0;font-size:12.5px}.ddns-card .btn{margin-top:4px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-grid.compact{grid-template-columns:repeat(3,1fr);max-width:620px}.stat-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{background:#ffffff0d;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.stat-card.cyan .stat-icon{color:var(--cyan);box-shadow:0 0 16px #35e3ff26}.stat-card.violet .stat-icon{color:var(--violet);box-shadow:0 0 16px #b48bff26}.stat-card.green .stat-icon{color:var(--green);box-shadow:0 0 16px #4dffb026}.stat-card.amber .stat-icon{color:var(--amber);box-shadow:0 0 16px #ffc86126}.stat-card.red .stat-icon{color:var(--red);box-shadow:0 0 16px #ff6b8a26}.stat-card span{color:var(--muted);letter-spacing:.5px;font-size:11px;display:block}.stat-card strong{font-size:24px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-head h3{margin:3px 0 0;font-size:15.5px}.mid-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.domain-list{flex-direction:column;gap:6px;display:flex}.domain-row{background:#ffffff05;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;transition:all .15s;display:flex}.domain-row:hover{border-color:var(--line);background:#35e3ff0a}.domain-badge{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.domain-badge.live{color:var(--green);background:#4dffb01a;box-shadow:0 0 12px #4dffb01f}.domain-badge.warn{color:var(--amber);background:#ffc8611a}.domain-info{flex:1;min-width:0}.domain-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.domain-info small{color:var(--muted);font-size:11.5px}.status-pill{letter-spacing:.4px;border-radius:20px;padding:3px 9px;font-size:10.5px;font-weight:700}.status-pill.ok{color:var(--green);background:#4dffb01a}.status-pill.warn{color:var(--amber);background:#ffc8611a}.panel-toolbar{margin-bottom:14px}.search{border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:11px;align-items:center;gap:9px;padding:10px 14px;display:flex}.search:focus-within{border-color:var(--line-strong);box-shadow:0 0 14px #35e3ff1a}.search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.empty{text-align:center;color:var(--muted);padding:36px 20px}.empty h3{color:var(--text);margin:10px 0 4px}.empty p{margin:0 0 16px;font-size:13px}.empty .btn{margin-top:6px}.empty.full{padding:80px 20px}.empty-icon{width:52px;height:52px;color:var(--violet);background:#b48bff1a;border-radius:14px;place-items:center;display:inline-grid;box-shadow:0 0 18px #b48bff26}.mini-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:26px;font-size:13px;display:flex}.mini-empty svg{color:var(--violet)}.dns-tip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.dns-tip-main{align-items:center;gap:14px;display:flex}.dns-tip-main svg{color:var(--green);flex-shrink:0}.dns-tip-main strong{font-size:14px}.dns-tip-main p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.dns-ip{align-items:center;gap:6px;display:flex}.dns-ip code{background:#35e3ff14;padding:9px 14px;font-size:14px}.account-list{flex-direction:column;gap:8px;display:flex}.account-card{background:#ffffff05;border:1px solid #0000;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:13px 15px;transition:all .15s;display:flex}.account-card:hover{border-color:var(--line);background:#b48bff0a}.avatar{width:38px;height:38px;color:var(--violet);background:#b48bff1f;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:0 0 12px #b48bff1f}.avatar.lg{width:46px;height:46px;font-size:15px}.account-main{flex:1;min-width:130px}.account-main strong{font-size:14px;display:block}.account-main small{color:var(--muted);font-size:12px}.account-meta{min-width:90px}.account-meta span{letter-spacing:.6px;color:var(--muted);font-size:10px;display:block}.account-meta strong{font-size:12.5px}.account-mini-list{flex-direction:column;gap:6px;display:flex}.account-mini{background:#ffffff05;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.account-mini .avatar{width:32px;height:32px;font-size:11px}.account-mini div{flex:1;min-width:0}.account-mini strong{font-size:13px;display:block}.account-mini small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.account-mini .pkg{color:var(--cyan);background:#35e3ff1a;border-radius:12px;padding:3px 8px;font-size:10.5px}.select{align-items:center;gap:8px;display:flex}.select span{letter-spacing:.6px;color:var(--muted);font-size:10.5px}.select select{background:var(--panel-solid);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.cpanel-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.cpanel-lead{color:var(--muted);margin:0 0 16px;font-size:13px}.dropzone{border:1.5px dashed var(--line-strong);color:var(--muted);cursor:pointer;text-align:center;background:#35e3ff08;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:26px;transition:all .18s;display:flex}.dropzone:hover{border-color:var(--cyan);box-shadow:0 0 20px #35e3ff26}.dropzone svg{color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow))}.dropzone strong{color:var(--text);font-size:14px;display:block}.dropzone small{font-size:12px}.dropzone input{display:none}.cpanel-deploy-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.cpanel-info-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:11px 0;display:flex}.cpanel-info-row span{color:var(--muted);letter-spacing:.6px;font-size:11px}.cpanel-info-row strong{font-size:13px}.cpanel-info .btn{margin-top:14px}.tunnel-card{align-items:center;gap:26px;padding:30px;display:flex}.tunnel-visual{place-items:center;display:grid}.tunnel-ring{width:110px;height:110px;color:var(--muted);border:1.5px solid var(--line);border-radius:50%;place-items:center;display:grid}.tunnel-ring.on{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 30px var(--cyan-glow);animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 18px var(--cyan-glow)}50%{box-shadow:0 0 38px var(--cyan-glow)}}.tunnel-body{flex-direction:column;flex:1;gap:12px;display:flex}.tunnel-body h2{margin:0;font-size:21px}.tunnel-body p{color:var(--muted);margin:0;font-size:13.5px}.tunnel-url{word-break:break-all;align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.error-text{color:var(--red)!important}.tunnel-actions{margin-top:6px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02040ab3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:var(--panel-solid);border-radius:18px;width:100%;max-width:440px;max-height:92vh;padding:24px;overflow:auto;box-shadow:0 0 60px #35e3ff26,0 20px 60px #00000080}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-head h2{margin:4px 0 0;font-size:20px}.modal-lead{color:var(--muted);margin:0 0 16px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{letter-spacing:.4px;color:var(--muted);font-size:11.5px}.field input,.field select{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:11px 13px;font-size:14px}.field input:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 12px #35e3ff1f}.field small{color:var(--muted);font-size:11.5px}.field.file input{padding:9px 13px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.toast{z-index:80;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:12px;align-items:center;gap:10px;padding:13px 18px;font-size:13.5px;animation:.25s toastin;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #35e3ff26,0 10px 30px #0006}.toast svg{color:var(--green)}.toast-error svg{color:var(--red)}.toast-warning svg{color:var(--amber)}.toast button{color:var(--muted);background:0 0;border:none;place-items:center;display:grid}@keyframes toastin{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.cpanel-shell{gap:0;padding:0;display:flex;overflow:hidden}.cpanel-sidebar{border-right:1px solid var(--line);background:#060a1499;flex-direction:column;flex-shrink:0;width:208px;padding:16px 12px;display:flex}.brand-mark.sm{border-radius:9px;width:30px;height:30px;font-size:13px}.cpanel-brand{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:4px 6px 14px;display:flex}.cpanel-brand strong{letter-spacing:.6px;font-size:14px}.cpanel-brand strong span{color:var(--cyan)}.cpanel-nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex}.cpanel-nav button{color:var(--muted);background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;transition:all .15s;display:flex}.cpanel-nav button:hover{color:var(--text);background:#ffffff0a}.cpanel-nav button.active{color:var(--violet);background:#b48bff1a;box-shadow:inset 0 0 0 1px #b48bff40,0 0 14px #b48bff1a}.cpanel-nav button.active svg{filter:drop-shadow(0 0 6px var(--violet-glow))}.cpanel-sidebar-foot{border-top:1px solid var(--line);color:var(--green);align-items:center;gap:8px;padding-top:12px;display:flex}.cpanel-sidebar-foot span{min-width:0}.cpanel-sidebar-foot strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.cpanel-sidebar-foot small{color:var(--muted);font-size:10px;display:block}.cpanel-main{flex:1;min-width:0;padding:22px}.fm{flex-direction:column;gap:14px;display:flex}.fm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fm-path{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.fm-path button{color:var(--cyan);background:0 0;border:none;border-radius:5px;padding:2px 4px;font-size:13px;font-weight:600}.fm-path button:hover{text-shadow:0 0 8px var(--cyan-glow);background:#35e3ff14}.fm-actions{gap:8px;display:flex}.fm-upload{align-items:center;gap:10px;display:flex}.fm-zip{border:1.5px dashed var(--line-strong);color:var(--cyan);cursor:pointer;background:#35e3ff08;border-radius:11px;flex:1;align-items:center;gap:9px;padding:11px 14px;font-size:13px;display:flex}.fm-zip:hover{border-color:var(--cyan);box-shadow:0 0 14px #35e3ff1f}.fm-zip input{display:none}.fm-zip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fm-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden}.fm-table{border-collapse:collapse;width:100%;font-size:13px}.fm-table th{text-align:left;letter-spacing:.7px;color:var(--muted);border-bottom:1px solid var(--line);background:#ffffff05;padding:10px 14px;font-size:10.5px}.fm-table td{border-bottom:1px solid var(--line);color:var(--muted);padding:9px 14px}.fm-table tr:last-child td{border-bottom:none}.fm-table tbody tr:hover{background:#35e3ff08}.fm-name{align-items:center;gap:9px;display:flex}.fm-name .cyan{color:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan-glow))}.fm-name .amber{color:var(--amber)}.fm-file-btn{color:var(--text);background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.fm-file-btn:hover{color:var(--cyan)}.fm-row-actions{justify-content:flex-end;gap:2px;display:flex}.icon-btn.danger:hover{color:var(--red);background:#ff6b8a1f}.fm-up{cursor:pointer;color:var(--muted)}.fm-up td{align-items:center;gap:6px;font-size:12.5px;display:flex}.fm-up:hover{background:#ffffff08}.fm-empty{text-align:center;color:var(--muted);padding:34px 20px}.fm-cb{text-align:center;width:38px}.fm-cb button.fm-select-all,.fm-cb button.fm-select-one{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:inline-flex}.fm-cb button.fm-select-all:hover,.fm-cb button.fm-select-one:hover{color:var(--cyan)}.fm-cb button.fm-select-one svg{color:var(--muted)}.fm-table tbody tr.fm-selected{background:#35e3ff14}.fm-table tbody tr.fm-selected .fm-cb button.fm-select-one svg{color:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan-glow))}.editor-modal{max-width:720px}.editor-area{resize:vertical;width:100%;min-height:340px;color:var(--text);border:1px solid var(--line);tab-size:2;background:#070c16;border-radius:11px;outline:none;padding:14px;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.55}.editor-area:focus{border-color:var(--cyan);box-shadow:0 0 14px #35e3ff1f}.editor-loading{text-align:center;color:var(--muted);padding:40px}.cpanel-tab{flex-direction:column;gap:16px;display:flex}.cpanel-section-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.cpanel-section-head h2{margin:3px 0 0;font-size:19px}.cpanel-section-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.cpanel-domain-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:13px;padding:14px 16px;display:flex}.cpanel-tip{color:var(--muted);background:#b48bff12;border:1px solid #b48bff2e;border-radius:11px;align-items:center;gap:9px;padding:12px 14px;font-size:12.5px;display:flex}.cpanel-tip svg{color:var(--violet);flex-shrink:0}.cpanel-empty-grid{gap:12px;display:grid}.cpanel-empty-box{border:1.5px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:13px;flex-direction:column;align-items:center;gap:8px;padding:30px;display:flex}.cpanel-empty-box svg{color:var(--violet);filter:drop-shadow(0 0 8px var(--violet-glow))}.cpanel-empty-box strong{color:var(--text);font-size:14px}.cpanel-empty-box small{font-size:12px}.ssl-status,.backup-status{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:13px;padding:14px 16px;display:flex}.ssl-status div,.backup-status div{flex:1}.ssl-status strong,.backup-status strong{font-size:13.5px}.ssl-status p,.backup-status p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.ssl-info-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:11px 0;display:flex}.ssl-info-row span{color:var(--muted);letter-spacing:.6px;font-size:11px}.ssl-info-row strong{font-size:13px}.metric-bars{flex-direction:column;gap:16px;display:flex}.metric-bar>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.metric-bar strong{color:var(--text)}.metric-bar .track{background:#ffffff0f;border-radius:8px;height:8px;overflow:hidden}.metric-bar .track span{background:linear-gradient(90deg, var(--cyan), var(--violet));height:100%;box-shadow:0 0 10px var(--cyan-glow);border-radius:8px;display:block}.security-line{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:13px;padding:13px 14px;display:flex}.security-line div{flex:1}.security-line strong{font-size:13.5px}.security-line p{color:var(--muted);margin:2px 0 0;font-size:12px}.security-line .cyan{color:var(--green);filter:drop-shadow(0 0 6px var(--green-glow))}@media (width<=760px){.cpanel-shell{flex-direction:column}.cpanel-sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%}.cpanel-nav{flex-flow:wrap}.cpanel-nav button{flex:40%}}@media (width<=960px){.hero-grid,.mid-grid,.cpanel-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.sidebar{z-index:50;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.mobile-menu{display:block}.content-shell{padding:18px}}@media (width<=520px){.stat-grid,.stat-grid.compact{grid-template-columns:repeat(2,1fr)}.field-row{grid-template-columns:1fr}.topbar-title em{display:none}}.login-wrap{background:radial-gradient(1200px 600px at 20% 10%,#35e3ff1f,#0000 60%),radial-gradient(900px 500px at 85% 85%,#7aff8f14,#0000 60%),linear-gradient(135deg,#0b0f1a,#0f172a 50%,#0b1420);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-radius:18px;width:100%;max-width:400px;padding:36px 32px;box-shadow:0 25px 60px #00000080}.login-brand{text-align:center;margin-bottom:26px}.brand-mark.big{justify-content:center;align-items:center;width:58px;height:58px;font-size:0;display:inline-flex}.login-title{letter-spacing:1px;margin-top:10px;font-size:26px;font-weight:800;display:block}.login-title span{color:var(--cyan);text-shadow:0 0 14px var(--cyan-glow)}.login-sub{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:12.5px}.login-form{flex-direction:column;gap:14px;display:flex}.login-error{color:var(--red);background:#ff6b8a14;border:1px solid #ff6b8a40;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.login-btn{justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:14px}.login-foot{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:12px;display:flex}.ghost-btn.danger:hover{color:var(--red);border-color:#ff6b8a66}.cpanel-section-head.sub{margin-top:22px}.sub-add{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.sub-add .field{flex:1;min-width:200px}.sub-input{align-items:center;display:flex}.sub-input input{flex:1}.sub-suffix{color:var(--muted);white-space:nowrap;padding:0 6px;font-size:12.5px}.sub-list{flex-direction:column;gap:8px;display:flex}.sub-item{border:1px solid var(--line);background:#ffffff05;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sub-main{flex:1;min-width:0}.sub-main strong{color:var(--text);font-size:14px;display:block}.sub-main small{color:var(--muted);margin-top:2px;font-size:12px;display:block}