:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f9fb;--surface:#fff;--surface-soft:#f2f6f8;--ink:#172026;--muted:#66747e;--line:#dce4e8;--line-strong:#c8d3d8;--teal:#00857b;--teal-dark:#006960;--teal-soft:#e6f5f3;--amber:#b7791f;--amber-soft:#fff4dd;--red:#c2413c;--red-soft:#fdeceb;--green:#16835b;--blue-soft:#eef4ff;--shadow:0 18px 50px #17202614;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;gap:24px;padding:20px 14px;display:flex}.brand{height:40px;color:var(--ink);align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:700;display:flex}.brand-mark{background:var(--teal);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.nav-list{gap:4px;display:grid}.nav-item{width:100%;min-height:38px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.nav-item.active,.nav-item:hover{border-color:var(--line);background:var(--surface);color:var(--teal-dark)}.sidebar-footer{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:auto;padding:12px}.sidebar-footer strong{margin-top:4px;font-size:18px;display:block}.workspace{min-width:0;padding:22px 24px 28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:25px;font-weight:760;line-height:1.1}.topbar p{max-width:720px;color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.mode-select{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:650;display:flex;position:relative}.mode-select select{appearance:none;max-width:190px;color:var(--ink);background:0 0;border:0;outline:0;padding-right:16px;font-size:13px;font-weight:700}.mode-select svg{color:var(--muted);pointer-events:none;position:absolute;right:8px}.primary-button,.ghost-button,.approval-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:13px;font-weight:750;display:inline-flex}.primary-button{background:var(--teal);color:#fff;padding:0 14px;box-shadow:0 10px 22px #00857b38}.primary-button:hover{background:var(--teal-dark)}.dashboard-grid{grid-template-columns:minmax(360px,1.1fr) minmax(300px,.9fr) minmax(260px,.7fr);grid-template-areas:"risk workflow context""tests tests approval""tests tests evidence""tests tests proofs""tests tests casper";gap:14px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.risk-panel{grid-area:risk;padding:18px}.context-panel{grid-area:context;padding:16px}.workflow-panel{grid-area:workflow;padding:16px}.tests-panel{grid-area:tests;overflow:hidden}.approval-panel{grid-area:approval;padding:16px}.evidence-panel{grid-area:evidence;padding:16px}.proof-panel{grid-area:proofs;padding:16px}.casper-panel{grid-area:casper;padding:16px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-header.compact{margin-bottom:12px}.panel-header h2{letter-spacing:0;margin:3px 0 0;font-size:16px;font-weight:760;line-height:1.25}.tiny-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:760;display:block}.status-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:12px;font-weight:760;display:inline-flex}.status-chip.warning{background:var(--amber-soft);color:var(--amber);border:1px solid #f2d391}.risk-body{grid-template-columns:152px 1fr;align-items:center;gap:18px;display:grid}.risk-meter{--risk:71%;background:radial-gradient(circle at center, white 0 56%, transparent 57%), conic-gradient(var(--red) 0 var(--risk), #e9eff2 0 100%);border-radius:50%;place-items:center;width:152px;height:152px;display:grid}.risk-meter span{margin-top:4px;font-size:38px;font-weight:800;line-height:1}.risk-meter small{color:var(--muted);text-transform:uppercase;margin-top:-36px;font-size:11px;font-weight:700}.risk-metrics{gap:10px;display:grid}.risk-metrics div,.context-list div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:10px 12px;display:flex}.risk-metrics strong{font-size:22px;line-height:1}.risk-metrics span,.context-list span{color:var(--muted);font-size:12px;font-weight:650}.context-list{gap:10px;display:grid}.context-list div{flex-direction:column;align-items:flex-start;gap:4px}.context-list strong{color:var(--ink);font-size:13px;line-height:1.25}.timeline{gap:11px;display:grid;position:relative}.timeline:before{background:var(--line-strong);content:"";width:1px;position:absolute;top:14px;bottom:18px;left:13px}.timeline-row{grid-template-columns:28px 1fr;gap:10px;display:grid;position:relative}.timeline-dot{z-index:1;border:1px solid var(--line-strong);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.timeline-row.complete .timeline-dot{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.timeline-row.active .timeline-dot{background:var(--amber-soft);color:var(--amber);border-color:#f0c164}.timeline-row strong{font-size:13px;line-height:1.25;display:block}.timeline-row span{color:var(--teal-dark);margin-top:2px;font-size:12px;font-weight:700;display:block}.timeline-row p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.35}.tests-panel .panel-header{border-bottom:1px solid var(--line);margin:0;padding:16px 16px 12px}.ghost-button{border-color:var(--line);color:var(--teal-dark);background:#fff;padding:0 11px}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}th{color:var(--muted);text-transform:uppercase;background:#fbfcfd;font-size:11px;font-weight:780}td{color:#26343b;font-size:12px;line-height:1.35}td:first-child{width:82px;color:var(--teal-dark);font-weight:760}td:nth-child(2){width:220px}td:nth-child(3){width:90px}td:nth-child(5){width:108px;color:var(--ink);font-weight:700}td strong,td span{display:block}td span{color:var(--muted);margin-top:3px}.risk-tag{text-transform:uppercase;border-radius:999px;justify-content:center;min-width:58px;padding:4px 7px;font-size:11px;font-weight:780;display:inline-flex}.risk-tag.high{background:var(--red-soft);color:var(--red)}.risk-tag.medium{background:var(--amber-soft);color:var(--amber)}.risk-tag.low{background:var(--teal-soft);color:var(--teal-dark)}.approval-panel p{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.5}.approval-button{background:var(--amber);color:#fff;width:100%;padding:0 12px}.approval-button.approved{background:var(--green)}.evidence-panel ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.evidence-panel li{color:#314049;grid-template-columns:28px 1fr;gap:8px;font-size:12px;line-height:1.4;display:grid}.evidence-panel li span{color:var(--teal-dark);font-weight:800}.proof-list{gap:8px;display:grid}.proof-list a{border:1px solid var(--line);background:var(--surface-soft);min-width:0;color:inherit;border-radius:8px;gap:3px;padding:10px;text-decoration:none;display:grid}.proof-list a:hover{border-color:var(--line-strong);background:var(--teal-soft)}.proof-list a span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:760}.proof-list a strong{color:var(--teal-dark);font-size:13px}.proof-list a p{color:#314049;margin:0;font-size:12px;line-height:1.35}.receipt-list{gap:8px;margin:0;display:grid}.receipt-list div{border:1px solid var(--line);background:var(--blue-soft);border-radius:8px;min-width:0;padding:9px 10px}.receipt-list dt{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:760}.receipt-list dd{overflow-wrap:anywhere;color:#1d2d3a;margin:0;font-size:12px;font-weight:700;line-height:1.35}.receipt-list a{color:var(--teal-dark);text-decoration:none}.receipt-list a:hover{text-decoration:underline}@media (width<=1100px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.brand span,.nav-item span,.sidebar-footer{display:none}.brand{justify-content:center;padding:0}.nav-item{justify-content:center}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);grid-template-areas:"risk context""workflow approval""tests tests""evidence evidence""proofs proofs""casper casper"}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:auto 1fr;padding:10px;display:grid}.nav-list{display:flex;overflow-x:auto}.nav-item{flex:0 0 42px;width:42px}.workspace{padding:16px}.topbar,.topbar-actions{flex-direction:column;align-items:stretch}.topbar h1{font-size:22px}.mode-select,.primary-button{width:100%}.mode-select select{flex:1;max-width:none}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"risk""context""workflow""approval""tests""evidence""proofs""casper"}.risk-body{grid-template-columns:1fr}table{min-width:760px}.tests-panel{overflow-x:auto}}