:root{--bg:#05070a;--fg:#d7f7df;--muted:#d7f7dfb8;--line:#d7f7df1f;--accent:#3dff77;--accent2:#00c2ff;--danger:#ff4d4d;--shadow:#0000008c;--radius:16px;--font:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);image-rendering:pixelated;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{z-index:2;max-width:1160px;margin:0 auto;padding:22px 16px 90px;position:relative}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 55px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070aad}.cardHover{transition:transform .12s,border-color .12s,box-shadow .12s}.cardHover:hover{border-color:#3dff7773;transform:translateY(-2px);box-shadow:0 22px 70px #000000a6}.btn{border:1px solid var(--line);color:var(--fg);cursor:pointer;font-family:var(--font);letter-spacing:.2px;background:#05070aa6;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:transform .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:hover{border-color:#3dff7799;transform:translateY(-1px);box-shadow:0 10px 30px #0000008c}.btnPrimary{background:linear-gradient(#3dff771f,#05070a8c);border-color:#3dff778c}.btnGhost{background:#00c2ff0f;border-color:#00c2ff59}.input,textarea{border:1px solid var(--line);width:100%;color:var(--fg);font-family:var(--font);background:#05070a8c;border-radius:12px;outline:none;padding:10px 12px}textarea{resize:vertical;min-height:260px}.badge{border:1px solid var(--line);background:#05070a8c;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.badgeOk{border-color:#3dff778c}.badgeFail{border-color:#ff4d4d8c}.badgeDraft{border-color:#00c2ff73}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.col4{grid-column:span 4}.col6{grid-column:span 6}.col8{grid-column:span 8}.col12{grid-column:span 12}@media (max-width:980px){.col4,.col6,.col8{grid-column:span 12}}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#05070aeb,#05070a59);border-bottom:1px solid #d7f7df14;margin-bottom:14px;padding:10px 0;position:sticky;top:0}.topbarInner{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brandMark{border:1px solid #3dff7799;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 0 2px #3dff7714}.brandTitle{letter-spacing:.9px;text-transform:uppercase;font-size:13px}.brandSub{color:var(--muted);font-size:11px}.hero{padding:18px;position:relative;overflow:hidden}.heroGlow{filter:blur(10px);pointer-events:none;background:radial-gradient(circle at 15% 30%,#3dff772e,#0000 55%),radial-gradient(circle at 85% 60%,#00c2ff24,#0000 55%);position:absolute;inset:-40px}.heroTitle{letter-spacing:.6px;font-size:28px}.heroText{color:var(--muted);max-width:860px;margin-top:10px;line-height:1.5}.heroActions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.kpiRow{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.kpi{background:#0000002e;border:1px solid #d7f7df1a;border-radius:14px;padding:10px 12px}.kpiLabel{color:var(--muted);font-size:11px}.kpiValue{margin-top:6px;font-size:13px}.hr{background:#d7f7df1a;height:1px;margin:12px 0}.prose h2{margin:18px 0 8px;font-size:16px}.prose p{color:var(--muted);margin:8px 0;line-height:1.6}.codeblock{white-space:pre;background:#00000059;border:1px solid #d7f7df1a;border-radius:14px;margin-top:10px;padding:12px;font-size:12px;overflow-x:auto}
