:root { color-scheme: dark; --ink: #edf4ff; --muted: #9caac1; --line: #2a4968; --panel: #111b2d; --cyan: #32bfff; --gold: #d8ad45; --green: #20c879; --red: #e75a5a; }
* { box-sizing: border-box; } body { min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--ink); background: #081423 radial-gradient(circle at 50% 110%, #06303a 0, transparent 45%), repeating-linear-gradient(115deg, transparent 0 100px, #1d475638 101px 102px, transparent 103px 205px); font: 15px/1.35 Inter, ui-sans-serif, system-ui, sans-serif; }
.topbar { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 28px; border-bottom: 1px solid #24445f; background: #0b1627e8; }.brand { display: flex; align-items: center; gap: 10px; color: #a8c7ec; text-decoration: none; font-size: 22px; }.brand strong { color: #97bde7; letter-spacing: .05em; }.brand > span:last-child { padding-left: 10px; border-left: 1px solid #537298; font-size: 18px; font-weight: 400; }.brand-mark { color: #b3d5ef; font-size: 34px; line-height: 1; }.topbar-actions { display:flex; align-items:center; gap:10px; }.about-author-button { padding:8px 12px; border:1px solid #4d7193; border-radius:6px; color:#c6ecff; background:#10283d; font-size:12px; font-weight:700; text-decoration:none; }.about-author-button:hover,.about-author-button:focus-visible { border-color:#65cdf9; background:#1b3b55; color:#fff; }.connectivity { padding: 8px 12px; border: 1px solid #35506e; border-radius: 6px; background: #172438; font-size: 12px; color: #b9c8da; }.connectivity i { display:inline-block; width:9px; height:9px; margin-left:7px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }.login-page { display:grid; min-height:100vh; grid-template-rows:1fr auto; background:#071321 radial-gradient(circle at 85% 5%,#16415c55,transparent 30%),radial-gradient(circle at 10% 95%,#6d52251c,transparent 35%); }.login-shell { width:min(1120px,calc(100% - 36px)); margin:auto; }.login-project-header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:30px 0 24px; }.login-security-label { border:1px solid #355c79; border-radius:999px; padding:7px 11px; color:#a8d8f1; font-size:12px; font-weight:700; }.login-layout { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr); overflow:hidden; border:1px solid #31526e; border-radius:14px; background:#0e1a2b; box-shadow:0 24px 60px #0008; }.author-panel { display:grid; align-content:center; gap:22px; padding:44px 38px; background:linear-gradient(160deg,#142b42,#0b1728); border-right:1px solid #31526e; }.author-photo { width:124px; aspect-ratio:1; object-fit:cover; object-position:center 20%; border:3px solid #70cdf6; border-radius:50%; box-shadow:0 0 0 6px #75d4f317; }.author-panel h2 { margin:0; color:#f1f7ff; font-size:26px; }.author-panel p:not(.eyebrow),.login-card > p:not(.eyebrow) { color:#aabed1; line-height:1.6; }.author-contacts { display:grid; gap:9px; margin-top:22px; font-style:normal; }.author-contacts a,.login-footer a { color:#78d2ff; font-weight:700; text-decoration:none; }.author-contacts a:hover,.author-contacts a:focus-visible,.login-footer a:hover,.login-footer a:focus-visible { color:#d2f3ff; text-decoration:underline; }.login-card { display:grid; align-content:center; gap:10px; padding:54px 48px; background:linear-gradient(145deg,#15263a,#101b2c); }.login-card h1 { max-width:570px; margin:0; font-size:clamp(2rem,4vw,3.2rem); line-height:1.05; }.login-card form { margin-top:18px; }.login-submit { width:100%; }.login-note { margin:12px 0 0; font-size:12px; }.login-footer { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; padding:18px; border-top:1px solid #24445f; color:#a9bdcf; font-size:13px; background:#0a1524e8; }
.dashboard { width: min(1600px, calc(100% - 36px)); min-height: calc(100vh - 122px); margin: 16px auto; }.landing { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 32px; max-width: 1060px; }.workflow-intro h1 { max-width: 600px; margin: 0 0 14px; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.02; }.workflow-intro > p:not(.eyebrow) { color: var(--muted); font-size: 17px; }.eyebrow { margin: 0 0 8px; color: #68cef9; letter-spacing: .12em; font-size: 11px; font-weight: 800; }.panel { min-width: 0; overflow: hidden; border: 1px solid #31526e; border-radius: 6px; background: linear-gradient(145deg, #17283d 0%, #101a2a 100%); box-shadow: inset 0 1px #ffffff10, 0 14px 40px #0006; }.panel-title { display:flex; justify-content:space-between; gap:10px; padding:11px 14px; border-bottom:1px solid #31526e; background:#1a2b41; color:#f1f4fa; font-size:17px; }.panel-title small { color:#9dcdf3; font-size:12px; }.session-panel form { display:grid; gap:13px; padding:18px 14px 14px; } label { display:grid; gap:6px; color:#e7eef9; font-size:14px; } input, textarea { width:100%; border:1px solid #3b5570; border-radius:5px; outline:0; background:#101c2e; color:var(--ink); padding:9px 10px; font:inherit; resize:vertical; } input:focus,textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 2px #23bfff22; }.worktree-label { color:#a6bfd7; }.worktree-label input[readonly] { cursor:default; background:#0b1421; color:#8da3b8; border-color:#2b435b; }.field-note { margin:0; color:#8497ae; font-size:12px; }.field-note code { color:#b7d8ef; }.primary-button,.approve,.refine { border:1px solid #e4bf58; border-radius:6px; padding:10px 14px; background:linear-gradient(90deg,#245e93,#a37a27); color:#f7f1d3; text-transform:uppercase; font:700 14px inherit; cursor:pointer; box-shadow:inset 0 1px #ffffff38; }.primary-button span { font-size:18px; }.statusbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:10px 28px; border-top:1px solid #24445f; color:#b7c8d7; background:#0a1524e8; font-size:12px; }.footer-status,.footer-actions { display:flex; align-items:center; gap:18px; }.copyright { white-space:nowrap; }.copyright a { color:#72cfff; font-weight:700; text-decoration:none; }.copyright a:hover,.copyright a:focus-visible { color:#bcecff; text-decoration:underline; }.logout-button { padding:6px 11px; border:1px solid #466681; border-radius:5px; color:#e5f3ff; background:#17283d; text-decoration:none; }.logout-button:hover,.logout-button:focus-visible { border-color:#66c9f4; background:#203750; }
.delivery-options { display:grid; gap:8px; margin:2px 0 0; padding:12px; border:1px solid #36536d; border-radius:6px; }.delivery-options legend { padding:0 6px; color:#82c8ec; font-size:12px; text-transform:uppercase; }.delivery-option { display:grid; grid-template-columns:18px 1fr; align-items:start; gap:9px; padding:9px; border:1px solid #2b455e; border-radius:5px; background:#0d1929; cursor:pointer; }.delivery-option:has(input:checked) { border-color:#36bdf5; background:#10283a; }.delivery-option:has(input:disabled) { cursor:not-allowed; opacity:.48; }.delivery-option input { width:16px; height:16px; margin-top:2px; accent-color:#28b8f4; }.delivery-option span { display:grid; gap:2px; }.delivery-option small { color:#91a6bd; line-height:1.4; }
.run-dashboard { display:grid; grid-template-columns: 1fr 1fr 1.2fr; gap:14px; }.active-session { display:flex; flex-direction:column; }.session-detail { display:grid; gap:0; margin:0; }.session-detail div { padding:13px 14px; border-bottom:1px solid #274058; }.session-detail dt { margin-bottom:4px; color:#82c8ec; font-size:12px; text-transform:uppercase; }.session-detail dd { margin:0; overflow-wrap:anywhere; color:#e4edf8; }.new-run { margin: auto 14px 14px; padding:9px; border:1px solid #41617d; border-radius:4px; color:#bde8ff; text-align:center; text-decoration:none; }.trace-panel { display:grid; grid-template-rows:auto 1fr; max-height: calc(100vh - 128px); }.events { display:block; overflow:auto; margin:0; padding:0 8px; list-style:none; }.events li { display:grid; grid-template-columns:42px 1fr; gap:9px; padding:12px 7px; border-bottom:1px solid #294054; }.trace-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid #4079a2; border-radius:50%; color:#64caff; background:#163650; font-size:17px; }.trace-verification .trace-icon { color:#f4c963; border-color:#986f2a; background:#493917; }.trace-verified .trace-icon,.trace-review .trace-icon,.trace-published .trace-icon { color:#4ce6a1; border-color:#278767; background:#103f36; }.trace-error .trace-icon,.trace-feedback .trace-icon { color:#ff9b9b; border-color:#9a4949; background:#421d27; }.events time { display:block; color:#7e90a7; font-size:10px; }.events b { display:block; margin:2px 0; color:#72cfff; font-size:12px; text-transform:uppercase; }.events p { margin:0; color:#edf2fa; }.gateway-title { padding:11px 14px; border:1px solid #c5a242; border-width:0 0 1px; background:#473915; color:#f4edda; font-size:17px; }.gateway-title span { color:#ffdc70; }.tabs { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #31526e; }.tab { border:0; border-bottom:3px solid transparent; padding:10px; background:#19283b; color:#aac0d8; text-transform:uppercase; cursor:pointer; }.tab.active { color:#61c9ff; border-bottom-color:#27baf6; }.tab-panel { display:none; }.tab-panel.active { display:block; }.code-meta { display:flex; justify-content:space-between; gap:10px; padding:8px 12px; background:#223147; color:#dbe8f4; font-size:12px; }.diff,.logs { max-height:330px; min-height:250px; overflow:auto; margin:0; padding:10px 12px; background:#0b1320; color:#d9e5f5; font:12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; white-space:pre; }.diff span { display:block; min-width:max-content; }.diff .add { color:#d5fae2; background:#174d34; }.diff .remove { color:#ffd8d8; background:#5a2027; }.diff .context { color:#b9c6d6; }.decision-form { display:grid; gap:10px; padding:12px; border-top:1px solid #31526e; }.actions { display:flex; gap:9px; }.approve { flex:1; border-color:#2ccf80; background:linear-gradient(90deg,#098747,#1db86d); color:#effff5; }.refine { border-color:#6e7f91; background:linear-gradient(#657080,#434c59); color:#fff; }.decision-note { margin:0; padding:16px; color:#c7d8e8; }.decision-note a { color:#56cbff; }.review-panel { display:flex; flex-direction:column; }
.provider-note { color:#f2cf75; font-size:12px; }
.outcome { margin:0; padding:13px 14px; border-top:1px solid #31526e; color:#c7d8e8; background:#102238; }.outcome strong { color:#7ed6ff; }.outcome p { margin:6px 0 0; }
.tabs { grid-template-columns:repeat(3,1fr); }.remediation-report { display:grid; max-height:330px; min-height:250px; overflow:auto; margin:0; background:#0b1320; }.remediation-report div { display:grid; grid-template-columns:minmax(125px,.36fr) 1fr; gap:12px; padding:10px 12px; border-bottom:1px solid #24374d; }.remediation-report dt { color:#72cfff; text-transform:capitalize; }.remediation-report dd { margin:0; overflow-wrap:anywhere; color:#d9e5f5; white-space:pre-wrap; }.actions { align-items:center; }.refine,.reject { border-radius:6px; padding:10px 14px; color:#fff; text-transform:uppercase; font:700 13px inherit; cursor:pointer; }.reject { border:1px solid #a95757; background:#5e2730; }.artifact-actions { display:flex; gap:9px; padding:12px 14px; border-top:1px solid #31526e; }.artifact-actions a { flex:1; padding:9px 12px; border:1px solid #3f718f; border-radius:5px; color:#bde8ff; text-align:center; text-decoration:none; background:#142a3e; }.artifact-actions .open-pr { border-color:#36a66f; color:#c9ffe1; }
@media (max-width:1100px) { .run-dashboard { grid-template-columns:1fr 1fr; }.review-panel { grid-column:1 / -1; }.trace-panel { max-height:520px; } } @media (max-width:720px) { .topbar { height:auto; align-items:flex-start; padding:14px; }.brand { font-size:18px; }.brand > span:last-child { display:none; }.topbar-actions { align-items:flex-end; flex-direction:column; }.about-author-button,.connectivity { font-size:10px; }.dashboard { width:min(100% - 20px,1600px); }.landing,.run-dashboard { grid-template-columns:1fr; }.review-panel { grid-column:auto; }.statusbar,.footer-status,.footer-actions { align-items:flex-start; flex-wrap:wrap; }.statusbar { padding:10px; }.footer-status,.footer-actions { gap:10px; }.copyright { white-space:normal; }.actions { flex-direction:column; }.login-shell { width:min(100% - 24px,1120px); }.login-project-header { align-items:flex-start; padding:20px 0; }.login-layout { grid-template-columns:1fr; }.author-panel { grid-template-columns:100px 1fr; align-items:center; gap:20px; padding:28px; border-right:0; border-bottom:1px solid #31526e; }.author-photo { width:100px; }.author-panel p:not(.eyebrow) { display:none; }.author-contacts { margin-top:14px; }.login-card { padding:34px 28px; }.login-security-label { font-size:10px; } }