:root {
  --bg: #07101d;
  --bg-soft: #0c1727;
  --panel: rgba(15, 28, 46, .92);
  --panel-2: #14243a;
  --line: rgba(151, 177, 207, .18);
  --text: #eef5ff;
  --muted: #9db0c9;
  --brand: #65d5c1;
  --brand-2: #76a8ff;
  --good: #4dd4a8;
  --warn: #ffcb69;
  --bad: #ff7c8d;
  --info: #78b6ff;
  --shadow: 0 20px 60px rgba(0,0,0,.28);
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: radial-gradient(circle at 15% -10%, #17304b 0, transparent 35%), var(--bg); color: var(--text); }
body { min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.shell { display: grid; grid-template-columns: 268px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; height: 100vh; border-right: 1px solid var(--line); background: rgba(6, 14, 25, .88); backdrop-filter: blur(18px); padding: 22px 16px; overflow: auto; }
.brand { display:flex; gap:12px; align-items:center; padding: 6px 8px 22px; }
.brand-mark { width: 40px; height: 40px; border-radius: 13px; display:grid; place-items:center; font-weight:800; color:#05101b; background: linear-gradient(135deg, var(--brand), var(--brand-2)); box-shadow: 0 10px 25px rgba(101,213,193,.2); }
.brand strong { display:block; letter-spacing:.02em; }
.brand small { color: var(--muted); }
.nav-group { margin: 14px 0 6px; padding: 0 10px; color: #69829f; font-size: .68rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; }
.nav-item { width:100%; border:0; background:transparent; color:var(--muted); border-radius:12px; padding:10px 12px; display:flex; gap:11px; align-items:center; margin:2px 0; text-align:left; transition:.16s ease; }
.nav-item:hover { color:var(--text); background:rgba(118,168,255,.08); }
.nav-item.active { color:#fff; background:linear-gradient(90deg, rgba(101,213,193,.18), rgba(118,168,255,.12)); box-shadow: inset 3px 0 var(--brand); }
.nav-icon { width:22px; text-align:center; }
.main { min-width:0; }
.topbar { position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:14px; min-height:72px; padding: 14px 28px; border-bottom:1px solid var(--line); background:rgba(7,16,29,.8); backdrop-filter:blur(16px); }
.topbar h1 { font-size:1.08rem; margin:0; flex:1; }
.top-actions { display:flex; align-items:center; gap:10px; }
.content { padding: 28px; max-width: 1600px; margin:auto; }
.page-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin:0 0 24px; }
.page-head h2 { margin:0 0 5px; font-size:clamp(1.65rem, 2.8vw, 2.35rem); letter-spacing:-.035em; }
.page-head p { margin:0; color:var(--muted); max-width:760px; }
.grid { display:grid; gap:16px; }
.grid.cards { grid-template-columns:repeat(6, minmax(140px,1fr)); }
.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.card { border:1px solid var(--line); background:linear-gradient(145deg, rgba(19,35,57,.93), rgba(11,24,41,.93)); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow); overflow:hidden; }
.metric { min-height:126px; position:relative; }
.metric::after { content:""; position:absolute; width:90px; height:90px; right:-35px; top:-35px; border-radius:50%; background:radial-gradient(circle, rgba(101,213,193,.16), transparent 68%); }
.metric-label { color:var(--muted); font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; }
.metric-value { font-size:2rem; font-weight:760; margin-top:12px; letter-spacing:-.04em; }
.metric-note { color:var(--muted); font-size:.78rem; margin-top:5px; }
.card h3 { margin:0 0 14px; font-size:1rem; }
.toolbar { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.btn { border:1px solid var(--line); border-radius:11px; padding:9px 13px; background:#15263d; color:var(--text); font-weight:650; transition:.15s ease; }
.btn:hover { transform:translateY(-1px); border-color:rgba(101,213,193,.45); }
.btn.primary { color:#05121a; border:0; background:linear-gradient(135deg,var(--brand),#8ce0ff); }
.btn.danger { background:rgba(255,124,141,.1); color:#ffadba; border-color:rgba(255,124,141,.3); }
.btn.ghost { background:transparent; }
.btn.small { font-size:.78rem; padding:6px 9px; }
.pill { display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:999px; font-size:.72rem; font-weight:750; background:rgba(157,176,201,.1); color:var(--muted); white-space:nowrap; }
.pill.good { background:rgba(77,212,168,.12); color:#83eccb; }
.pill.warn { background:rgba(255,203,105,.12); color:#ffdc91; }
.pill.bad { background:rgba(255,124,141,.12); color:#ff9dad; }
.pill.info { background:rgba(120,182,255,.12); color:#a9d1ff; }
.dot { width:7px; height:7px; border-radius:50%; background:currentColor; }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:14px; }
table { width:100%; border-collapse:collapse; min-width:720px; }
th,td { text-align:left; padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:middle; }
th { font-size:.69rem; text-transform:uppercase; letter-spacing:.09em; color:#7991ac; background:rgba(5,14,25,.45); position:sticky; top:0; }
td { font-size:.86rem; }
tr:last-child td { border-bottom:0; }
tr:hover td { background:rgba(118,168,255,.035); }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.77rem; }
.muted { color:var(--muted); }
.empty { text-align:center; padding:48px 20px; color:var(--muted); }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.full { grid-column:1/-1; }
label { color:#c7d7e9; font-size:.79rem; font-weight:650; }
input,select,textarea { width:100%; color:var(--text); background:#0b192b; border:1px solid var(--line); border-radius:10px; padding:10px 12px; outline:none; }
input:focus,select:focus,textarea:focus { border-color:var(--brand-2); box-shadow:0 0 0 3px rgba(118,168,255,.12); }
textarea { min-height:120px; resize:vertical; }
.dialog-backdrop { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:24px; background:rgba(1,7,14,.75); backdrop-filter:blur(10px); }
.dialog { width:min(820px,100%); max-height:92vh; overflow:auto; background:#0d1b2c; border:1px solid rgba(151,177,207,.25); border-radius:22px; box-shadow:0 30px 100px rgba(0,0,0,.55); }
.dialog-head,.dialog-foot { display:flex; align-items:center; gap:12px; padding:18px 22px; border-bottom:1px solid var(--line); }
.dialog-head h3 { margin:0; flex:1; }
.dialog-body { padding:22px; }
.dialog-foot { border-bottom:0; border-top:1px solid var(--line); justify-content:flex-end; }
.steps { display:flex; gap:8px; margin-bottom:22px; }
.step { flex:1; padding:9px 12px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:.77rem; }
.step.active { color:var(--text); border-color:var(--brand); background:rgba(101,213,193,.08); }
.check-list { display:grid; gap:8px; }
.check { display:grid; grid-template-columns:22px 1fr auto; gap:10px; align-items:start; padding:11px 12px; border:1px solid var(--line); border-radius:11px; }
.check-icon { width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;background:rgba(157,176,201,.12); }
.check.pass .check-icon { background:rgba(77,212,168,.16); color:var(--good); }
.check.fail .check-icon { background:rgba(255,124,141,.16); color:var(--bad); }
.check.warning .check-icon { background:rgba(255,203,105,.16); color:var(--warn); }
.toast-stack { position:fixed; right:20px; bottom:20px; z-index:200; display:grid; gap:10px; }
.toast { max-width:420px; padding:13px 15px; border-radius:12px; background:#162840; border:1px solid var(--line); box-shadow:var(--shadow); }
.toast.bad { border-color:rgba(255,124,141,.4); }
.login { min-height:100vh; display:grid; place-items:center; padding:24px; }
.login-card { width:min(430px,100%); padding:34px; border:1px solid var(--line); border-radius:24px; background:rgba(13,27,44,.95); box-shadow:0 40px 120px rgba(0,0,0,.45); }
.login-card .brand { padding:0 0 28px; }
.login-card h1 { margin:0 0 8px; font-size:1.8rem; }
.login-card p { color:var(--muted); margin:0 0 24px; }
.login-card .field { margin:12px 0; }
.login-card .btn { width:100%; margin-top:10px; padding:12px; }
.assistant { display:grid; grid-template-rows:1fr auto; min-height:560px; }
.chat-log { display:flex; flex-direction:column; gap:14px; overflow:auto; max-height:60vh; padding-right:6px; }
.message { max-width:85%; padding:13px 15px; border-radius:15px; white-space:pre-wrap; line-height:1.55; }
.message.user { align-self:flex-end; background:linear-gradient(135deg,rgba(101,213,193,.2),rgba(118,168,255,.18)); }
.message.assistant { align-self:flex-start; background:#0b192b; border:1px solid var(--line); }
.chat-input { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:16px; }
.command { flex:1; max-width:520px; color:var(--muted); background:#0b192b; border:1px solid var(--line); border-radius:12px; padding:10px 13px; }
.progress { height:7px; border-radius:999px; overflow:hidden; background:#071321; }
.progress span { display:block; height:100%; background:linear-gradient(90deg,var(--brand),var(--brand-2)); }
.mobile-menu { display:none; }
pre { white-space:pre-wrap; word-break:break-word; background:#071321; padding:14px; border-radius:12px; border:1px solid var(--line); }
@media (max-width:1200px) { .grid.cards { grid-template-columns:repeat(3,1fr); } }
@media (max-width:900px) {
  .shell { grid-template-columns:1fr; }
  .sidebar { position:fixed; z-index:50; width:280px; transform:translateX(-105%); transition:.2s; }
  .sidebar.open { transform:none; }
  .mobile-menu { display:inline-flex; }
  .grid.two,.grid.three { grid-template-columns:1fr; }
  .content { padding:20px; }
  .topbar { padding:12px 18px; }
}
@media (max-width:600px) { .grid.cards { grid-template-columns:repeat(2,1fr); } .form-grid { grid-template-columns:1fr; } .field.full { grid-column:auto; } .page-head { align-items:flex-start; flex-direction:column; } }
.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;background:radial-gradient(circle at 50% 20%,rgba(64,125,255,.18),transparent 42%),var(--bg)}
.section-gap{margin-top:16px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.link-button{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.assistant-visible .main{margin-right:400px}.assistant-panel{position:fixed;right:0;top:0;bottom:0;width:400px;max-width:100vw;background:var(--panel);border-left:1px solid var(--border);z-index:60;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease;box-shadow:-24px 0 60px rgba(0,0,0,.25)}.assistant-panel.open{transform:none}.assistant-panel>header{height:70px;padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.assistant-panel header div{display:flex;flex-direction:column}.assistant-panel header small{color:var(--muted)}.assistant-controls{padding:12px 18px;border-bottom:1px solid var(--border)}.assistant-controls label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.assistant-messages{padding:18px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px}.assistant-intro{text-align:center;padding:40px 20px;color:var(--muted)}.assistant-intro h3{color:var(--text)}.assistant-orb{margin:auto;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#9d73ff);display:grid;place-items:center;color:white;font-size:24px}.message{padding:14px 16px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border)}.message.user{margin-left:34px;background:rgba(64,125,255,.14)}.message p{white-space:pre-wrap;margin:.45rem 0 0}.message details{margin-top:10px}.message pre{white-space:pre-wrap;font-size:11px}.assistant-compose{padding:16px;border-top:1px solid var(--border);display:grid;gap:10px}.assistant-compose textarea{resize:vertical}.assistant-trigger{border-color:rgba(157,115,255,.45);background:rgba(157,115,255,.1)}.steps.compact{padding:0;margin:0}.code-block{white-space:pre-wrap;overflow:auto;background:var(--panel-2);padding:18px;border-radius:12px;border:1px solid var(--border)}
@media(max-width:1180px){.assistant-visible .main{margin-right:0}.assistant-panel{width:min(420px,100vw)}}

/* Production RC2 workspace extensions */
:root{--border:var(--line);--accent:var(--brand-2);--accent-2:var(--brand)}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section-gap{margin-top:18px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.strong{font-weight:760}.truncate{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabs{display:flex;gap:4px;align-items:center;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{border:0;background:transparent;color:var(--muted);padding:12px 15px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--brand-2);background:linear-gradient(180deg,transparent,rgba(118,168,255,.08))}.tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;border-radius:999px;background:rgba(118,168,255,.15);font-size:.68rem}.admin-tabs{margin-bottom:16px}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-head h3{margin:0 0 4px}.card-head p,.knowledge-search p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.table-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.table-toolbar>select{width:auto;min-width:170px}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:230px;border:1px solid var(--line);background:#0b192b;border-radius:11px;padding:0 10px}.search-box:focus-within{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(118,168,255,.12)}.search-box input{border:0;background:transparent;box-shadow:none;padding-left:0}.search-box input:focus{box-shadow:none}.micro-badge{display:inline-flex;align-items:center;margin-left:7px;padding:2px 6px;border-radius:6px;color:#b6d4ff;background:rgba(118,168,255,.13);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;margin-bottom:12px}.breadcrumbs button{border:0;background:none;padding:0;color:var(--brand-2)}
.mini-state{min-height:92px;display:flex;flex-direction:column;gap:10px;justify-content:center}.mini-state small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.dns-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dns-value{display:block;max-width:420px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;word-break:break-word}.record-type{display:inline-grid;place-items:center;min-width:48px;padding:4px 7px;border-radius:7px;background:rgba(118,168,255,.14);color:#b9d7ff;font-size:.69rem;font-weight:850}.type-a,.type-aaaa{background:rgba(77,212,168,.13);color:#83eccb}.type-txt{background:rgba(255,203,105,.13);color:#ffdc91}.type-mx,.type-cname{background:rgba(157,115,255,.15);color:#d2b9ff}.record-preview,.compact-code{margin:0;font-size:.73rem;max-height:240px;overflow:auto}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.provider-option{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid var(--line);background:#0b192b;color:var(--text);border-radius:12px;padding:14px;text-align:left}.provider-option small{color:var(--muted)}.provider-option.selected{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(118,168,255,.1)}.checkbox-field{justify-content:flex-end}.checkbox-field label{display:flex;align-items:center;gap:8px;min-height:42px}.checkbox-field input{width:auto}.callout{border:1px solid var(--line);border-left-width:4px;border-radius:11px;padding:13px 15px;background:rgba(118,168,255,.06);font-size:.84rem;line-height:1.5}.callout p{margin:.4rem 0 0}.callout.info{border-left-color:var(--info)}.callout.success{border-left-color:var(--good);background:rgba(77,212,168,.07)}.callout.warning{border-left-color:var(--warn);background:rgba(255,203,105,.06)}.callout.danger{border-left-color:var(--bad);background:rgba(255,124,141,.06)}
.integration-picker{display:grid;grid-template-columns:auto minmax(240px,430px) auto;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(13,27,44,.72)}.integration-picker label{color:var(--muted)}.progress-label{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:8px;align-items:center}.progress-label small{color:var(--muted)}.timeline{display:grid;gap:10px}.timeline-row{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(5,14,25,.25)}.timeline-row p{margin:.3rem 0;color:var(--muted)}details summary{cursor:pointer;color:#bdd5f2;font-weight:650}.stat-list{display:grid;gap:10px}.stat-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.stat-list>div:last-child{border-bottom:0}.stat-list span{color:var(--muted)}.knowledge-search{display:grid;grid-template-columns:1fr minmax(320px,600px);gap:24px;align-items:center}.knowledge-search .search-box{display:grid;grid-template-columns:1fr auto}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.search-results article{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,14,25,.28)}.search-results article p{color:var(--muted);font-size:.82rem;line-height:1.5}.search-results article small{color:#7894b3}.large-editor{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}
.tenant-title{min-width:150px}.tenant-title h1{margin:0!important}.tenant-title small{color:var(--muted);font-size:.7rem}.global-command{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:560px;min-width:260px;background:#0b192b;color:var(--muted);text-align:left}.global-command kbd,.palette-footer kbd{border:1px solid var(--line);border-bottom-color:rgba(151,177,207,.4);border-radius:5px;background:#15263d;color:#c9d8e9;padding:2px 5px;font-size:.63rem}.palette-search{display:flex;align-items:center;gap:10px;border:1px solid var(--brand-2);border-radius:12px;padding:0 12px;background:#071321;box-shadow:0 0 0 4px rgba(118,168,255,.09)}.palette-search input{border:0;background:transparent;box-shadow:none;font-size:1rem}.palette-results{display:grid;gap:5px;margin-top:14px;max-height:55vh;overflow:auto}.palette-results button{display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;border-radius:10px;padding:11px 12px;background:transparent;color:var(--text);text-align:left}.palette-results button:hover{border-color:var(--line);background:rgba(118,168,255,.08)}.palette-results small{color:var(--muted)}.palette-footer{margin-top:15px;color:var(--muted);font-size:.72rem;text-align:center}.sidebar-footer{display:flex;align-items:center;gap:8px;margin:22px 8px 0;padding:13px;border-top:1px solid var(--line);color:#c6d7ea;font-size:.76rem;flex-wrap:wrap}.sidebar-footer small{width:100%;color:var(--muted);padding-left:15px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.online{background:var(--good);box-shadow:0 0 12px rgba(77,212,168,.5)}
.sso-options{display:grid;gap:10px;margin-bottom:18px}.login-card .btn.sso{margin:0;background:#14243a;color:var(--text)}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.7rem;margin:4px 0}.divider::before,.divider::after{content:"";height:1px;background:var(--line);flex:1}.login-note{display:block;color:var(--muted);text-align:center;margin-top:18px;line-height:1.5}.check-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0}.check-row p{margin:.3rem 0 0;color:var(--muted)}
@media(max-width:1350px){.global-command{display:none}.grid.four,.dns-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.knowledge-search{grid-template-columns:1fr}}
@media(max-width:900px){.top-actions select,.top-actions .pill{display:none}.integration-picker{grid-template-columns:1fr}.provider-grid,.search-results{grid-template-columns:1fr}.admin-tabs{max-width:100%}}
@media(max-width:600px){.grid.four,.dns-metrics{grid-template-columns:1fr!important}.card-head{flex-direction:column}.topbar{padding:10px 14px}.topbar .assistant-trigger{font-size:0}.topbar .assistant-trigger::after{content:"✦";font-size:1rem}.content{padding:16px}.dialog-backdrop{padding:8px}.dialog{border-radius:16px}.steps{display:grid;grid-template-columns:repeat(2,1fr)}}
.settings-grid{display:grid;gap:10px}.runtime-setting{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.8fr);gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.runtime-setting:last-child{border-bottom:0}.runtime-setting .row-actions{justify-content:flex-end}.runtime-setting input,.runtime-setting select{min-width:220px}@media(max-width:900px){.runtime-setting{grid-template-columns:1fr}.runtime-setting .row-actions{justify-content:flex-start;flex-wrap:wrap}}