:root{--bg:#08111f;--panel:#0d1829;--panel-soft:#13243b;--line:rgba(255,255,255,.08);--line-strong:rgba(139,213,255,.26);--text:#eef3fb;--muted:#a5b2c6;--accent:#8bd5ff;--accent-strong:#6ad2b8;--radius:20px;--shadow:0 24px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1100px 780px at 12% -4%,#163154 0%,#08111f 62%) fixed;color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.site-header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(8,17,31,.92),rgba(8,17,31,.72));backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{width:min(1180px,94vw);margin:0 auto;padding:16px 0;display:flex;align-items:center;gap:16px}
.brand{font-weight:900;letter-spacing:.03em}
.topnav{display:flex;gap:10px;margin-left:auto}
.topnav a{color:#d9e6f8;text-decoration:none;padding:10px 14px;border-radius:999px;border:1px solid transparent}
.topnav a.active,.topnav a:hover{border-color:var(--line-strong);background:rgba(255,255,255,.04)}
.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);white-space:nowrap}
.layout,.legal-shell{width:min(1180px,94vw);margin:22px auto 34px}
.panel{background:linear-gradient(180deg,var(--panel-soft),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.hero-panel{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}
.grid-two{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;margin-top:18px}
.eyebrow{margin:0 0 10px;color:#8bc9ff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1,h2{margin:0 0 10px}
.muted{color:var(--muted)}
.small{font-size:13px}
.link-row,.inline-actions,.tab-row,.actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mini-link{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dce7f9;text-decoration:none}
.mini-link:hover{text-decoration:none;border-color:var(--line-strong)}
.section-stack{display:grid;gap:18px}
.stack-form label{display:block;margin:14px 0 7px;color:var(--muted);font-size:14px}
input,textarea,select{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:#091422;color:var(--text);font:inherit;outline:0}
input:focus,textarea:focus,select:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(139,213,255,.12)}
textarea{min-height:130px;resize:vertical}
.split-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.compact-row label{margin-top:0}
.btn,.exbtn{appearance:none;border:0;border-radius:14px;padding:11px 14px;font-weight:700;cursor:pointer;text-decoration:none}
.btn{background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--line)}
.exbtn{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#07111b;box-shadow:0 10px 24px rgba(106,210,184,.22)}
.tiny-btn{padding:8px 10px;font-size:13px}
.form-hint{margin:0 0 6px}
.checkbox-row{display:flex !important;gap:10px;align-items:flex-start;margin:14px 0 8px;color:var(--text)}
.checkbox-row input{width:auto;margin-top:3px}
.callout{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(139,213,255,.18);background:rgba(139,213,255,.06)}
.table-wrap{margin-top:16px;overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table th{color:#9bc7f2;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.empty{text-align:center;color:var(--muted)}
.side-panel{display:flex;flex-direction:column;gap:16px}
.safe-box{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.preview-panel{margin-top:18px}
.preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.preview-grid{display:grid;grid-template-columns:1fr;gap:12px}
.preview-surface{margin:0;padding:16px;border-radius:18px;border:1px solid var(--line);background:#091422;min-height:200px;overflow:auto;white-space:pre-wrap}
.rich-preview{white-space:normal}
.rich-preview a{color:#9fd9ff}
.tab-btn{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:9px 12px;border-radius:999px;cursor:pointer}
.tab-btn.active{border-color:var(--line-strong);background:rgba(139,213,255,.12)}
.hidden{display:none}
.request-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.request-list{display:grid;gap:12px}
.request-card{padding:15px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.request-card h3{margin:0 0 6px;font-size:16px}
.meta-line{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.queue-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.queue-sub{margin:5px 0 0}
.stage-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.timeline{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.timeline span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:13px}
.timeline span.complete{border-color:rgba(106,210,184,.35);color:#d6fff3}
.note-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-grid strong{display:block;margin-top:3px}
.live-grid{display:grid;grid-template-columns:1fr .95fr;gap:18px}
.feed{display:grid;gap:10px}
.feed-item{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.feed-item strong{display:block;margin-bottom:4px}
.legal-shell{max-width:760px}
.legal-panel h1{font-size:32px}
a{color:#dce7f9}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (max-width:980px){.grid-two,.request-shell,.live-grid,.split-row,.note-panels,.status-grid,.detail-grid{grid-template-columns:1fr}.hero-panel,.bar,.queue-header{align-items:flex-start;flex-wrap:wrap}.topnav{margin-left:0}}