:root{color-scheme:dark;--bg:#0a101e;--side:#0c1424;--card:#121c2e;--border:#263249;--ink:#eef3fb;--muted:#8b9ab4;--green:#58e8ae;--blue:#7eabff;--red:#ff7e90;--radius:16px}
*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,"Tahoma","Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.7}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-family:Inter,monospace;direction:ltr;color:var(--blue);font-weight:800}.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--side);border-left:1px solid var(--border);padding:26px 17px;display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;z-index:3}.brand{display:flex;gap:11px;align-items:center;padding:5px 13px 28px}.brand-icon,.logo-icon{display:grid;place-items:center;background:linear-gradient(140deg,#5588ef,#856bff);box-shadow:0 8px 32px #665dfb44;color:white;border-radius:12px;font-size:25px;font-weight:bold;width:43px;height:43px}.brand strong{font:800 22px Inter,"Segoe UI",sans-serif;letter-spacing:-.5px;display:block;line-height:1.2}.brand small{color:var(--muted);display:block;font:700 9px Inter,monospace;letter-spacing:1.3px;padding-top:4px}.menu-caption{color:#63728d;font-size:11px;margin:22px 14px 11px}nav{display:grid;gap:5px}.nav-item{background:none;color:#a2b0c7;border:1px solid transparent;display:flex;gap:12px;align-items:center;text-align:right;padding:12px 13px;border-radius:10px;width:100%;font-weight:600}.nav-item:hover,.nav-item.active{background:#1c2a43;color:#eaf2ff}.nav-item.active{border-color:#304368}.nav-icon{font-size:20px;line-height:1;color:#8dacf7;min-width:23px;text-align:center}.tiny-arrow{margin-right:auto;font-size:20px}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:10px}.local-pill{border:1px solid #244d45;background:#14322c;color:#89eac8;border-radius:10px;padding:8px 11px;font-size:11px;display:flex;align-items:center;gap:8px}.live-dot,.green-dot{width:8px;height:8px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #58e8ae22}.side-foot{font:11px Inter,monospace;color:#556681;direction:ltr}.main{margin-right:236px;width:calc(100% - 236px);min-width:0}.topbar{height:75px;border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.top-title,.top-actions{display:flex;align-items:center;gap:15px}.top-title{font-weight:700}.bread{font:700 10px Inter,monospace;color:var(--muted);letter-spacing:1px}.slash{color:#3d4b65}.top-actions{gap:12px}.date-label{font-size:11px;color:var(--muted)}.icon-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:#172238;color:#c4d1e8;font-size:20px;display:grid;place-items:center}.icon-btn:hover{background:#273951}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:9px 15px;font-weight:700;white-space:nowrap}.btn.small{padding:6px 13px}.btn.primary{background:#597ef1;color:white;box-shadow:0 6px 18px #4d74f12b}.btn.primary:hover{background:#6c8fff}.btn.secondary{background:#202f48;color:#d5e5ff;border-color:#344a70}.btn.secondary:hover{background:#293e5d}.btn.ghost{background:transparent;border-color:#33415c;color:#a9b8ce}.btn.ghost:hover{background:#1e2b43}.btn.danger{background:#422832;border-color:#77404f;color:#ffadbb}.btn.danger:hover{background:#653343}.btn.wide{width:100%}.content{max-width:1420px;margin:auto;padding:34px 36px 65px}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 28px}.page-intro h1{font-size:28px;line-height:1.2;margin:11px 0 8px;letter-spacing:-.5px}.page-intro h1 span{color:#9e98ff}.page-intro .muted{margin:0}.pill{display:flex;gap:8px;align-items:center;border:1px solid #30415e;background:#14213a;border-radius:30px;padding:8px 14px;color:#b8c5de;font-size:11px;white-space:nowrap;margin-top:24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:38px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 23px;min-height:142px}.stat-label{color:#a5b4cc;display:flex;justify-content:space-between;font-size:12px}.stat-label span{font-size:18px;color:#7899e9}.stat-value{font:750 37px Inter,"Segoe UI",sans-serif;direction:ltr;text-align:right;line-height:1.5;padding-top:3px}.stat-meta{font-size:11px;color:#6f829f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{font-size:18px;margin:0 0 3px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.node-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0}.node-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.node-title{font-weight:800;font-size:15px;display:flex;align-items:center;gap:9px}.server-symbol{font:700 18px monospace;background:#233654;color:#93b8ff;padding:1px 9px;border-radius:8px}.status-badge{font:700 11px "Segoe UI",Tahoma,sans-serif;border-radius:30px;background:#283147;color:#bec8db;padding:4px 10px;white-space:nowrap}.status-badge.up{background:#164137;color:#7beac1}.status-badge.down{background:#473039;color:#ffb6c1}.node-ip{font:600 14px Inter,"Segoe UI",monospace;direction:ltr;text-align:right;margin:22px 0 6px;color:#dce9ff}.node-hint{font-size:11px;color:#7889a5}.node-divider,.divider{height:1px;background:var(--border);margin:20px 0}.port-caption{font-size:11px;color:var(--muted);margin:0 0 9px}.ports{display:flex;gap:7px;flex-wrap:wrap;min-height:28px}.port{font:700 11px Inter,monospace;direction:ltr;border-radius:6px;background:#24334e;border:1px solid #3b5072;color:#c5d8ff;padding:3px 9px}.node-health{display:flex;align-items:center;gap:7px;color:#99a8c1;font-size:11px;margin-top:17px}.health-good{color:#75e9bb}.health-bad{color:#ff9eaa}.card-actions{display:flex;align-items:center;gap:7px;margin-top:19px;flex-wrap:wrap}.card-actions .btn{padding:7px 10px;font-size:11px;flex:1}.empty{padding:36px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);grid-column:1/-1}.info-strip{display:flex;gap:13px;border:1px solid #2f415c;background:#17253b;padding:17px 21px;border-radius:12px;margin-top:27px}.info-strip>span{font-size:22px;color:#89aeff}.info-strip strong{font-size:13px}.info-strip p{margin:4px 0 0;color:#9dadc7;font-size:12px}.table-wrap,.panel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;min-width:690px}th,td{padding:19px 17px;border-bottom:1px solid #263249}th{color:#869bbd;background:#17243b;font-size:11px;font-weight:600}td{font-size:13px}tr:last-child td{border-bottom:0}.ltr{font-family:Inter,monospace;direction:ltr;text-align:right;font-size:12px}.table-btns{display:flex;gap:6px}.table-btns .btn{padding:5px 9px;font-size:11px}.add-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:18px}.panel-card{padding:28px}.panel-card h2{font-size:18px;margin:7px 0 10px}.panel-card .muted{font-size:12px}.step-index{font:700 11px Inter,monospace;color:#86a8fa;direction:ltr;text-align:right}.dropzone{margin-top:24px;border:1.5px dashed #52698f;border-radius:14px;min-height:190px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;text-align:center;background:#1a2a43;cursor:pointer;padding:18px}.dropzone:hover{background:#203350}.dropzone span{font-size:11px;color:#8b9db8}.upload-icon{font-size:32px;color:#99b6fa}.instruction{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.instruction span{background:#273a5b;color:#98b9ff;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font:700 13px Inter,monospace;flex-shrink:0}.instruction p{font-size:12px;margin:0;color:#b3c3db}.note{background:#3b3328;border:1px solid #5d4938;color:#e2c49d;padding:13px;border-radius:9px;font-size:11px;margin-top:25px}.docs h2{margin-top:28px}.docs h2:first-child{margin-top:0}.docs p{color:#b4c4db;font-size:13px}.docs pre{background:#081321;padding:20px;border-radius:10px;overflow:auto;direction:ltr;text-align:left;font-size:12px;color:#93b5fd}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}.login-halo{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#284275b5 0%,transparent 68%);filter:blur(10px);pointer-events:none}.login-card{position:relative;background:#121c2ef3;border:1px solid #354260;border-radius:20px;padding:36px;width:min(100%,425px);box-shadow:0 24px 65px #0009}.logo-icon{margin-bottom:24px}.login-card h1{font-size:25px;margin:10px 0}.login-card p{font-size:12px}.login-card label{font-size:12px;display:block;margin-top:28px;margin-bottom:8px}.login-card input{background:#0a1424;color:white;border:1px solid #405171;border-radius:10px;width:100%;padding:14px 15px;outline:0;direction:ltr;text-align:left}.login-card input:focus{border-color:#87a7ff;box-shadow:0 0 0 3px #5480f42c}.login-card .btn{margin-top:17px}.error-text{color:#ff9daa;font-size:12px;margin-top:12px;min-height:12px}.privacy-hint{text-align:center;color:#7991ae;font-size:11px!important;margin-top:28px}.modal-overlay{position:fixed;inset:0;background:#040916c9;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(100%,920px);background:#121d30;border:1px solid #3b4d68;border-radius:16px;box-shadow:0 25px 100px #000b;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #26354d}.modal-header h2{margin:3px 0 0;font-size:18px}.modal pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;max-height:60vh;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c4d9c8;background:#081423;margin:0;padding:22px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 23px}.toast{position:fixed;z-index:30;bottom:25px;left:25px;background:#243755;border:1px solid #52729e;border-radius:9px;color:#edf5ff;box-shadow:0 10px 35px #0008;padding:13px 19px;font-size:12px;max-width:min(80vw,450px)}.toast.err{background:#512934;border-color:#ae576d;color:#ffe3e9}code{font-family:ui-monospace,monospace;color:#bad0fd;direction:ltr;unicode-bidi:embed}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.sidebar{width:69px;padding:17px 7px}.sidebar .brand{padding:0 5px 25px}.sidebar .brand strong,.sidebar .brand small,.menu-caption,.nav-item:not(.active) .tiny-arrow,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px 5px}.nav-icon{font-size:23px}.sidebar-bottom{display:none}.main{margin-right:69px;width:calc(100% - 69px)}.content{padding:25px 18px}.topbar{padding:0 17px}.page-intro h1{font-size:23px}.add-layout{grid-template-columns:1fr}.date-label{display:none}}
@media(max-width:560px){.stats,.node-grid{grid-template-columns:1fr}.stat-card{min-height:115px}.content{padding:20px 13px}.page-intro{display:block}.page-intro .pill{display:inline-flex;margin-top:16px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .btn{width:100%}.top-title .bread,.top-title .slash{display:none}.stat-value{font-size:31px}.panel-card{padding:19px}.topbar{height:62px}.brand-icon{width:39px;height:39px}}
/* IRBridge v2 password-SSH guided provisioning */
.sshform {display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sshform label {display:block;color:#b7c8e8;font-size:13px;margin-bottom:6px}
.sshform input {width:100%;box-sizing:border-box;background:#111d32;color:#f1f5ff;border:1px solid #365070;border-radius:10px;padding:12px 11px;font:inherit;direction:ltr;text-align:left;outline:none}
.sshform input:focus {border-color:#739eff}
.sshform .span2 {grid-column:1/-1}
.ssh-tip {background:#13293b;border:1px solid #31586b;padding:13px;border-radius:12px;line-height:1.9;color:#d4e5f0}
.ssh-fingerprint {background:#111a2b;padding:13px;border:1px solid #365070;border-radius:10px;overflow-wrap:anywhere;direction:ltr;text-align:left;font-family:monospace;font-size:12px}
.ssh-verify {display:flex;align-items:start;gap:10px;line-height:1.8}
.ssh-verify input {width:auto;margin-top:7px;flex:none}
.sshform button:disabled {opacity:.5;cursor:not-allowed}
@media(max-width:700px){.sshform{grid-template-columns:1fr}.sshform .span2{grid-column:1}}

/* mr.__.turbo neon 3D skin */
:root{--turbo-blue:#00c8ff;--turbo-purple:#7b5cff}
body{background:radial-gradient(circle at 20% 10%,#12345f 0,#07101f 35%,#030712 100%);}
.brand-icon,.logo-icon{background:linear-gradient(135deg,#00c8ff,#7b5cff);box-shadow:0 0 35px #00c8ff88;border-radius:18px}
.stat-card,.node-card,.panel-card,.table-wrap{backdrop-filter:blur(18px);background:linear-gradient(145deg,#10223bd9,#07101fe8);box-shadow:0 18px 45px #0008,inset 0 1px 0 #ffffff12}
.sidebar{background:linear-gradient(180deg,#06101f,#0b1630);border-left:1px solid #00c8ff44}
.btn.primary{background:linear-gradient(135deg,#00c8ff,#5c6cff);box-shadow:0 0 25px #00c8ff55}
.live-dot{box-shadow:0 0 15px #4dffb0}


/* mr.__.turbo v3.1 holographic upgrade */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(0,200,255,.05),transparent 50%);animation:turboScan 8s linear infinite;z-index:-1}
@keyframes turboScan{from{transform:translateX(-30%)}to{transform:translateX(30%)}}
.stat-card:hover,.node-card:hover,.panel-card:hover{transform:translateY(-3px);border-color:#00c8ff66;transition:.25s;box-shadow:0 20px 60px #00c8ff22,inset 0 1px 0 #fff2}
.brand strong{background:linear-gradient(90deg,#fff,#00c8ff);-webkit-background-clip:text;color:transparent}
.nav-item.active{box-shadow:0 0 25px #00c8ff22;border-color:#00c8ff66}


/* mr.__.turbo Control Center v3.2 — premium cyber glass design */
:root{--bg:#030918;--side:#070f22;--card:#09172ddf;--border:#153e69;--ink:#f1f9ff;--muted:#90a9c9;--blue:#00ccff;--turbo-blue:#00d5ff;--turbo-purple:#9268ff;--radius:20px}
body{background:radial-gradient(ellipse 55% 36% at 27% 0%,#103d7399,transparent 85%),radial-gradient(ellipse 40% 30% at 92% 40%,#0c2456aa,transparent 80%),#020914;color:#eaf5ff}
body:before{background-image:linear-gradient(#1f70af0c 1px,transparent 1px),linear-gradient(90deg,#1f70af0c 1px,transparent 1px);background-size:46px 46px;animation:none;z-index:-1}
.sidebar{width:252px;background:linear-gradient(180deg,#061127,#030915);border-left:1px solid #1b619766;box-shadow:-12px 0 44px #0008;padding:24px 14px}
.brand{padding:0 7px 25px;gap:11px;align-items:center;border-bottom:1px solid #ffffff13;margin-bottom:18px}
.brand-avatar{width:67px;height:67px;object-fit:cover;border-radius:50%;border:2px solid #00caff;box-shadow:0 0 0 4px #093d7755,0 0 27px #00aeff88}
.brand strong{font-size:22px;letter-spacing:.15px;white-space:nowrap;text-shadow:0 0 22px #00baff77}
.brand small{letter-spacing:1px;color:#70b9fa}.version-dot{color:#4deab9}
.nav-item{border:1px solid transparent;border-radius:13px;margin:4px 0;padding:14px 12px;transition:background .2s,border-color .2s,box-shadow .2s}
.nav-item:hover{background:#113152;border-color:#1479b099}.nav-item.active{background:linear-gradient(105deg,#007bc744,#2268c944);box-shadow:inset 0 0 18px #048ddd25,0 0 22px #008cff25;border-color:#198fd0}
.nav-icon{font-size:20px;color:#70caff}.sidebar-bottom .local-pill{background:#063a3f;border:1px solid #15a28b77}
.main{margin-right:252px;width:calc(100% - 252px)}.topbar{border-bottom:1px solid #1c548170;background:#030b1c80;backdrop-filter:blur(16px)}.content{max-width:1600px;margin:0 auto;padding:28px 31px 90px}
.hero-panel{position:relative;overflow:hidden;border-radius:26px;border:1px solid #1876bd98;min-height:230px;background:radial-gradient(circle at 82% 50%,#165dad5f,transparent 42%),linear-gradient(120deg,#08182e,#071c39 54%,#05132b);padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:inset 0 1px #dff8ff12,0 24px 60px #0009,0 0 45px #008dff1b}
.hero-panel:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 20% 0%,transparent 0,transparent 44px,#2a81c910 45px,#2a81c910 46px);pointer-events:none}
.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(25px,2.5vw,40px);letter-spacing:-.4px;margin:10px 0;line-height:1.35}.hero-copy h1 span{background:linear-gradient(90deg,#fff,#09d6ff);color:transparent;background-clip:text;-webkit-background-clip:text;direction:ltr;display:inline-block;filter:drop-shadow(0 0 13px #00cfff60)}.hero-copy p{color:#9cbedf;max-width:570px;margin:0 0 22px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-orbit{position:relative;width:185px;height:185px;border-radius:50%;padding:8px;border:2px solid #37d4ff;box-shadow:0 0 15px #00baff,0 0 70px #0078ff55, inset 0 0 25px #00d7ff75;transform:perspective(750px) rotateY(-10deg)}.hero-orbit:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed #3dbbff80;animation:spin 28s linear infinite}.hero-orbit img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hero-art{position:relative;margin:0 30px 0 10px}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#00d9ff;box-shadow:0 0 20px #00ddff}.dot-a{left:-6px;top:40%}.dot-b{right:4px;bottom:8%;background:#8d65ff}@keyframes spin{to{transform:rotate(360deg)}}
.stats{margin-top:18px}.stat-card,.node-card,.panel-card,.table-wrap,.quick-item{background:linear-gradient(130deg,#0c2139ed,#071326f2);border:1px solid #174c7988;box-shadow:inset 0 1px 0 #ffffff0e,0 17px 43px #0005,0 0 24px #0055ee0e;border-radius:18px}
.stat-card{position:relative;overflow:hidden;border-top:1px solid #267ec0a8}.stat-card:after{content:"";height:2px;position:absolute;bottom:0;right:13%;left:13%;background:linear-gradient(90deg,transparent,#00cdffbb,transparent);box-shadow:0 0 20px #00cfff}.stat-value{color:#f7fcff;text-shadow:0 0 21px #26acff70}.stat-label{color:#a9d6f0}.quick-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 29px}.quick-item{padding:14px 16px;min-height:106px}.quick-item span{font-size:11px;color:#93bddc}.quick-item strong{display:block;font:800 23px ui-sans-serif,sans-serif;text-align:right;color:white;margin-top:3px;direction:ltr}.quick-item small{font-size:10px;color:#89aacc}.progress-track{height:6px;background:#183250;border-radius:50px;overflow:hidden;margin-top:13px}.progress-track i{height:100%;width:0;display:block;background:linear-gradient(90deg,#187bff,#00e5ff);border-radius:30px;box-shadow:0 0 12px #00caff}.progress-track.large{height:9px;margin:17px 0}
.node-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;transform-style:preserve-3d;position:relative;overflow:hidden}.node-card:after{content:"";position:absolute;top:-60px;left:-70px;width:180px;height:180px;border-radius:50%;background:#027df31b;filter:blur(28px);pointer-events:none}.node-card:hover{transform:perspective(900px) rotateX(1.2deg) rotateY(-1.5deg) translateY(-6px);border-color:#1db2fa;box-shadow:0 25px 55px #0009,0 0 32px #0089ff22}.status-badge.up{background:#0b433d;border:1px solid #138d72;color:#63f9c4}.node-ip{color:#cdeeff}.node-divider{background:linear-gradient(90deg,transparent,#185785,transparent)}.port{background:#08274e;border-color:#2279ab;color:#d2edff}.btn.primary{color:#001626;background:linear-gradient(110deg,#10e0ff,#468cff);border-color:#30e3ff;box-shadow:0 5px 22px #00aaff3c}.btn.secondary{background:#102d4c;border-color:#245a89}.node-bottom-actions{margin-top:11px;display:flex;justify-content:flex-end}.btn.danger-outline{background:#3d152329;color:#ffa2b5;border:1px solid #a53a5799;font-size:11px}.btn.danger-outline:hover{background:#5c1e34}
.monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.telemetry{min-height:145px}.telemetry-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:800;color:#9cceef}.telemetry-title strong{font-size:28px;color:#fff;direction:ltr}.telemetry small{color:#90a9c9;font-size:11px}.traffic-panel{margin-top:18px;padding:25px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{margin:4px 0}.live-label{color:#7beac3;font-size:12px}.traffic-numbers{display:flex;gap:33px;margin:20px 0}.traffic-numbers div{display:flex;flex-direction:column;gap:3px}.traffic-numbers span{color:#96b4d8;font-size:12px}.traffic-numbers strong{direction:ltr;font-size:23px}.traffic-chart{height:210px;background:linear-gradient(0deg,#061a30aa,#0c244255),repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#3188bc2b 44px);border:1px solid #20587f6b;border-radius:14px;padding:12px;overflow:hidden}.traffic-chart svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px #17baff88)}.small-copy{font-size:11px}
.ssl-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.ssl-domain{font-size:18px;direction:ltr;text-align:right;color:#6bdafa;margin:22px 0;overflow-wrap:anywhere}.ssl-details{display:grid;gap:15px;margin:12px 0 22px}.ssl-details>div{display:flex;justify-content:space-between;gap:12px;color:#96adc7}.ssl-details strong{color:#e5faff;direction:ltr}.valid-text{color:#57f0b9!important}.invalid-text{color:#ffa5ad!important}.ssl-layout form label,.modal-body label{display:block;margin-top:13px;color:#a8cbe5;font-size:12px}.ssl-layout input,.modal-body input{width:100%;background:#07162b;border:1px solid #27618e;color:#f0faff;border-radius:10px;padding:12px;outline:none}.ssl-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.modal-body{padding:22px 28px;max-height:65vh;overflow:auto}.modal-body p{font-size:12px;line-height:1.9}.editor-modal{max-width:570px}.modal-body label strong{color:#1ddcff}.modal-body .ssh-verify{display:flex}.modal-body .ssh-verify input{width:auto}.danger-warning{border:1px solid #994554;background:#5c1d2c55;border-radius:12px;padding:15px;color:#ffdbe2}.modal-footer{border-top:1px solid #1d4663}.modal-body input:focus,.ssl-layout input:focus{border-color:#09bfff;box-shadow:0 0 0 3px #009dff22}
.login-mark{width:115px;height:115px;object-fit:cover;border-radius:50%;border:2px solid #02c4ff;box-shadow:0 0 40px #00baff77;position:relative;z-index:1}.login-shell{gap:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-card{margin-top:-20px;padding-top:35px}.login-card .logo-icon{display:none}
@media(max-width:1200px){.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.sidebar{width:69px;padding:15px 6px}.brand-avatar{width:46px;height:46px}.sidebar .brand{padding:0 3px 22px}.main{margin-right:69px;width:calc(100% - 69px)}.hero-panel{padding:20px}.hero-orbit{width:116px;height:116px}.hero-art{margin:0 7px}.hero-copy h1{font-size:24px}.nav-item{padding:10px 5px}}
@media(max-width:580px){.content{padding:15px 12px 60px}.hero-panel{min-height:200px}.hero-art{display:none}.hero-copy h1{font-size:25px}.hero-copy p{font-size:12px}.hero-copy .pill{font-size:10px}.quick-metrics{gap:8px}.quick-item{padding:10px 12px;min-height:90px}.quick-item strong{font-size:16px}.monitor-grid,.ssl-layout{grid-template-columns:1fr}.traffic-panel{padding:16px}.traffic-chart{height:160px}.modal-overlay{padding:8px}.modal-body{padding:13px 16px}.modal-footer{flex-wrap:wrap}.ssl-domain{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* v3.3: Guided domain provisioning */
.domain-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.domain-progress span{padding:10px 6px;text-align:center;font-size:11px;color:#84dfff;background:linear-gradient(145deg,#092a50,#06182e);border:1px solid #2b86af;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff1b,0 6px 13px #0005}#ssl-live-link{display:inline-flex;margin-top:12px;text-decoration:none}#ssl-new-domain:read-only{opacity:.7;cursor:not-allowed}

/* Managed SSH actions remain usable on small mobile screens. */
.editor-modal .modal-footer{flex-wrap:wrap}
.editor-modal .modal-footer .btn{white-space:normal;min-height:40px}