:root{--bg:#060913;--panel:#0b1120e8;--panel2:#101827;--line:#1f2a3d;--text:#f8fafc;--muted:#8b9bb4;--cyan:#35d6ff;--blue:#6c7cff;--violet:#a855f7;--green:#2dd4a7;--amber:#f7c66b;--red:#ff6b7a;--shadow:0 18px 70px #0008}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Tahoma,Arial,sans-serif;background:radial-gradient(circle at 82% -8%,#1a2f70 0,transparent 29%),radial-gradient(circle at 12% 20%,#36136a55 0,transparent 30%),linear-gradient(180deg,#070b14,#05070d 58%,#05070b);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.sidebar{position:fixed;right:18px;top:18px;bottom:18px;width:274px;padding:20px 14px;border:1px solid #22304a;background:linear-gradient(180deg,#0b1120e8,#080d18e8);backdrop-filter:blur(22px);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 18px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:22px;color:#06101a;background:linear-gradient(135deg,var(--cyan),#93c5fd 45%,#c084fc);box-shadow:0 0 32px #35d6ff44}.brand strong{display:block;font-size:18px;letter-spacing:3px}.brand span{display:block;color:#79cfff;font-size:9px;letter-spacing:2.3px;margin-top:3px}.server-pill{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #20324d;border-radius:14px;background:#0a1423;margin-bottom:16px}.server-pill i,.live-chip i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 14px #2dd4a7}.server-pill b{font-size:12px}.server-pill small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.nav-label{font-size:9px;color:#556780;letter-spacing:1.8px;margin:15px 10px 8px}.sidebar nav{display:grid;gap:6px;overflow:auto}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;color:#a8b5c9;padding:11px 12px;border-radius:12px;text-align:right;cursor:pointer;transition:.2s}.sidebar nav button span{display:grid;place-items:center;width:22px;color:#7f91a9}.sidebar nav button:hover{background:#101a2a;border-color:#24334e;color:#fff}.sidebar nav button.active{background:linear-gradient(90deg,#132840,#13203a);border-color:#2e5170;color:#dff8ff;box-shadow:inset 3px 0 0 var(--cyan)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid #1b2739;display:flex;align-items:center;justify-content:space-between;color:#64758f;font-size:11px}.logout{border:1px solid #2c3b51;background:#0a101b;color:#aab7c9;border-radius:10px;padding:8px 10px;cursor:pointer}.workspace{margin-right:316px;padding:26px 28px 44px;max-width:1750px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:9px;color:#6fbfff;letter-spacing:2.2px;font-weight:700}.eyebrow.centered{text-align:center}.topbar h1{margin:6px 0 0;font-size:30px}.top-actions{display:flex;align-items:center;gap:10px}.live-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #254833;background:#0d1b18;color:#9ff0ce;font-size:11px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid #28354a;background:#0b111d;color:#dce7f5;cursor:pointer}.hero{border:1px solid #21304a;background:linear-gradient(125deg,#0c1525e8,#0b1220cc 58%,#171134dd);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.35fr .9fr;gap:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#35d6ff14;filter:blur(20px);left:-100px;top:-130px}.hero h2{font-size:28px;margin:5px 0 8px}.hero p{color:var(--muted);line-height:1.8;max-width:700px}.host-meta,.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chip,.status-chip{padding:6px 9px;border:1px solid #2a3b57;border-radius:999px;background:#0b1423;color:#9db0c9;font-size:10px}.status-chip.ok{border-color:#275441;color:#9ff0ce;background:#0c1a16}.status-chip.warn{border-color:#604d24;color:#ffd58b;background:#1c170c}.status-chip.bad{border-color:#63313b;color:#ff9eaa;background:#1d0f14}.health-ring{display:grid;place-items:center;min-height:180px}.ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--pct),#152033 0);position:relative;box-shadow:0 0 60px #35d6ff22}.ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#09111d}.ring div{position:relative;z-index:1;text-align:center}.ring b{font-size:30px}.ring span{font-size:10px;color:var(--muted);display:block}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.kpi{border:1px solid #1e2a3e;background:linear-gradient(180deg,#0c1422e8,#09101be8);border-radius:18px;padding:17px;box-shadow:0 15px 50px #0004}.kpi .label{display:flex;justify-content:space-between;color:#8291a7;font-size:11px}.kpi .value{font-size:26px;font-weight:800;margin:10px 0 12px}.bar{height:7px;background:#121e30;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 12px #35d6ff66}.kpi.green .bar i{background:linear-gradient(90deg,var(--green),#7ee7c7)}.kpi.violet .bar i{background:linear-gradient(90deg,#7c6cff,var(--violet))}.kpi.amber .bar i{background:linear-gradient(90deg,#e7a93d,var(--amber))}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.panel{border:1px solid #1e2a3e;background:linear-gradient(180deg,#0b1320e8,#080e18e8);border-radius:18px;padding:18px;box-shadow:0 15px 50px #0004}.panel+.panel{margin-top:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.panel-head h3{margin:0;font-size:14px}.panel-head span{font-size:10px;color:var(--muted)}.table{overflow:auto}.row{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #172336;min-width:760px}.row:last-child{border-bottom:0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px}.status-dot.ok{background:var(--green);box-shadow:0 0 12px #2dd4a777}.status-dot.bad{background:var(--red)}.muted{color:var(--muted);font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{padding:13px;border:1px solid #23334b;border-radius:14px;background:#0a1321}.quick-card b{display:block;font-size:13px}.quick-card span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.primary,.ghost,.danger,.soft{border-radius:10px;padding:9px 12px;cursor:pointer}.primary{border:1px solid #3f7da0;background:linear-gradient(135deg,#35d6ff,#6c7cff);color:#06111a;font-weight:800}.ghost{border:1px solid #2b3a51;background:#0b111c;color:#d7e0ec}.soft{border:1px solid #394158;background:#121726;color:#b7c3d4}.danger{border:1px solid #63303a;background:#1d0f14;color:#ff9aa5}.toolbar{display:flex;gap:7px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid label{font-size:11px;color:#9aa9bd}.form-grid input,.form-grid textarea,.form-grid select,.login-card input{width:100%;margin-top:6px;padding:12px;border:1px solid #2a3950;background:#070d16;color:#f8fafc;border-radius:11px;outline:none}.form-grid textarea{min-height:86px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.login-card input:focus{border-color:#3cb8e1;box-shadow:0 0 0 3px #35d6ff18}.password-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.empty{padding:30px;text-align:center;color:var(--muted)}.notice{padding:12px 14px;border-radius:12px;border:1px solid #5f4d22;background:#1b160b;color:#f5d89a;font-size:11px;line-height:1.8;margin:12px 0}.modal-backdrop{position:fixed;inset:0;background:#000a;backdrop-filter:blur(6px);z-index:20;display:grid;place-items:center;padding:18px}.modal{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#0a111d;border:1px solid #2c3d57;border-radius:22px;padding:22px;box-shadow:0 40px 120px #000c}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{margin:0}.close-btn{border:1px solid #34445b;background:#0d1420;color:#d8e2ef;width:34px;height:34px;border-radius:10px;cursor:pointer}.login-body{display:grid;place-items:center;min-height:100vh;overflow:hidden}.login-orb{position:fixed;border-radius:50%;filter:blur(12px);opacity:.35}.orb-a{width:420px;height:420px;background:#2258ff44;right:-120px;top:-120px}.orb-b{width:360px;height:360px;background:#7a2cff44;left:-100px;bottom:-130px}.login-card{width:min(430px,92vw);padding:34px;background:#0a111de8;border:1px solid #26354d;border-radius:26px;box-shadow:0 40px 120px #000b;backdrop-filter:blur(25px);position:relative;z-index:2}.login-mark{margin:0 auto 18px;width:58px;height:58px;font-size:26px}.login-card h1{text-align:center;letter-spacing:3px;margin:8px 0}.login-card h1 span{color:var(--cyan)}.login-card>p{text-align:center;color:var(--muted);font-size:12px}.login-card label{display:block;margin:16px 0;color:#9facbd;font-size:11px}.primary-btn{width:100%;padding:13px;border:0;border-radius:12px;background:linear-gradient(135deg,#35d6ff,#6c7cff 55%,#a855f7);color:#06101a;font-weight:900;cursor:pointer;box-shadow:0 12px 30px #3758ff44}.login-meta{display:flex;justify-content:space-between;margin-top:16px;color:#5f7088;font-size:9px}.alert{margin:14px 0;padding:10px;border-radius:10px;border:1px solid #63313b;background:#1d0e14;color:#ffb6bd}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col,.hero{grid-template-columns:1fr}.health-ring{min-height:140px}}@media(max-width:780px){.sidebar{right:10px;top:10px;bottom:10px;width:72px;padding:13px 8px}.brand>div:last-child,.server-pill>div,.nav-label{display:none}.sidebar nav button{justify-content:center;font-size:0}.sidebar nav button span{font-size:16px}.sidebar-footer>span{display:none}.workspace{margin-right:94px;padding:18px 12px}.kpi-grid{grid-template-columns:1fr}.form-grid,.form-grid.two{grid-template-columns:1fr}.topbar h1{font-size:23px}.row{min-width:720px}}.history-chart{width:100%;height:230px;display:block;background:linear-gradient(180deg,#0b1422,#080e18);border:1px solid #18263a;border-radius:14px;padding:8px}.chart-legend{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin-top:10px;color:var(--muted);font-size:10px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}.legend-dot.cpu{background:var(--cyan);box-shadow:0 0 9px #35d6ff88}.legend-dot.mem{background:var(--green);box-shadow:0 0 9px #2dd4a788}
/* v0.6 Account Center + global command UX */
.command-trigger{display:flex;align-items:center;gap:9px;height:38px;padding:0 11px;border:1px solid #2a3950;border-radius:12px;background:linear-gradient(180deg,#0d1624,#0a101a);color:#c8d5e6;cursor:pointer}.command-trigger span{font-size:16px;color:var(--cyan)}.command-trigger b{font-size:11px;font-weight:600}.command-trigger kbd,.command-modal kbd{font:10px/1 monospace;color:#8ea0b7;border:1px solid #34445b;background:#08101b;border-radius:6px;padding:5px 6px}.account-hero,.security-hero,.update-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 0 0,#233d7138,transparent 35%),linear-gradient(135deg,#0d1727,#0b1120 58%,#13122a)}.account-hero h2,.security-hero h2,.update-hero h2{margin:6px 0 8px;font-size:25px}.risk-card,.security-score,.version-stack{min-width:170px;padding:16px;border:1px solid #30425d;border-radius:17px;background:#091321;box-shadow:inset 0 1px #ffffff0b}.risk-card span,.risk-card small,.security-score span,.version-stack span{display:block;color:var(--muted);font-size:10px}.risk-card b,.security-score b,.version-stack b{display:block;font-size:24px;margin:5px 0}.version-stack .accent{color:var(--cyan)}.input-action{display:flex;gap:7px;align-items:flex-end}.input-action input{flex:1}.recommended{border-color:#35647e!important;color:#c8f5ff!important;box-shadow:0 0 0 2px #35d6ff0d inset}.provision-preview{align-self:stretch;padding:14px;border:1px solid #33405b;border-radius:13px;background:linear-gradient(145deg,#0d1625,#0b101b);display:flex;flex-direction:column;justify-content:center}.provision-preview span{font-size:9px;letter-spacing:1.5px;color:#7b8ba4}.provision-preview b{margin:6px 0;color:#ffd68a}.provision-preview small{color:var(--muted);line-height:1.7}.wide-btn{min-width:220px}.account-tools{align-items:flex-end}.filterbar{display:flex;gap:8px;flex-wrap:wrap}.filterbar input,.filterbar select{border:1px solid #2b3a50;background:#080e18;color:#dfe8f3;border-radius:10px;padding:9px 11px}.filterbar input{min-width:250px}.bulkbar{padding:10px 0 4px;border-top:1px solid #142034;border-bottom:1px solid #142034;margin-bottom:4px}.check-user{display:flex;gap:10px;align-items:flex-start}.check-user input{margin-top:4px;accent-color:#35d6ff}.credential-modal{background:radial-gradient(circle at 80% 0,#1f3e6c55,transparent 30%),#09111e}.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.credential-grid>div{padding:13px;border:1px solid #263750;border-radius:13px;background:#08101b}.credential-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.credential-grid b{display:block;margin-top:6px;font-size:14px;word-break:break-all}.credential-secret{color:#9ff0ce!important;font-size:20px!important;letter-spacing:1px}.timeline{display:grid;gap:10px}.timeline>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #203049;border-radius:12px;background:#09121f}.timeline b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#102c3a;color:#8de9ff}.timeline span{font-size:11px;color:#b8c5d7}.command-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px;border:1px dashed #36506d;border-radius:12px;background:#070d16;color:#a9edff;font-family:monospace}.command-modal{width:min(620px,94vw);background:#08101b;border:1px solid #2c3d57;border-radius:20px;box-shadow:0 40px 120px #000c;padding:12px}.command-modal>input{width:100%;padding:15px;border:1px solid #30415c;border-radius:13px;background:#0b1422;color:white;outline:none;font-size:14px}.command-modal>input:focus{border-color:#3dbce3;box-shadow:0 0 0 3px #35d6ff18}.command-modal #commandList{display:grid;gap:5px;margin-top:9px;max-height:420px;overflow:auto}.command-modal #commandList button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#cbd6e5;cursor:pointer;text-align:right}.command-modal #commandList button:hover{background:#101b2b;border-color:#243a55;color:#fff}.toast{position:fixed;left:24px;bottom:24px;z-index:50;transform:translateY(20px);opacity:0;pointer-events:none;padding:11px 14px;border:1px solid #2e5c50;border-radius:12px;background:#0b1916;color:#aaf2d8;box-shadow:0 16px 50px #0009;transition:.2s}.toast.show{transform:none;opacity:1}.security-score{text-align:center}.update-hero .version-stack{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end}.update-hero .version-stack b{font-size:18px;margin:0}
@media(max-width:900px){.command-trigger b,.command-trigger kbd{display:none}.filterbar{width:100%}.filterbar input{min-width:0;flex:1}.credential-grid{grid-template-columns:repeat(2,1fr)}.account-hero,.security-hero,.update-hero{align-items:flex-start;flex-direction:column}.risk-card,.security-score,.version-stack{width:100%}}
@media(max-width:560px){.credential-grid{grid-template-columns:1fr}.command-trigger{width:38px;padding:0;justify-content:center}.top-actions{gap:6px}}

/* v0.7 release-candidate visual system */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 62%,#35d6ff05 62% 63%,transparent 63%),radial-gradient(circle at 72% 14%,#6c7cff10,transparent 22%);z-index:-1}
.sidebar{border-color:#20314d;background:linear-gradient(180deg,#09111fee,#070c16ee);box-shadow:0 24px 80px #000a,inset 0 1px #ffffff08}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:2px;border:1px solid #ffffff33;border-radius:12px}.sidebar nav button{position:relative;overflow:hidden}.sidebar nav button.active:after{content:"";position:absolute;left:-30px;top:-30px;width:80px;height:80px;border-radius:50%;background:#35d6ff12;filter:blur(10px)}
.topbar{position:sticky;top:0;z-index:4;padding:10px 0 18px;background:linear-gradient(180deg,#060913 70%,transparent);backdrop-filter:blur(12px)}.environment-chip{display:grid;gap:2px;padding:7px 11px;border:1px solid #243650;border-radius:11px;background:#09111d}.environment-chip span{font-size:8px;letter-spacing:1.5px;color:#597089}.environment-chip b{font-size:10px;color:#cbd9ec;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.protocol-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(circle at 12% -20%,#2475ff2b,transparent 38%),radial-gradient(circle at 90% 0,#a855f71c,transparent 30%),linear-gradient(135deg,#0d1728,#09101b)}.protocol-hero h2{font-size:30px;margin:7px 0}.protocol-count{min-width:170px;text-align:center;padding:18px;border:1px solid #2d4564;border-radius:18px;background:#08111e;box-shadow:inset 0 1px #ffffff0b,0 16px 45px #0005}.protocol-count b{display:block;font-size:34px;background:linear-gradient(90deg,var(--cyan),#9b8cff);-webkit-background-clip:text;color:transparent}.protocol-count span{color:var(--muted);font-size:10px}.capability-strip{display:flex;gap:8px;overflow:auto;padding:12px 2px 4px;margin-bottom:10px}.capability{min-width:max-content;padding:8px 11px;border:1px solid #273349;border-radius:999px;background:#080e18;color:#65758c;font-size:11px;text-transform:uppercase}.capability small{margin-right:6px;color:#44546a}.capability.ready{border-color:#245a54;background:#0a1918;color:#9be7d2}.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.protocol-tile{display:flex;gap:15px;padding:18px;border:1px solid #22334c;border-radius:19px;background:linear-gradient(150deg,#0c1524,#08101a 65%);box-shadow:0 18px 52px #0004;transition:transform .18s,border-color .18s}.protocol-tile:hover{transform:translateY(-2px);border-color:#345275}.protocol-icon{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#183b55,#33235e);border:1px solid #3a5876;color:#b8efff;font-size:20px;font-weight:900;box-shadow:0 0 25px #35d6ff12}.protocol-body{min-width:0;flex:1}.protocol-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.protocol-title h3{margin:0;font-size:15px}.protocol-body p{color:var(--muted);font-size:11px;line-height:1.7;min-height:38px}.config-output{width:100%;min-height:360px;resize:vertical;padding:14px;border:1px solid #2b3d56;border-radius:13px;background:#050a12;color:#b7f1ff;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left}.config-modal{width:min(900px,96vw)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{margin-top:0!important}.domain-state{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.domain-state>div{padding:13px;border:1px solid #203149;border-radius:13px;background:#09121f}.domain-state span{display:block;color:#63758e;font-size:9px;text-transform:uppercase;letter-spacing:1px}.domain-state b{display:block;margin-top:5px;font-size:12px;word-break:break-word}.single-label{display:block;font-size:11px;color:#9aa9bd}.single-label input{width:100%;margin-top:6px;padding:12px;border:1px solid #2a3950;background:#070d16;color:#f8fafc;border-radius:11px}
.panel,.kpi,.protocol-tile,.quick-card{backdrop-filter:blur(16px)}.quick-card{transition:.18s}.quick-card:hover{border-color:#36516f;transform:translateY(-1px)}.primary{box-shadow:0 8px 24px #35d6ff18}.status-chip.ok{box-shadow:0 0 16px #2dd4a711}.status-chip.warn{box-shadow:0 0 16px #f7c66b0d}
@media(max-width:1100px){.protocol-grid,.settings-grid{grid-template-columns:1fr}.protocol-hero{align-items:flex-start}.environment-chip{display:none}}
@media(max-width:640px){.protocol-tile{padding:14px}.protocol-icon{width:42px;height:42px;flex-basis:42px}.protocol-title{align-items:flex-start;flex-direction:column}.domain-state{grid-template-columns:1fr}.capability-strip{margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}}

.xray-share{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.xray-share img{width:220px;max-width:100%;background:#fff;padding:10px;border-radius:18px;border:1px solid #dbeafe}.xray-share span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.xray-share textarea{width:100%;min-height:140px;resize:vertical;padding:13px;border:1px solid #2b3d56;border-radius:12px;background:#050a12;color:#b7f1ff;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left}.protocol-title .status-chip{margin:0}.protocol-tile .toolbar{margin-top:12px}
@media(max-width:700px){.xray-share{grid-template-columns:1fr}.xray-share img{margin:auto}}

html[dir="ltr"] .sidebar{right:auto;left:18px;border-left:1px solid #20314d;border-right:1px solid #20314d}html[dir="ltr"] .workspace{margin-right:0;margin-left:316px}html[dir="ltr"] .sidebar nav button{text-align:left}html[dir="ltr"] .status-dot{margin-left:0;margin-right:8px}html[dir="ltr"] .legend-dot{margin-left:0;margin-right:6px}html[dir="ltr"] .form-grid input,html[dir="ltr"] .form-grid textarea,html[dir="ltr"] .form-grid select{text-align:left}@media(max-width:780px){html[dir="ltr"] .sidebar{left:10px;right:auto}html[dir="ltr"] .workspace{margin-left:94px;margin-right:0}}

/* v0.8 account policy + protocol client surfaces */
.duration-tools{gap:5px}.duration-tools .soft{padding:7px 9px}.number-stepper{display:grid;grid-template-columns:38px 1fr 38px;gap:6px;align-items:end}.number-stepper input{text-align:center;margin-top:6px}.number-stepper .soft{height:42px;padding:0;font-size:18px}.protocol-clients-table{display:grid;gap:0}.protocol-client-row{display:grid;grid-template-columns:1.05fr 1.25fr .9fr 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #172336;min-width:900px}.protocol-client-row:last-child{border-bottom:0}.client-main{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.protocol-pill{display:inline-flex;padding:4px 7px;border:1px solid #31506d;border-radius:999px;background:#0c1827;color:#93ddf5;font-size:9px;letter-spacing:.8px}.usage-track{height:6px;margin:7px 0;background:#101d2f;border-radius:999px;overflow:hidden}.usage-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#35d6ff,#6c7cff,#a855f7);box-shadow:0 0 12px #35d6ff55}.protocol-client-row .toolbar{justify-content:flex-end}
@media(max-width:900px){.protocol-client-row{min-width:840px}.duration-tools{max-width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.duration-tools .soft{white-space:nowrap}}

/* v0.8 appearance system */
body[data-theme="amoled"]{--bg:#000;--panel:#050505e8;--panel-solid:#050505;--panel-2:#090909;--line:#20242c;--line-strong:#343a46;background:radial-gradient(circle at 75% -10%,#12203b 0,transparent 24%),#000}
body[data-theme="amoled"] .sidebar{background:#030405f5}
body[data-theme="amoled"] .panel,
body[data-theme="amoled"] .kpi,
body[data-theme="amoled"] .protocol-tile,
body[data-theme="amoled"] .quick-card{background:linear-gradient(180deg,#080a0d,#030405)}
body[data-theme="graphite"]{--bg:#101216;--panel:#171a20e8;--panel-solid:#171a20;--panel-2:#1d2128;--line:#303640;--line-strong:#414957;--cyan:#66c7d9;--blue:#8392d9;--violet:#aa86c8;background:radial-gradient(circle at 80% 0,#28303a 0,transparent 28%),#101216}
body[data-theme="graphite"] .sidebar{background:linear-gradient(180deg,#16191f,#11141a)}
body[data-density="compact"] .panel{padding:13px}
body[data-density="compact"] .kpi{padding:12px}
body[data-density="compact"] .row,
body[data-density="compact"] .service-row,
body[data-density="compact"] .account-row,
body[data-density="compact"] .session-row,
body[data-density="compact"] .log-row{padding-top:8px;padding-bottom:8px}
body[data-density="compact"] .sidebar nav button{padding-top:8px;padding-bottom:8px}
body[data-density="compact"] .workspace{padding-top:18px}
.credential-grid.compact{grid-template-columns:repeat(4,1fr);margin-bottom:10px}
@media(max-width:720px){.credential-grid.compact{grid-template-columns:repeat(2,1fr)}}

/* v0.8 device/IP and renewal details */
button.status-chip{cursor:pointer;font:inherit}.ip-list{display:grid;gap:8px}.ip-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #22334b;border-radius:12px;background:#08111d}.ip-list b{direction:ltr;text-align:left;color:#c9f2ff}.ip-list span{font-size:10px;color:var(--muted)}.account-row .chips{margin-top:7px}.protocol-client-row .chips{margin-top:7px}.protocol-client-row .status-chip{white-space:nowrap}

.capability.advanced{border-color:#5a4a28;background:#18140b;color:#efd08b}.capability.advanced small{color:#a98d56}.capability.unavailable{opacity:.45;border-style:dashed}.capability.unavailable small{color:#6b7280}.capability.guided small{color:#4fb9d9}

/* v0.9 policy controls */
.policy-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.policy-summary>div{padding:12px;border:1px solid #243650;border-radius:13px;background:#08111d}.policy-summary span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.policy-summary b{display:block;margin-top:6px;font-size:14px}.quota-tools{flex-wrap:wrap}.password-tools button:disabled,.soft:disabled{opacity:.38;cursor:not-allowed}.form-grid input:disabled{opacity:.55;background:#070b12}
@media(max-width:780px){.policy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.policy-summary{grid-template-columns:1fr}}

/* public client subscription page */
.client-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 0,#173369 0,transparent 26%),radial-gradient(circle at 10% 90%,#37165f55 0,transparent 32%),#060913}.client-shell{width:min(760px,100%)}.client-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.client-brand b{display:block;letter-spacing:3px}.client-brand span{display:block;color:#72cfff;font-size:9px;letter-spacing:2px}.client-card{padding:26px;border:1px solid #263851;border-radius:24px;background:linear-gradient(155deg,#0d1728ed,#080f1aed);box-shadow:0 35px 100px #0009;backdrop-filter:blur(22px)}.client-card h1{font-size:30px;margin:7px 0 10px}.client-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.client-kpis>div{padding:13px;border:1px solid #22344e;border-radius:14px;background:#08111d}.client-kpis span{display:block;color:var(--muted);font-size:9px}.client-kpis b{display:block;margin-top:6px;font-size:14px;word-break:break-word}.usage-track.large{height:10px;margin:10px 0 18px}.client-actions{display:flex;gap:9px;flex-wrap:wrap}.link-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.client-shell footer{text-align:center;color:#596a81;font-size:10px;margin-top:14px}@media(max-width:680px){.client-kpis{grid-template-columns:repeat(2,1fr)}.client-card{padding:19px}}

.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.scope-grid label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #25364e;border-radius:13px;background:#08111d;cursor:pointer}.scope-grid input{margin-top:3px;accent-color:#35d6ff}.scope-grid b{display:block;font-size:12px}.scope-grid small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.5}@media(max-width:620px){.scope-grid{grid-template-columns:1fr}}

/* v0.10 unified Access Center */
.access-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 5% 0,#2e74ff29,transparent 32%),radial-gradient(circle at 92% 10%,#8b5cf622,transparent 26%),linear-gradient(135deg,#0d1727,#08111d)}.access-hero h2{margin:6px 0 8px;font-size:29px}.access-total{min-width:170px;padding:18px;text-align:center;border:1px solid #2b4564;border-radius:18px;background:#08111d;box-shadow:inset 0 1px #ffffff0a}.access-total b{display:block;font-size:34px;background:linear-gradient(90deg,var(--cyan),#a78bfa);-webkit-background-clip:text;color:transparent}.access-total span{display:block;color:var(--muted);font-size:10px}.access-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.access-create-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #21344e;border-radius:18px;background:linear-gradient(150deg,#0c1523,#08101a);box-shadow:0 16px 48px #0004}.access-create-card>div:last-child{min-width:0;flex:1}.access-create-card h3{margin:1px 0 5px}.access-create-card p{min-height:36px;margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.6}.access-protocol-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;border:1px solid #355474;background:linear-gradient(135deg,#14324a,#34235f);color:#b8efff;font-weight:900}.access-head{align-items:flex-end}.delivery-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px;padding:9px 0;border-top:1px solid #152239;border-bottom:1px solid #152239}.delivery-legend span{padding:5px 8px;border:1px solid #26374f;border-radius:999px;background:#08111c;color:#7f91a8;font-size:9px}.access-table{display:grid}.access-row{display:grid;grid-template-columns:1.25fr .8fr 1.15fr .75fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #172336;min-width:980px}.access-row:last-child{border-bottom:0}.export-actions{justify-content:flex-start}.access-row .toolbar{flex-wrap:wrap}.access-row .protocol-pill{margin-inline-start:3px}.access-row .status-chip{white-space:nowrap}.access-row b{word-break:break-word}
@media(max-width:1200px){.access-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.access-hero{align-items:flex-start;flex-direction:column}.access-total{width:100%}.access-row{min-width:900px}}
@media(max-width:560px){.access-create-grid{grid-template-columns:1fr}.access-create-card p{min-height:0}}


/* v0.11 control-center redesign */
:root{
  --shell:#070b13;--surface:#0b1220;--surface-2:#0e1727;--surface-3:#101c2e;
  --stroke:#1d2c42;--stroke-hi:#2d4563;--accent:#44d7ff;--accent-2:#7c73ff;
  --text-soft:#a8b6c9;
}
body{background:
  radial-gradient(circle at 84% -8%,#17336f55 0,transparent 27%),
  radial-gradient(circle at 12% 38%,#52217028 0,transparent 30%),
  linear-gradient(180deg,#060912,#05070c 72%);
}
.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.18;z-index:-1}
.ambient-a{width:520px;height:520px;background:#235cff;top:-260px;right:25%}
.ambient-b{width:460px;height:460px;background:#8b36ff;bottom:-280px;left:-80px}
.sidebar{right:14px;top:14px;bottom:14px;width:264px;padding:17px 13px;border-radius:22px;border-color:#20324a;background:linear-gradient(180deg,#0a1220f5,#070c15f5);box-shadow:0 25px 90px #000b,inset 0 1px #ffffff08}
.workspace{margin-right:292px;padding:22px 24px 44px;max-width:none}
.brand{padding:3px 7px 14px;gap:11px}.brand-copy{min-width:0;flex:1}.release-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #44d7ff88}
.node-card{position:relative;padding:11px 12px;background:linear-gradient(135deg,#0c1727,#0a111d);border-color:#243b58}.node-status{display:grid;place-items:center}.node-status i{display:block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px #2dd4a766}.node-live{margin-inline-start:auto;font-size:8px;letter-spacing:1.4px;color:#8ef2d0;border:1px solid #245241;border-radius:999px;padding:4px 6px}
.sidebar-create{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px;padding:11px 12px;border:1px solid #356f8f;border-radius:12px;background:linear-gradient(135deg,#193952,#232c59);color:#dff9ff;cursor:pointer;box-shadow:0 9px 24px #0f8bb01a}.sidebar-create span{font-size:18px}.sidebar-create b{font-size:11px}
.sidebar nav{gap:4px}.sidebar nav button{padding:10px 11px;border-radius:11px}.sidebar nav button b{font-size:11px;font-weight:600}.sidebar nav button.active{background:linear-gradient(90deg,#132a3e,#151e35);border-color:#2e5875;box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #0003}.nav-label{margin:13px 10px 7px;font-size:8px}
.sidebar-version{display:grid;gap:2px}.sidebar-version span{font-size:8px;text-transform:uppercase;letter-spacing:1.2px}.sidebar-version b{font-size:10px;color:#9aacbf}
.topbar{padding:8px 0 16px;margin-bottom:12px;background:linear-gradient(180deg,#060913e8 72%,transparent)}.page-heading h1{font-size:27px;letter-spacing:-.4px}.top-actions{gap:8px}.command-trigger,.environment-chip,.live-chip,.icon-btn{height:38px}
.panel{border-color:#1d2d43;background:linear-gradient(180deg,#0b1422e9,#08101ae9);box-shadow:0 18px 55px #0004}.primary,.ghost,.soft,.danger{border-radius:11px;transition:transform .15s,border-color .15s,filter .15s}.primary:hover,.ghost:hover,.soft:hover,.danger:hover{transform:translateY(-1px);filter:brightness(1.06)}.primary:disabled,.ghost:disabled,.soft:disabled{opacity:.48;cursor:wait;transform:none}.action-lg{padding:11px 15px}
.loading-state{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;color:#9aabc1}.spinner{width:20px;height:20px;border:2px solid #29405c;border-top-color:var(--accent);border-radius:50%;animation:makiaSpin .75s linear infinite}@keyframes makiaSpin{to{transform:rotate(360deg)}}

/* Operations cockpit */
.command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;gap:22px;padding:25px;border:1px solid #223852;border-radius:24px;background:
 radial-gradient(circle at 95% 0,#5b54ff26,transparent 31%),
 radial-gradient(circle at 8% 100%,#1fdcff12,transparent 38%),
 linear-gradient(135deg,#0d1828,#09111e 58%,#101127);box-shadow:0 24px 80px #0006}
.command-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 60%,#ffffff04 60% 60.4%,transparent 60.4%);pointer-events:none}
.command-hero-copy{position:relative;z-index:1}.command-hero h2{font-size:32px;margin:7px 0 6px;letter-spacing:-.6px}.command-hero p{max-width:720px;margin:0 0 14px;color:#91a2b9;line-height:1.9;font-size:12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}
.hero-status-stack{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:14px;position:relative;z-index:1}.health-orbit{--pct:80%;width:164px;height:164px;border-radius:50%;padding:10px;background:conic-gradient(var(--accent) var(--pct),#152238 0);box-shadow:0 0 55px #35d6ff1c}.health-orbit>div{height:100%;border-radius:50%;display:grid;place-items:center;align-content:center;background:#08111d;border:1px solid #203650}.health-orbit b{font-size:36px}.health-orbit span{font-size:9px;color:#7590aa;letter-spacing:1.3px}.hero-mini-grid{display:grid;gap:8px}.hero-mini-grid>div{padding:12px;border:1px solid #253750;border-radius:14px;background:#091321cc}.hero-mini-grid span{display:block;font-size:8px;color:#71839b;text-transform:uppercase;letter-spacing:1px}.hero-mini-grid b{display:block;margin-top:4px;font-size:16px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0}.dashboard-metrics .kpi{margin:0;padding:14px;border-radius:16px}.dashboard-metrics .kpi .value{font-size:22px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:12px;margin-top:12px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.dashboard-chart{min-width:0}
.access-mix{display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-mix button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid #22334a;border-radius:12px;background:#09121f;color:#cad6e5;text-align:start;cursor:pointer}.access-mix button:hover{border-color:#35516f}.access-mix span{font-size:10px}.access-mix b{font-size:17px}.mix-dot{width:8px;height:8px;border-radius:50%}.mix-dot.ssh{background:#3edcff}.mix-dot.xray{background:#806cff}.mix-dot.wg{background:#34d399}.mix-dot.ovpn{background:#f5b95a}
.dashboard-alert{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border-radius:12px;border:1px solid #264b3f;background:#0b1916}.dashboard-alert.warn{border-color:#604a24;background:#1a150b}.dashboard-alert b{font-size:22px}.dashboard-alert span{font-size:10px;color:#9aabc0}
.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-card{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid #203047;border-radius:12px;background:#09121f}.service-card div{display:grid}.service-card b{font-size:11px}.service-card span{font-size:8px;color:#6d809a}.service-card strong{font-size:9px}.ok-text{color:#7de8c3}.bad-text{color:#ff9aa6}.session-cards{display:grid}.session-cards>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #172336}.session-cards>div:last-child{border-bottom:0}.avatar-mini{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid #31506f;background:linear-gradient(135deg,#102b40,#2a2454);font-size:11px;font-weight:800}.session-cards div>div{display:grid}.session-cards b{font-size:11px}.session-cards small,.session-cards time{font-size:9px;color:#72849d}

/* Access Center V2 */
.access-command{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px;border:1px solid #223851;border-radius:22px;background:radial-gradient(circle at 5% 50%,#21cfff14,transparent 32%),linear-gradient(135deg,#0d1727,#0a111e 62%,#12112c)}.access-command h2{margin:5px 0 6px;font-size:28px}.access-command p{margin:0;color:#8e9fb6;font-size:11px;line-height:1.8}.access-command-stats{display:grid;grid-template-columns:repeat(3,92px);gap:8px}.access-command-stats>div{padding:13px 9px;text-align:center;border:1px solid #263d58;border-radius:14px;background:#08121f}.access-command-stats b{display:block;font-size:24px}.access-command-stats span{display:block;margin-top:3px;font-size:8px;color:#71839c;text-transform:uppercase;letter-spacing:1px}
.protocol-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.launch-card{position:relative;overflow:hidden;padding:16px;border:1px solid #21334a;border-radius:18px;background:linear-gradient(155deg,#0c1625,#08101b);min-height:166px}.launch-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-55px;background:#35d6ff0a}.launch-card.xray:after{background:#7657ff16}.launch-card.wireguard:after{background:#2dd4a715}.launch-card.openvpn:after{background:#f5b95a12}.launch-top{display:flex;justify-content:space-between;align-items:center}.launch-count{font-size:20px;font-weight:800;color:#8397ae}.launch-card h3{margin:13px 0 5px;font-size:16px}.launch-card p{min-height:34px;margin:0;color:#7588a2;font-size:9px;line-height:1.7}.launch-action{position:absolute;bottom:14px;left:14px;right:14px;padding:9px;border:1px solid #31607d;border-radius:10px;background:#10263a;color:#bfeeff;font-weight:700;cursor:pointer}.launch-action:hover{border-color:#49c9ee;background:#12314a}.launch-action.setup{border-style:dashed;color:#e7c77f;border-color:#6a5528;background:#19150d}
.access-directory{padding:16px 18px}.directory-head{align-items:flex-end}.directory-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segmented{display:flex;padding:3px;border:1px solid #263950;border-radius:11px;background:#07101a}.segmented button{border:0;background:transparent;color:#70839d;padding:7px 9px;border-radius:8px;cursor:pointer;font-size:9px}.segmented button.active{background:#14283b;color:#c8f4ff}.search-input{min-width:250px;border:1px solid #293b52;background:#07101a;color:#dce8f5;border-radius:11px;padding:9px 11px;outline:none}.search-input:focus{border-color:#3aaed3;box-shadow:0 0 0 3px #35d6ff12}.directory-summary{display:flex;gap:10px;flex-wrap:wrap;padding:9px 0;border-top:1px solid #17253a;border-bottom:1px solid #17253a;color:#71829a;font-size:8px}.directory-summary span{display:flex;align-items:center;gap:5px}.directory-summary i{width:7px;height:7px;border-radius:50%}.legend-native{background:#55d9ff}.legend-protected{background:#7d75ff}.legend-legacy{background:#e4b45a}
.access-cards{display:grid}.access-profile{display:grid;grid-template-columns:minmax(270px,1.35fr) minmax(150px,.65fr) minmax(250px,.9fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #18263a}.access-profile:last-child{border-bottom:0}.profile-identity{display:flex;align-items:center;gap:10px;min-width:0}.profile-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #315271;border-radius:12px;background:linear-gradient(135deg,#102b42,#292354);font-weight:900;color:#c9f5ff}.profile-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-identity>div:last-child>span{display:block;margin-top:4px;color:#7588a1;font-size:9px}.profile-meta{display:grid;gap:3px}.profile-meta span{font-size:8px;color:#667991;text-transform:uppercase;letter-spacing:1px}.profile-meta b{font-size:11px}.profile-delivery,.profile-actions{display:flex;gap:6px;flex-wrap:wrap}.profile-actions{justify-content:flex-end}.icon-action,.more-action{border:1px solid #2b3d55;border-radius:10px;background:#0a131f;color:#c8d5e4;padding:8px 10px;font-size:9px;cursor:pointer}.icon-action.primaryish{border-color:#397590;background:linear-gradient(135deg,#16384b,#282c5b);color:#d7f7ff}.icon-action.warnish{border-color:#6a5324;color:#f2d28b;background:#19150b}.more-action.dangerish{border-color:#60313a;color:#ff9da9;background:#1c0f14}
.icon-action:hover,.more-action:hover{border-color:#4c6886;transform:translateY(-1px)}

/* Provisioning wizard */
.wizard-backdrop{background:#02050ad9}.provision-wizard{width:min(900px,96vw);padding:0;overflow:hidden;border-color:#2a4260;background:linear-gradient(180deg,#0b1422,#08101b)}.wizard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 14px}.wizard-head h3{margin:4px 0 0;font-size:20px}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 22px 18px}.wizard-steps>div{position:relative;display:flex;align-items:center;gap:7px;color:#5f728b;font-size:9px}.wizard-steps>div:after{content:"";position:absolute;top:13px;inset-inline-start:32px;inset-inline-end:4px;height:1px;background:#223249}.wizard-steps>div:last-child:after{display:none}.wizard-steps i{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border:1px solid #2c405a;border-radius:9px;background:#08111d;font-style:normal}.wizard-steps .active{color:#d8f8ff}.wizard-steps .active i{border-color:#42b9de;background:#123047;box-shadow:0 0 18px #35d6ff22}.wizard-steps .done i{border-color:#32614f;background:#0e211a;color:#8af0cf}.wizard-body{min-height:330px;padding:22px;border-top:1px solid #17263a;border-bottom:1px solid #17263a;background:#080f19}.wizard-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:15px 22px}.wizard-protocols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wizard-protocol{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid #243750;border-radius:16px;background:#0a1421;color:#d9e5f2;text-align:start;cursor:pointer}.wizard-protocol:hover{border-color:#3c6281;background:#0c1827}.wizard-protocol>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #345979;border-radius:13px;background:linear-gradient(135deg,#113047,#2b2556);font-size:18px;font-weight:900}.wizard-protocol div{display:grid;gap:4px}.wizard-protocol b{font-size:13px}.wizard-protocol small{font-size:9px;color:#7587a0}.wizard-protocol em{font-style:normal;font-size:8px;color:#7ce8c3;border:1px solid #275645;border-radius:999px;padding:4px 6px}.wizard-protocol.not-ready em{color:#e6c274;border-color:#614e26}.wizard-section-title{margin-bottom:15px}.wizard-section-title h4{margin:0 0 5px;font-size:16px}.wizard-section-title p{margin:0;color:#7d8ea5;font-size:10px}.wizard-form{display:grid;gap:12px}.wizard-form.two{grid-template-columns:1fr 1fr}.wizard-form.three{grid-template-columns:repeat(3,1fr)}.wizard-form label,.delivery-box label{font-size:9px;color:#91a2b9}.wizard-form input,.wizard-form select,.delivery-box input{width:100%;margin-top:6px;padding:11px;border:1px solid #2a3b53;border-radius:11px;background:#070e18;color:#edf5ff;outline:none}.wizard-form input:focus,.wizard-form select:focus,.delivery-box input:focus{border-color:#42b8dc;box-shadow:0 0 0 3px #35d6ff12}.wizard-form small{display:block;margin-top:4px;color:#60738c}.preset-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.preset-row button{border:1px solid #2c4059;border-radius:8px;background:#0d1725;color:#9eb0c6;padding:6px 7px;font-size:8px;cursor:pointer}.preset-row button:hover{border-color:#3f7391;color:#d7f7ff}.wizard-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:11px 12px;border:1px solid #304157;border-radius:12px;background:#0a1421}.wizard-note b{font-size:9px;color:#cbefff}.wizard-note span{font-size:9px;color:#7f91a8;line-height:1.6}.wizard-review-hint{display:grid;place-items:center;text-align:center;min-height:260px}.review-icon,.success-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;border:1px solid #2e6653;background:#0f221b;color:#8df2d1;font-size:28px;box-shadow:0 0 35px #2dd4a71c}.wizard-review-hint h4{margin:14px 0 5px}.wizard-review-hint p{max-width:480px;color:#7d8fa8;font-size:10px;line-height:1.8}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.review-grid>div,.success-grid>div{padding:11px;border:1px solid #243750;border-radius:11px;background:#0a1320}.review-grid span,.success-grid span{display:block;color:#6f829b;font-size:8px;text-transform:uppercase}.review-grid b,.success-grid b{display:block;margin-top:4px;font-size:11px;word-break:break-word}.delivery-box{display:grid;grid-template-columns:1fr 270px;align-items:end;gap:14px;margin-top:14px;padding:14px;border:1px solid #344365;border-radius:14px;background:linear-gradient(135deg,#0d1826,#101329)}.delivery-box>div{display:grid;gap:4px}.delivery-box b{font-size:12px}.delivery-box span{font-size:9px;color:#8091a8}
.provision-success{width:min(650px,94vw);text-align:center;background:radial-gradient(circle at 50% 0,#285c7a25,transparent 35%),#09121e}.provision-success .success-mark{margin:0 auto 10px}.provision-success h3{font-size:22px;margin:7px}.provision-success>p{color:#8294aa;font-size:10px}.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.delivery-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.export-modal,.setup-modal{width:min(600px,94vw)}.export-modal{text-align:center}.export-shield{display:grid;place-items:center;width:64px;height:64px;margin:5px auto 12px;border-radius:18px;border:1px solid #4b4383;background:linear-gradient(135deg,#162d45,#30265b);font-size:28px;color:#c7bfff}.config-output.small{min-height:100px}
.diagnostics-modal{width:min(720px,94vw)}.diagnostic-score{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #2e5e4e;border-radius:13px;background:#0b1b16;margin-bottom:12px}.diagnostic-score.fail{border-color:#653039;background:#1e1014}.diagnostic-score b{font-size:18px}.diagnostic-score span{font-size:9px;color:#8da0b6}.diagnostic-list{display:grid;max-height:440px;overflow:auto}.diagnostic-list>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid #18263a}.diagnostic-list i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;font-style:normal}.diagnostic-list i.ok{background:#0e241c;color:#7ce8c3}.diagnostic-list i.bad{background:#241116;color:#ff9da8}.diagnostic-list div>div{display:grid;gap:3px}.diagnostic-list b{font-size:10px}.diagnostic-list span{font-size:8px;color:#72859f;word-break:break-word}

@media(max-width:1300px){
  .dashboard-metrics{grid-template-columns:repeat(3,1fr)}
  .protocol-launch-grid{grid-template-columns:repeat(2,1fr)}
  .access-profile{grid-template-columns:minmax(240px,1fr) minmax(140px,.6fr) minmax(220px,.9fr) auto}
}
@media(max-width:1000px){
  .command-hero,.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}
  .hero-status-stack{grid-template-columns:150px 1fr}.health-orbit{width:145px;height:145px}
  .access-command{grid-template-columns:1fr}.access-command-stats{grid-template-columns:repeat(3,1fr)}
  .access-directory{overflow:hidden}.access-cards{overflow:auto}.access-profile{min-width:880px}
  .wizard-form.three{grid-template-columns:1fr 1fr}.delivery-box{grid-template-columns:1fr}
}
@media(max-width:780px){
  .sidebar{width:74px;right:8px;top:8px;bottom:8px;padding:12px 7px}.workspace{margin-right:92px;padding:16px 10px 36px}
  .brand-copy,.release-dot,.node-card>div:not(.node-status),.node-live,.sidebar-create b,.sidebar-version{display:none}.sidebar-create{padding:9px}.sidebar-create span{font-size:20px}
  .sidebar nav button b{display:none}.sidebar nav button{justify-content:center}.sidebar nav button span{font-size:16px}.sidebar-footer{justify-content:center}
  .topbar{align-items:flex-start}.environment-chip{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.command-hero{padding:18px}.command-hero h2{font-size:25px}.hero-status-stack{grid-template-columns:1fr}.health-orbit{margin:auto}
  .protocol-launch-grid{grid-template-columns:1fr 1fr}.directory-tools{width:100%}.search-input{width:100%;min-width:0}.segmented{max-width:100%;overflow:auto}
  .wizard-protocols,.wizard-form.two,.wizard-form.three,.review-grid,.success-grid{grid-template-columns:1fr}.wizard-steps span{display:none}.wizard-steps>div:after{inset-inline-start:31px}.wizard-body{padding:17px}.provision-wizard{max-height:96vh}
}
@media(max-width:520px){
  .dashboard-metrics,.protocol-launch-grid,.service-cards{grid-template-columns:1fr}.access-command-stats{grid-template-columns:repeat(3,1fr);gap:5px}.access-command-stats>div{padding:10px 5px}.command-trigger{display:none}
}
html[dir="ltr"] .sidebar{left:14px;right:auto}html[dir="ltr"] .workspace{margin-left:292px;margin-right:0}@media(max-width:780px){html[dir="ltr"] .sidebar{left:8px;right:auto}html[dir="ltr"] .workspace{margin-left:92px;margin-right:0}}


/* v0.11 normalized secondary views */
.view-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:18px 20px;border:1px solid #21364f;border-radius:18px;background:radial-gradient(circle at 92% 0,#4b4cff16,transparent 32%),linear-gradient(135deg,#0c1725,#09111c)}.view-intro h2{margin:5px 0 5px;font-size:22px}.view-intro p{margin:0;color:#7f91aa;font-size:10px;line-height:1.75}.view-intro-stat{min-width:92px;padding:11px 12px;text-align:center;border:1px solid #2b425e;border-radius:13px;background:#08121f}.view-intro-stat b{display:block;font-size:22px}.view-intro-stat span{display:block;margin-top:2px;color:#71849d;font-size:8px;letter-spacing:1px}.view-intro-actions{display:flex;align-items:center;gap:8px}.modern-list{padding-top:15px}.security-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.security-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid #22354d;border-radius:13px;background:#09131f}.security-control>div{display:grid;gap:3px}.security-control b{font-size:10px}.security-control span{font-size:8px;color:#74869e}.security-control i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;font-style:normal;font-weight:800}.security-control i.ok{color:#80eac7;background:#0f241c;border:1px solid #275746}.security-control i.warn{color:#f1cb80;background:#1b160c;border:1px solid #604d24}.backup-row,.audit-row{min-width:760px}
@media(max-width:1000px){.security-control-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.view-intro{align-items:flex-start;flex-direction:column}.view-intro-stat,.view-intro-actions{width:100%}.view-intro-actions{justify-content:space-between}.security-control-grid{grid-template-columns:1fr}}


/* v0.11 Protocol Hub */
.protocol-command{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:21px;border:1px solid #223852;border-radius:20px;background:radial-gradient(circle at 90% 10%,#6b50ff1e,transparent 34%),linear-gradient(135deg,#0d1828,#09111d)}.protocol-command h2{margin:5px 0 6px;font-size:27px}.protocol-command p{margin:0;color:#8294ad;font-size:10px;line-height:1.8}.protocol-readiness{min-width:135px;text-align:center;padding:15px;border:1px solid #2c4563;border-radius:15px;background:#08131f}.protocol-readiness b{display:block;font-size:28px}.protocol-readiness span{display:block;margin-top:3px;color:#6e839c;font-size:8px;letter-spacing:1px}.engine-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0}.engine-card{position:relative;min-height:215px;padding:15px;border:1px solid #21334b;border-radius:17px;background:linear-gradient(155deg,#0c1625,#08101b);overflow:hidden}.engine-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-58px;top:-58px;background:#5474ff0e}.engine-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.engine-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #345675;border-radius:12px;background:linear-gradient(135deg,#102d43,#2c2558);font-weight:900}.engine-state{padding:5px 7px;border:1px solid #2c3e54;border-radius:999px;font-size:8px}.engine-state.running{border-color:#295744;color:#8be9c8;background:#0d1d18}.engine-state.attention{border-color:#604e28;color:#ebca81;background:#1a160c}.engine-state.missing{color:#71839a}.engine-card h3{margin:12px 0 5px;font-size:14px}.engine-card p{min-height:44px;margin:0;color:#72869f;font-size:8.5px;line-height:1.7}.engine-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.engine-meta span{padding:4px 6px;border:1px solid #22364d;border-radius:999px;color:#71869f;font-size:7.5px}.engine-actions{position:absolute;bottom:13px;left:13px;right:13px;display:flex;gap:5px;flex-wrap:wrap}.engine-btn{border:1px solid #2d4159;border-radius:9px;background:#0a1420;color:#aab9ca;padding:7px 8px;font-size:8px;cursor:pointer}.engine-btn.primaryish{border-color:#376e8c;color:#c8f4ff;background:#11283a}.protocol-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-bottom:10px}.capability-grid-v11{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.capability-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid #23364c;border-radius:11px;background:#09131f}.capability-card>div{display:grid;gap:2px}.capability-card b{font-size:9px}.capability-card span{font-size:7px;color:#6d819a}.capability-card em{font-style:normal;font-size:7px;color:#61758f}.capability-card.ready em{color:#7de8c3}.capability-card.missing{opacity:.55}.engine-inbounds{display:grid;gap:6px;max-height:280px;overflow:auto}.engine-inbound{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid #203149;border-radius:10px;background:#09121f}.engine-inbound>div{display:grid;gap:2px}.engine-inbound b{font-size:9px}.engine-inbound span{font-size:7px;color:#6e829b}.protocol-policy-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.protocol-policy-mini>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid #203149;border-radius:10px;background:#09121f}.protocol-policy-mini>div>div{display:grid;gap:2px}.protocol-policy-mini b{font-size:9px}.protocol-policy-mini span,.protocol-policy-mini strong{font-size:7px}
@media(max-width:1450px){.engine-grid{grid-template-columns:repeat(3,1fr)}.capability-grid-v11{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.engine-grid{grid-template-columns:repeat(2,1fr)}.protocol-detail-grid{grid-template-columns:1fr}.protocol-policy-mini{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.protocol-command{grid-template-columns:1fr}.protocol-readiness{width:100%}.engine-grid,.capability-grid-v11,.protocol-policy-mini{grid-template-columns:1fr}}


/* v0.12 QR/Share Center */
.icon-action.shareish{border-color:#4557a7;background:linear-gradient(135deg,#152949,#32265d);color:#d9d4ff}
.share-modal{width:min(920px,96vw);background:radial-gradient(circle at 10% 0,#2a78a525,transparent 32%),radial-gradient(circle at 95% 0,#674fff1e,transparent 30%),#08111d}
.share-layout{display:grid;grid-template-columns:250px 1fr;gap:18px;align-items:start}.share-qr-wrap{display:grid;place-items:center;gap:8px;padding:14px;border:1px solid #2c4561;border-radius:18px;background:#0b1624}.share-qr{width:220px;max-width:100%;aspect-ratio:1/1;background:#fff;padding:10px;border-radius:15px}.share-qr.small{width:150px}.share-qr-wrap span{font-size:8px;letter-spacing:1.2px;color:#8397b0}.share-copy{display:grid;gap:10px}.share-copy p{margin:0;color:#8fa2bb;font-size:10px;line-height:1.8}.share-copy label{color:#8da0b8;font-size:9px}.share-copy textarea,.share-subscription textarea{width:100%;min-height:105px;margin-top:6px;padding:11px;border:1px solid #2c4058;border-radius:11px;background:#050b13;color:#b9efff;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;resize:vertical}.share-subscription{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px;padding:13px;border:1px solid #2d3d58;border-radius:14px;background:#0a1421}.share-subscription>div:first-child{display:grid;gap:3px}.share-subscription b{font-size:10px}.share-subscription span{font-size:8px;color:#71859e}.share-subscription textarea,.share-subscription .toolbar{grid-column:1/-1}

/* v0.12 Settings Center */
.settings-shell-v2{display:grid;grid-template-columns:205px minmax(0,1fr);gap:12px;align-items:start}.settings-nav-v2{position:sticky;top:94px;display:grid;gap:5px;padding:12px;border:1px solid #20334b;border-radius:17px;background:linear-gradient(180deg,#0b1523,#080f19);box-shadow:0 18px 55px #0004}.settings-nav-title{display:grid;gap:2px;padding:7px 8px 12px;border-bottom:1px solid #1c2b3f;margin-bottom:4px}.settings-nav-title b{font-size:14px}.settings-nav-title span{font-size:8px;letter-spacing:1px;color:#657a94}.settings-nav-v2 button{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8799af;text-align:start;cursor:pointer}.settings-nav-v2 button i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #273a52;border-radius:8px;background:#09121e;font-style:normal}.settings-nav-v2 button span{font-size:9px}.settings-nav-v2 button:hover{border-color:#283f59;color:#c9d7e7}.settings-nav-v2 button.active{border-color:#31617e;background:linear-gradient(90deg,#10283a,#121b31);color:#d7f6ff;box-shadow:inset 3px 0 0 #42d5ff}.settings-content-v2{display:grid;gap:10px;min-width:0}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border:1px solid #21364f;border-radius:17px;background:radial-gradient(circle at 93% 0,#6553ff18,transparent 35%),linear-gradient(135deg,#0c1725,#09111c)}.settings-section-head h2{margin:4px 0;font-size:20px}.settings-section-head p{margin:0;color:#7f92aa;font-size:9px;line-height:1.7}.settings-version{padding:7px 9px;border:1px solid #2c425d;border-radius:999px;color:#8fdcf4;font-size:9px}.settings-card-v2{padding:16px;border:1px solid #20324a;border-radius:16px;background:linear-gradient(180deg,#0b1421,#08101a);box-shadow:0 14px 45px #0003}.settings-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.settings-card-title>div{display:grid;gap:3px}.settings-card-title b{font-size:12px}.settings-card-title span{font-size:8px;color:#6e8199}.settings-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-form-grid.two{grid-template-columns:1fr 1fr}.settings-form-grid label{font-size:8px;color:#8294ac}.settings-form-grid input,.settings-form-grid select{width:100%;margin-top:5px;padding:10px;border:1px solid #293c54;border-radius:10px;background:#070e17;color:#e4edf7;outline:none}.settings-form-grid input:focus,.settings-form-grid select:focus{border-color:#3fb7da;box-shadow:0 0 0 3px #35d6ff10}.settings-form-grid small{display:block;margin-top:4px;color:#61758e}.settings-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #18263a}.settings-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.settings-shortcuts button{display:grid;gap:4px;padding:12px;border:1px solid #22364e;border-radius:12px;background:#09131f;color:#d1dfed;text-align:start;cursor:pointer}.settings-shortcuts button:hover{border-color:#38617f;transform:translateY(-1px)}.settings-shortcuts b{font-size:10px}.settings-shortcuts span{font-size:8px;color:#6f829a;line-height:1.5}.domain-health-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.domain-health-v2>div{padding:11px;border:1px solid #22364e;border-radius:11px;background:#09131f}.domain-health-v2 span{display:block;color:#647991;font-size:7px;text-transform:uppercase;letter-spacing:.8px}.domain-health-v2 b{display:block;margin-top:4px;font-size:9px;word-break:break-word}.warn-text{color:#e8c375}.settings-inline-note{display:grid;align-content:center;padding:10px;border:1px solid #263a51;border-radius:11px;background:#09131e}.settings-inline-note b{font-size:14px}.settings-inline-note span{font-size:8px;color:#72859e}.security-feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #22364d;border-radius:12px;background:#09131f}.security-feature-row>div{display:grid;gap:3px}.security-feature-row b{font-size:10px}.security-feature-row span{font-size:8px;color:#71859e}
@media(max-width:1100px){.settings-form-grid{grid-template-columns:1fr 1fr}.settings-shortcuts,.domain-health-v2{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.settings-shell-v2{grid-template-columns:1fr}.settings-nav-v2{position:static;display:flex;overflow:auto}.settings-nav-title{display:none}.settings-nav-v2 button{min-width:max-content;grid-template-columns:25px auto}.settings-content-v2{min-width:0}.share-layout{grid-template-columns:1fr}.share-qr-wrap{width:min(280px,100%);margin:auto}.settings-form-grid,.settings-form-grid.two{grid-template-columns:1fr}}
@media(max-width:520px){.settings-shortcuts,.domain-health-v2{grid-template-columns:1fr}.settings-section-head{align-items:flex-start;flex-direction:column}.security-feature-row{align-items:flex-start;flex-direction:column}}


/* v0.12 client QR portal */
.client-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.client-qr-card{display:grid;place-items:center;text-align:center;gap:5px;padding:13px;border:1px solid #263b55;border-radius:15px;background:#09131f}.client-qr-card img{width:min(210px,90%);background:#fff;padding:9px;border-radius:14px}.client-qr-card b{font-size:10px;margin-top:3px}.client-qr-card span{font-size:8px;color:#73869f;line-height:1.6}
@media(max-width:580px){.client-qr-grid{grid-template-columns:1fr}}


/* v0.12 Share Center / Settings V2 completion */
.xray-share-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.xray-share-details>div{min-width:0;padding:10px 11px;border:1px solid #253b55;border-radius:12px;background:#09131f}
.xray-share-details span{display:block;color:#6f839d;font-size:7px;text-transform:uppercase;letter-spacing:.7px}
.xray-share-details b{display:block;margin-top:4px;color:#d8e7f5;font-size:9px;word-break:break-word}
.share-advanced{display:grid;grid-template-columns:auto 90px 1fr;gap:7px 10px;align-items:center;margin-top:10px;padding:12px;border:1px solid #3a3159;border-radius:13px;background:#100f20}
.share-advanced>b{grid-row:1/3;align-self:start;color:#b9a8ff;font-size:9px;letter-spacing:1px}
.share-advanced span{color:#7e759b;font-size:8px}
.share-advanced code{min-width:0;overflow-wrap:anywhere;color:#d5caff;font-size:8px;direction:ltr;text-align:left}
.client-share-box{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin:15px 0;padding:13px;border:1px solid #253a53;border-radius:14px;background:#08111d}
.client-share-box label{min-width:0;color:#778aa2;font-size:9px}
.client-share-box textarea{width:100%;min-height:80px;margin-top:6px;padding:10px;border:1px solid #273c55;border-radius:10px;background:#050b13;color:#bdefff;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;resize:vertical}
.recovery-list{display:grid;gap:7px;margin-top:12px}
.recovery-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #21354d;border-radius:10px;background:#09131f}
.recovery-list b{font-size:9px;word-break:break-word}.recovery-list span{color:#71859e;font-size:8px;white-space:nowrap}
html[dir="ltr"] .settings-nav-v2 button.active{box-shadow:inset 3px 0 0 #42d5ff}
html[dir="rtl"] .settings-nav-v2 button.active{box-shadow:inset -3px 0 0 #42d5ff}
@media(max-width:1100px){.xray-share-details{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.xray-share-details{grid-template-columns:repeat(2,minmax(0,1fr))}.share-advanced{grid-template-columns:1fr}.share-advanced>b{grid-row:auto}.client-share-box{grid-template-columns:1fr}}
@media(max-width:460px){.xray-share-details{grid-template-columns:1fr}.share-modal{width:98vw}.share-subscription{grid-template-columns:1fr}.share-subscription .share-qr.small{margin:auto}}


/* v0.13.1 Xray diagnostics + client education */
.guide-page{place-items:start center}.guide-shell{width:min(980px,100%);display:grid;gap:14px}
.guide-hero p{color:#92a5bd;line-height:1.9}
.guide-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.guide-nav a{padding:9px 12px;border:1px solid #2b425e;border-radius:10px;background:#091522;color:#ccecff;text-decoration:none;font-size:10px}
.guide-nav a:hover{border-color:#4bcdf1;background:#0d1d2c}
.guide-section{scroll-margin-top:20px}
.guide-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.guide-section-head h2{margin:2px 0 0;font-size:23px}
.guide-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #376181;border-radius:13px;background:linear-gradient(135deg,#10314a,#292151);font-size:18px;font-weight:900;color:#b9efff}
.guide-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-method-grid article{padding:14px;border:1px solid #21354e;border-radius:14px;background:#08121f}
.guide-method-grid article>b{display:block;margin-bottom:8px;color:#e5f4ff;font-size:12px}
.guide-method-grid ol{margin:0;padding-inline-start:20px;color:#a5b4c8;font-size:10px;line-height:1.95}
.guide-method-grid p{margin:0;color:#a5b4c8;font-size:10px;line-height:1.85}
.guide-method-grid code,.guide-section code{direction:ltr;display:inline-block;padding:1px 5px;border:1px solid #28415b;border-radius:6px;background:#050b13;color:#9fe7ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.guide-actions{margin-top:10px}
.guide-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.guide-admin-card{padding:17px;border:1px solid #22364f;border-radius:17px;background:linear-gradient(150deg,#0c1726,#08111c)}
.guide-admin-head{display:flex;align-items:center;gap:10px}.guide-admin-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid #31506f;background:#10233a;font-weight:900}
.guide-admin-head div{display:grid}.guide-admin-head b{font-size:13px}.guide-admin-head small{color:#71859f;font-size:8px}
.guide-admin-card p{min-height:38px;color:#92a5bd;font-size:10px;line-height:1.8}
.guide-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.guide-flow>div{padding:13px;border:1px solid #21354c;border-radius:13px;background:#08121e}.guide-flow b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#13314a;color:#9feaff}.guide-flow span{display:block;margin-top:8px;color:#9aacbf;font-size:9px;line-height:1.75}
.xray-diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.xray-diagnostic-grid>div{padding:12px;border:1px solid #233750;border-radius:12px;background:#08121e}.xray-diagnostic-grid span{display:block;color:#71849e;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.xray-diagnostic-grid b{display:block;margin-top:5px;font-size:11px;word-break:break-word}.xray-diagnostic-grid em{display:block;margin-top:4px;color:#778aa3;font-size:8px;font-style:normal}
.diagnostic-hints{display:grid;gap:6px;margin:10px 0}.diagnostic-hint{padding:9px 11px;border:1px solid #5a492a;border-radius:10px;background:#18140b;color:#f2d694;font-size:9px;line-height:1.65}
.journal-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 5px}.journal-head b{font-size:10px}.journal-head span{color:#71839a;font-size:8px}.journal-box{max-height:260px;overflow:auto;margin:0;padding:12px;border:1px solid #253b54;border-radius:12px;background:#03070d;color:#a7bdd4;font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word}
.danger-note{border-color:#63313a!important;background:#1c0d12!important}
.warnish{border-color:#6d5427!important;color:#f6d58d!important}
@media(max-width:900px){.guide-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.xray-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.guide-method-grid,.guide-admin-grid,.guide-flow,.xray-diagnostic-grid{grid-template-columns:1fr}.guide-admin-card p{min-height:0}}


/* v0.14 Glass Aurora shell ------------------------------------------------- */
body[data-theme="glass"]{
  --glass-bg:rgba(5,19,38,.58);
  --glass-bg-strong:rgba(5,16,32,.76);
  --glass-line:rgba(118,205,255,.28);
  --glass-line-hot:rgba(75,216,255,.68);
  --glass-text:#edf8ff;
  --glass-muted:#91a9c3;
  --glass-cyan:#46dcff;
  --glass-blue:#5c8dff;
  --glass-violet:#9b6cff;
  --glass-green:#39e6b0;
  --glass-amber:#ffbf68;
  min-height:100vh;
  background:
    radial-gradient(ellipse at 18% 12%,rgba(41,160,255,.34),transparent 32%),
    radial-gradient(ellipse at 82% 14%,rgba(131,72,255,.28),transparent 30%),
    radial-gradient(ellipse at 50% 105%,rgba(255,142,68,.22),transparent 27%),
    linear-gradient(155deg,#041126 0%,#071b34 42%,#0c1631 68%,#050b18 100%);
  color:var(--glass-text);
  background-attachment:fixed;
}
body[data-theme="glass"]::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:
    linear-gradient(135deg,transparent 0 48%,rgba(84,145,203,.10) 49% 50%,transparent 51%),
    linear-gradient(25deg,transparent 0 56%,rgba(110,83,182,.12) 57% 58%,transparent 59%);
  filter:blur(1px);
}
body[data-theme="glass"]::after{
  content:"";position:fixed;left:0;right:0;bottom:-5vh;height:42vh;pointer-events:none;z-index:-1;
  background:
    radial-gradient(ellipse at 20% 100%,rgba(21,62,94,.82),transparent 53%),
    radial-gradient(ellipse at 47% 100%,rgba(18,45,76,.88),transparent 58%),
    radial-gradient(ellipse at 78% 100%,rgba(42,32,75,.78),transparent 55%);
  clip-path:polygon(0 57%,12% 39%,24% 55%,35% 27%,47% 51%,61% 33%,71% 52%,84% 22%,100% 49%,100% 100%,0 100%);
  filter:blur(6px);
}
body[data-theme="glass"] .noise{opacity:.16;mix-blend-mode:soft-light}
body[data-theme="glass"] .ambient{filter:blur(90px);opacity:.28}

body[data-theme="glass"] .sidebar{
  top:12px;right:12px;bottom:12px;width:270px;padding:15px 13px;
  border:1px solid rgba(81,198,255,.34);border-radius:23px;
  background:linear-gradient(180deg,rgba(7,25,48,.78),rgba(4,14,29,.70));
  backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);
  box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08),0 0 36px rgba(58,151,255,.10)
}
body[data-theme="glass"] .brand{padding:9px 9px 13px}
body[data-theme="glass"] .brand-mark{
  width:46px;height:46px;border-radius:15px;
  color:#07172c;background:linear-gradient(135deg,#52e9ff,#76a5ff 52%,#b377ff);
  box-shadow:0 0 30px rgba(87,208,255,.32)
}
body[data-theme="glass"] .brand-copy strong{letter-spacing:3px;font-size:16px}
body[data-theme="glass"] .brand-copy span{color:#6fdcff;letter-spacing:1.8px}
body[data-theme="glass"] .node-card,
body[data-theme="glass"] .sidebar-create{
  border-color:rgba(91,193,255,.28);
  background:linear-gradient(135deg,rgba(13,47,78,.58),rgba(41,37,89,.42));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)
}
body[data-theme="glass"] .sidebar-create{
  background:linear-gradient(110deg,rgba(20,121,176,.55),rgba(88,58,194,.52));
  border-color:rgba(75,213,255,.52);box-shadow:0 0 24px rgba(61,185,255,.12)
}
body[data-theme="glass"] .sidebar nav button{
  margin:3px 0;border-radius:12px;color:#aac1d8
}
body[data-theme="glass"] .sidebar nav button:hover{
  background:rgba(38,101,150,.24);color:#e9f8ff;border-color:rgba(73,194,255,.25)
}
body[data-theme="glass"] .sidebar nav button.active{
  color:#fff;background:linear-gradient(90deg,rgba(19,106,157,.66),rgba(57,49,126,.52));
  border-color:rgba(79,215,255,.58);box-shadow:inset 3px 0 0 #43e0ff,0 0 24px rgba(55,174,255,.18)
}
body[data-theme="glass"] .workspace{margin-right:294px;padding:12px 16px 42px}
body[data-theme="glass"] .topbar{
  position:sticky;top:12px;z-index:35;margin-bottom:14px;padding:11px 14px;border:1px solid rgba(95,191,247,.24);
  border-radius:17px;background:linear-gradient(90deg,rgba(6,21,40,.70),rgba(23,29,66,.48));
  backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);
  box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)
}
body[data-theme="glass"] .environment-chip,
body[data-theme="glass"] .command-trigger,
body[data-theme="glass"] .live-chip,
body[data-theme="glass"] .icon-btn{
  background:rgba(6,24,44,.50);border-color:rgba(96,189,242,.26);
  backdrop-filter:blur(14px)
}
body[data-theme="glass"] .live-chip{border-color:rgba(56,226,174,.36);color:#66f1c1}
body[data-theme="glass"] #content{max-width:1720px;margin:0 auto}

body[data-theme="glass"] .panel,
body[data-theme="glass"] .view-intro,
body[data-theme="glass"] .access-command,
body[data-theme="glass"] .protocol-command,
body[data-theme="glass"] .settings-section-head,
body[data-theme="glass"] .settings-card-v2,
body[data-theme="glass"] .settings-nav-v2,
body[data-theme="glass"] .modal{
  border-color:var(--glass-line);
  background:
    linear-gradient(145deg,rgba(12,44,73,.57),rgba(14,22,48,.52)),
    rgba(8,19,35,.50);
  backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);
  box-shadow:0 22px 62px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07)
}
body[data-theme="glass"] .panel:hover{border-color:rgba(96,205,255,.38)}
body[data-theme="glass"] input,
body[data-theme="glass"] select,
body[data-theme="glass"] textarea{
  background:rgba(2,12,25,.58)!important;border-color:rgba(97,177,226,.28)!important;color:#eaf8ff!important;
  backdrop-filter:blur(10px)
}
body[data-theme="glass"] button.primary{
  color:#061426;border-color:rgba(94,226,255,.68);
  background:linear-gradient(100deg,#47dfff,#628bff 58%,#936aff);
  box-shadow:0 8px 25px rgba(67,191,255,.22)
}
body[data-theme="glass"] button.ghost,
body[data-theme="glass"] .ghost.link-btn,
body[data-theme="glass"] button.soft{
  border-color:rgba(100,184,234,.30);background:rgba(8,30,52,.46);color:#d8edfb
}
body[data-theme="glass"] button.danger{background:rgba(94,20,39,.48);border-color:rgba(255,91,124,.42)}
body[data-theme="glass"] .status-chip.ok{background:rgba(14,92,68,.38);border-color:rgba(55,233,173,.36);color:#72f1c4}
body[data-theme="glass"] .status-chip.bad{background:rgba(101,20,42,.36);border-color:rgba(255,83,118,.42);color:#ff9caf}

/* dashboard composition matching the selected concept */
.glass-status-hero{
  display:grid;grid-template-columns:135px minmax(0,1fr) auto;gap:20px;align-items:center;
  padding:18px 22px;margin-bottom:14px;border:1px solid rgba(85,206,255,.42);border-radius:22px;
  background:linear-gradient(115deg,rgba(16,68,108,.58),rgba(34,29,83,.46));
  backdrop-filter:blur(28px) saturate(150%);box-shadow:0 18px 56px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)
}
.glass-status-score{display:grid;place-items:center;padding:11px;border:1px solid rgba(93,210,255,.45);border-radius:17px;background:rgba(4,25,46,.50)}
.glass-status-score b{font-size:31px;line-height:1}.glass-status-score span{margin-top:4px;font-size:8px;letter-spacing:1.8px;color:#68dfff}
.glass-status-copy h2{margin:5px 0;font-size:25px}.glass-status-copy p{margin:0;color:#91a9c3;font-size:10px}
.glass-status-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.glass-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.glass-summary-grid article{
  display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:15px;
  border:1px solid rgba(95,189,241,.26);border-radius:17px;
  background:linear-gradient(135deg,rgba(11,43,72,.55),rgba(30,28,69,.43));
  backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}
.glass-summary-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#1688d7,#426ef0);box-shadow:0 0 22px rgba(56,156,255,.20);font-weight:900}
.glass-summary-icon.green{background:linear-gradient(135deg,#0d9f85,#38d2aa)}.glass-summary-icon.violet{background:linear-gradient(135deg,#6a43d9,#b260ef)}.glass-summary-icon.amber{background:linear-gradient(135deg,#b16e21,#f0ae4c)}
.glass-summary-grid small{display:block;color:#8aa5c0;font-size:8px}.glass-summary-grid b{display:block;margin:3px 0;font-size:18px}.glass-summary-grid em{font-style:normal;color:#64dbb7;font-size:8px}

.glass-main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.78fr);gap:12px;margin-bottom:12px}
.glass-services-panel,.glass-resource-panel{min-height:360px}
.glass-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.glass-service-card{
  display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:5px 9px;align-items:center;text-align:start;
  padding:12px;border:1px solid rgba(99,183,232,.24);border-radius:14px;background:rgba(7,25,44,.44);color:#edf8ff;cursor:pointer
}
.glass-service-card:hover{transform:translateY(-1px);border-color:rgba(81,215,255,.48);background:rgba(10,38,65,.58)}
.service-glyph{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(93,194,255,.38);border-radius:11px;background:linear-gradient(135deg,rgba(24,111,166,.7),rgba(75,49,137,.66));font-weight:900}
.glass-service-card div{min-width:0}.glass-service-card b{display:block;font-size:10px}.glass-service-card small{display:block;color:#7994af;font-size:7px;overflow:hidden;text-overflow:ellipsis}
.glass-service-card em{grid-column:2;font-style:normal;font-size:7px}.glass-service-card em.running{color:#54e5b4}.glass-service-card em.attention{color:#ff879b}

.glass-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 18px}
.glass-ring{--ring:0;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;padding:8px;background:conic-gradient(#49ddff calc(var(--ring)*1%),rgba(104,150,190,.15) 0);box-shadow:0 0 25px rgba(62,191,255,.13)}
.glass-ring.violet{background:conic-gradient(#a774ff calc(var(--ring)*1%),rgba(115,94,171,.15) 0)}.glass-ring.green{background:conic-gradient(#3ce3b1 calc(var(--ring)*1%),rgba(69,148,127,.15) 0)}
.glass-ring>div{display:grid;place-items:center;width:78%;aspect-ratio:1;border-radius:50%;background:rgba(5,20,37,.92);box-shadow:inset 0 0 20px rgba(0,0,0,.3)}
.glass-ring b{font-size:14px}.glass-ring span{font-size:7px;color:#8aa2bb}
.glass-network-head{display:flex;align-items:center;justify-content:space-between;margin:5px 0 0;color:#8ca5bd;font-size:9px}.glass-network-head b{color:#5adfff}
body[data-theme="glass"] .history-chart{height:145px}
.glass-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.glass-access-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.glass-access-strip>div{padding:13px;border:1px solid rgba(97,183,235,.22);border-radius:12px;background:rgba(5,24,44,.42);text-align:center}.glass-access-strip b{display:block;font-size:19px}.glass-access-strip span{display:block;color:#829db7;font-size:8px;margin-top:4px}

.domain-resolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.domain-resolution-grid>div{padding:11px;border:1px solid rgba(91,182,235,.25);border-radius:11px;background:rgba(5,22,40,.52)}.domain-resolution-grid span{display:block;color:#7994ae;font-size:8px;margin-bottom:5px}.domain-resolution-grid code{display:block;color:#9fe9ff;font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;word-break:break-all}

body[data-theme="glass"] .settings-nav-v2,
body[data-theme="glass"] .settings-card-v2,
body[data-theme="glass"] .access-profile,
body[data-theme="glass"] .launch-card,
body[data-theme="glass"] .engine-card,
body[data-theme="glass"] .guide-admin-card{
  background:linear-gradient(145deg,rgba(9,37,63,.55),rgba(18,22,49,.46));
  border-color:rgba(94,183,236,.24);backdrop-filter:blur(20px)
}
body[data-theme="glass"] .settings-nav-v2 button.active{background:linear-gradient(90deg,rgba(13,103,154,.54),rgba(77,50,153,.44));border-color:rgba(67,215,255,.47)}
body[data-theme="glass"] .modal-backdrop{background:rgba(1,7,16,.62);backdrop-filter:blur(9px)}

@media(max-width:1250px){
  .glass-summary-grid{grid-template-columns:repeat(2,1fr)}
  .glass-main-grid{grid-template-columns:1fr}
  .glass-service-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .glass-status-hero{grid-template-columns:95px 1fr}.glass-status-actions{grid-column:1/-1;justify-content:flex-start}
  .glass-service-grid{grid-template-columns:repeat(2,1fr)}
  .glass-secondary-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  body[data-theme="glass"] .sidebar{width:74px;right:8px;top:8px;bottom:8px}
  body[data-theme="glass"] .workspace{margin-right:92px;padding:8px 8px 30px}
  body[data-theme="glass"] .topbar{top:8px}
}
@media(max-width:560px){
  .glass-summary-grid,.glass-service-grid,.glass-access-strip,.glass-rings,.domain-resolution-grid{grid-template-columns:1fr}
  .glass-status-hero{grid-template-columns:1fr}.glass-status-score{width:100px}.glass-status-copy h2{font-size:20px}
  .glass-ring{max-width:120px;margin:auto;width:100%}
}
html[dir="ltr"] body[data-theme="glass"] .sidebar{left:12px;right:auto}
html[dir="ltr"] body[data-theme="glass"] .workspace{margin-left:294px;margin-right:0}
@media(max-width:780px){html[dir="ltr"] body[data-theme="glass"] .sidebar{left:8px;right:auto}html[dir="ltr"] body[data-theme="glass"] .workspace{margin-left:92px;margin-right:0}}

body[data-theme="glass"].login-body{
  background:
    radial-gradient(circle at 20% 18%,rgba(48,166,255,.32),transparent 27%),
    radial-gradient(circle at 80% 20%,rgba(135,78,255,.30),transparent 29%),
    linear-gradient(150deg,#041126,#091a34 54%,#090d20);
}
body[data-theme="glass"] .login-card{
  border-color:rgba(89,201,255,.38);
  background:linear-gradient(145deg,rgba(10,42,70,.60),rgba(20,22,54,.56));
  backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%);
  box-shadow:0 35px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09),0 0 60px rgba(64,164,255,.12)
}
body[data-theme="glass"] .login-card input{background:rgba(1,14,29,.58)!important;border-color:rgba(103,192,244,.30)!important}
body[data-theme="glass"] .primary-btn{background:linear-gradient(105deg,#48e2ff,#648cff 57%,#a56dff);box-shadow:0 12px 34px rgba(64,174,255,.28)}