:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f6bff}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fbf9;background:#14231d;padding:24px 18px}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand span{color:#aac1b4;font-size:.9rem;display:block}.brand-mark{background:#7dd88a;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;color:#102019!important}nav{gap:8px;display:grid}.nav-item{color:#dbe8df;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.nav-item svg,.session-pill svg,.status svg,.actions svg{flex:none;width:18px;height:18px}.nav-item:hover,.nav-item.active{color:#fff;background:#244238;border-color:#4f806d}.content{gap:22px;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar h1{margin:4px 0 0;font-size:clamp(1.75rem,2.5vw,2.6rem);line-height:1.1}.eyebrow,.muted,.help,.subline{color:#5f6d65}.eyebrow{letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.session-pill{background:#fff;border:1px solid #c8d7cf;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 12px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel,.metric{background:#fff;border:1px solid #ccd8d1;border-radius:8px;box-shadow:0 10px 24px #17201b0f}.panel{gap:18px;padding:22px;display:grid}.panel h2{margin:0;font-size:1.2rem}.panel p{margin:0}.metric{gap:8px;min-height:150px;padding:18px;display:grid}.metric span{color:#64736b;font-size:.88rem}.metric strong{font-size:1.35rem}.metric p{color:#4f5d55;margin:0;line-height:1.45}.metric.good{border-left:4px solid #1d9a5a}.metric.warn{border-left:4px solid #c88719}.metric.bad{border-left:4px solid #c73d3d}.metric.neutral{border-left:4px solid #4e8a92}.button-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;display:inline-flex}.primary{color:#fff;background:#1d6d4d;border:1px solid #1d6d4d}.secondary{color:#17201b;background:#fff;border:1px solid #b7c7bf}.secondary:disabled{color:#66736b;cursor:not-allowed;opacity:.8}.status{border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.status p{margin:4px 0 0;line-height:1.5}.status.good{color:#0b5e34;background:#e6f6ec}.status.warn{color:#7a4a00;background:#fff5df}.status.bad{color:#8a1f1f;background:#fdeaea}.status.neutral{color:#255f66;background:#e9f3f4}.config-row{background:#f7faf8;border:1px solid #dce7e1;border-radius:8px;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:8px;padding:14px;display:grid}code{color:#22513c;white-space:normal;word-break:break-word;background:#edf4f0;border-radius:6px;padding:4px 6px}.form{gap:12px;display:grid}.field{color:#334139;gap:7px;font-weight:700;display:grid}.field.short{max-width:220px}input,select{background:#fff;border:1px solid #aebfb6;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e0e8e4;padding:12px}th{color:#536258;text-transform:uppercase;font-size:.85rem}.subline{overflow-wrap:anywhere;margin-top:4px;font-size:.82rem;display:block}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border:1px solid #d9e4de;border-radius:8px;gap:6px;padding:14px;display:grid}.timeline span{color:#637269;font-size:.86rem}.loading{justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.spin{animation:.9s linear infinite spin}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=840px){.shell{grid-template-columns:1fr}.sidebar{padding:16px}nav{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.content{padding:18px}.topbar,.config-row{grid-template-columns:1fr;align-items:stretch}.topbar{display:grid}}