@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f2e9;--surface:#fffdfa;--surface-soft:#fbf6ec;--text:#1f1a16;--muted:#756c61;--faint:#a29a8e;--line:#e4d9ca;--line-strong:#d4c4b1;--ink:#201915;--green:#277451;--amber:#b87211;--red:#b63a32;--blue:#315f9f;--shadow:0 18px 50px #34271814;--panel-radius:24px;--panel-pad:22px;--grid-gap:20px;--row-height:74px;--tile-height:156px;--content-max:1680px;--side-rail:clamp(360px, 24vw, 460px);--summary-rail:clamp(420px, 26vw, 520px);background:var(--background);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html{overflow-x:clip}body{min-width:1040px;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #315f9f3d}.center-shell{background:var(--background);place-items:center;min-height:100vh;display:grid}.login-shell{background:linear-gradient(115deg, #315f9f1f, transparent 42%), var(--background);grid-template-columns:minmax(0,1fr) minmax(380px,520px);align-items:center;gap:clamp(28px,6vw,92px);min-height:100vh;padding:clamp(24px,5vw,72px);display:grid}.login-context{gap:clamp(28px,5vw,58px);min-width:0;display:grid}.login-brand .brand-mark{background:var(--blue)}.login-copy{max-width:760px}.login-copy h1{letter-spacing:0;margin:8px 0 12px;font-size:clamp(42px,7vw,86px);line-height:.96}.login-copy p{max-width:560px;font-size:17px}.login-panel{min-width:0;box-shadow:var(--shadow);background:#fffdfaeb;border:1px solid #e4d9cae6;border-radius:22px;padding:clamp(22px,4vw,34px)}.login-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.login-panel-header svg{color:var(--green);flex:none}.login-panel-header h2{letter-spacing:0;margin:5px 0 6px;font-size:28px}.login-panel-header p{max-width:360px;font-size:14px}.auth-form{gap:14px;display:grid}.auth-field{gap:7px;display:grid}.auth-field span{color:var(--muted);font-size:12px;font-weight:700}.auth-field input{border:1px solid var(--line);background:var(--surface);width:100%;height:48px;color:var(--text);border-radius:14px;outline:none;padding:0 13px}.auth-field input:focus{border-color:var(--blue)}.auth-primary-actions{gap:8px;display:grid}.auth-account{background:var(--surface-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 10px 8px 12px;display:flex}.auth-account span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-weight:700;overflow:hidden}.auth-account button{color:var(--blue);cursor:pointer;background:0 0;border:0;flex:none;font-weight:700}.auth-error,.success-strip{border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:13px;display:flex}.auth-error{color:var(--red);background:#fae6df;margin-top:14px}.success-strip{color:var(--green);background:#e6f2eb}.auth-link{border:1px solid var(--ink);background:var(--ink);color:#fffdfa;border-radius:999px;justify-content:center;align-items:center;min-height:42px;font-weight:700;text-decoration:none;display:inline-flex}.auth-link.subtle{border-color:var(--line);color:var(--text);background:0 0}.totp-qr-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;justify-items:center;gap:10px;padding:14px;display:grid}.totp-qr-heading{width:100%;color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.totp-qr-heading svg{color:var(--green)}.totp-qr-code{aspect-ratio:1;width:min(100%,232px);color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px}.totp-qr-caption{color:var(--muted);font-size:12px;font-weight:700}.setup-key{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;gap:10px;padding:12px;display:grid}.setup-key summary{color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;list-style-position:inside}.setup-key strong{overflow-wrap:anywhere;letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:13px}.app-frame{background:radial-gradient(circle at 20% 0%, #ffffffc7, transparent 34rem), var(--background);grid-template-columns:276px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfab8;flex-direction:column;gap:24px;min-height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--ink);color:#fffdfa;border-radius:12px;place-items:center;width:38px;height:38px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:grid}.brand-block strong,.brand-block span,.side-nav strong,.side-nav small{display:block}.brand-block span,.side-nav small{color:var(--muted);font-size:12px}.side-nav{gap:6px;display:grid}.side-nav button{width:100%;min-width:0;min-height:52px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:11px;padding:10px;display:flex}.side-nav button>span{min-width:0}.side-nav strong,.side-nav small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-nav button.active{background:var(--ink);color:#fffdfa;box-shadow:0 10px 24px #2019152e}.side-nav button.active small{color:#fffdfaad}.side-nav button:disabled{opacity:.42;cursor:not-allowed}.sidebar-status{border-top:1px solid var(--line);color:var(--muted);gap:8px;margin-top:auto;padding-top:16px;font-size:12px;display:grid}.signed-in-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-action{border:1px solid var(--line);background:var(--surface);width:fit-content;height:30px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.status-line{color:var(--text);align-items:center;gap:8px;font-weight:700;display:inline-flex}.content-shell{width:min(var(--content-max), calc(100vw - 276px));max-width:100%;margin:0 auto;padding:28px 30px 48px}.content-topbar{justify-content:space-between;align-items:flex-start;gap:24px;min-height:92px;margin-bottom:18px;display:flex}.content-topbar h1{letter-spacing:-.045em;margin:2px 0 6px;font-size:clamp(30px,4vw,54px);line-height:.96}.content-topbar p{max-width:760px;color:var(--muted);font-size:15px}.eyebrow{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h2{letter-spacing:-.02em;font-size:20px}p{color:var(--muted)}.button{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.button.primary{background:var(--ink);border-color:var(--ink);color:#fffdfa}.button.wide{width:100%}.notice,.loading-panel{border:1px solid var(--line);background:var(--surface);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:9px;margin-bottom:16px;padding:10px 13px;display:inline-flex}.view-stack{gap:var(--grid-gap);display:grid}.summary-panel,.focus-panel,.clean-section{border-radius:var(--panel-radius);min-width:0;box-shadow:var(--shadow);background:#fffdfadb;border:1px solid #e4d9cad1}.summary-panel{grid-template-columns:minmax(0, 1fr) var(--summary-rail);align-items:end;gap:30px;min-height:240px;padding:28px;display:grid;overflow:hidden}.summary-panel h2{letter-spacing:-.06em;max-width:900px;margin:8px 0 10px;font-size:clamp(36px,5vw,72px);line-height:.92}.summary-panel p{max-width:680px;font-size:16px}.stat-strip{grid-auto-rows:minmax(72px,1fr);gap:10px;display:grid}.metric{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;min-height:72px;padding-top:12px;display:grid}.metric-icon{background:var(--surface-soft);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.metric span,.metric small,.info span{color:var(--muted);font-size:12px;display:block}.metric strong{margin-top:2px;font-size:24px;line-height:1;display:block}.rag-strip{gap:10px;max-width:640px;margin-top:22px;display:grid}.rag-count-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rag-count{border:1px solid var(--line);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:54px;padding:10px;display:grid}.rag-count span:not(.rag-dot){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.rag-count strong{font-size:24px;line-height:1}.rag-bar{background:#eee6da;border-radius:999px;height:11px;display:flex;overflow:hidden}.rag-segment{min-width:3px;height:100%}.rag-not-set{color:var(--muted);font-size:12px}.overview-layout,.group-layout,.detail-layout{grid-template-columns:minmax(0, 1fr) var(--side-rail);gap:var(--grid-gap);align-items:stretch;display:grid}.overview-layout>*,.group-layout>*,.detail-layout>*{min-width:0}.detail-layout{grid-template-columns:320px minmax(0,1fr);align-items:start}.clean-section{min-width:0;padding:var(--panel-pad);flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:flex-start;gap:18px;min-height:50px;margin-bottom:18px;display:flex}.section-header p{margin-top:4px;font-size:14px}.lens-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:stretch;gap:10px;display:grid}.lens-tile{min-height:var(--tile-height);border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:18px;grid-template-rows:auto 1fr;gap:12px;height:100%;padding:15px;display:grid}.lens-tile:hover,.quiet-row:hover,.group-row:hover,.project-row:hover{border-color:var(--line-strong);background:#fff9ef}.lens-tile strong,.lens-tile span,.quiet-row strong,.quiet-row small,.project-row strong,.project-row small{display:block}.lens-tile strong{font-size:18px}.lens-tile span{color:var(--muted);font-size:13px;line-height:1.36}.quiet-list,.project-list,.group-list{align-content:start;gap:8px;width:100%;min-width:0;display:grid}.quiet-row,.project-row,.group-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;width:100%;min-width:0;padding:12px}.quiet-row{min-height:var(--row-height);justify-content:space-between;align-items:center;gap:12px;display:flex;overflow:hidden}.quiet-row>span,.project-row>span:first-child{min-width:0;overflow:hidden}.quiet-row strong,.project-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiet-row small,.project-row small{color:var(--muted);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:11px}.lens-tabs{border:1px solid var(--line);background:#fffdfab8;border-radius:999px;flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;padding:4px;display:inline-flex}.lens-tabs button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 13px}.lens-tabs button.active{background:var(--ink);color:#fffdfa}.group-row{grid-template-columns:minmax(0,1fr) minmax(170px,.55fr) 118px;align-items:center;gap:18px;min-height:82px;display:grid}.group-row>div:first-child{min-width:0}.group-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.group-row>div:first-child>span{margin-top:4px;display:block}.group-row span,.row-meta{color:var(--muted);font-size:13px}.progress-wrap{background:#eee6da;border-radius:999px;height:8px;overflow:hidden}.progress-wrap span{border-radius:inherit;background:var(--ink);height:100%;display:block}.progress-wrap span.tone-red,.rag-segment.tone-red{background:var(--red)}.progress-wrap span.tone-amber,.rag-segment.tone-amber{background:var(--amber)}.progress-wrap span.tone-green,.rag-segment.tone-green{background:var(--green)}.progress-wrap span.tone-muted,.rag-segment.tone-muted{background:var(--faint)}.group-flags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.focus-panel{grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:22px;padding:28px;display:grid}.focus-panel>div:first-child{min-width:0}.focus-panel h2{letter-spacing:-.05em;overflow-wrap:anywhere;max-width:780px;margin:6px 0 8px;font-size:clamp(32px,4vw,58px);line-height:.95}.focus-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;margin-bottom:18px;display:grid}.summary-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.info{border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:68px;padding-top:10px;display:flex}.info strong{margin-top:4px;font-size:18px;display:block}.breakdown-block{gap:8px;display:grid}.breakdown-block+.breakdown-block{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.breakdown-row{color:var(--muted);grid-template-columns:minmax(120px,1fr) minmax(120px,1.5fr) 36px;align-items:center;gap:10px;font-size:12px;display:grid}.list-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.searchbox,.selectbox,.plain-select{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-width:0;height:38px;padding:0 12px;display:inline-flex}.searchbox input,.selectbox select,.plain-select{background:0 0;border:0;outline:none;min-width:180px}.plain-select{min-width:112px}.filter-strip{background:var(--surface-soft);min-height:42px;color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:9px 12px;font-size:13px;display:flex}.filter-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filter-strip button{cursor:pointer;background:0 0;border:0;flex:none;font-weight:700}.result-strip{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fffdfab8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 10px 8px 12px;font-size:13px;display:flex}.result-strip span{min-width:0}.result-strip button{background:var(--ink);color:#fffdfa;cursor:pointer;border:0;border-radius:999px;flex:none;height:30px;padding:0 12px}.project-row{grid-template-columns:minmax(260px,1.45fr) minmax(96px,.42fr) minmax(150px,.7fr) minmax(150px,.7fr) 78px 92px;align-items:center;gap:12px;min-height:76px;display:grid}.project-row .badge{width:100%}.row-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-row.selected{border-color:var(--line-strong);background:#fff9ef}.detail-layout{align-items:start}.sticky-context{position:sticky;top:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-field{gap:6px;margin-bottom:14px;display:grid}.form-field span{color:var(--muted);font-size:12px;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:14px;outline:none;padding:11px 12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--ink)}.detail-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;background:var(--surface-soft);min-height:26px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.rag-badge{gap:6px}.rag-dot{border-radius:999px;flex:none;width:10px;height:10px}.rag-badge .rag-dot{width:8px;height:8px}.badge.tone-amber,.tone-amber{color:var(--amber);background:#fff2d8}.tone-red{color:var(--red);background:#fae6df}.tone-green{color:var(--green);background:#e6f2eb}.tone-blue{color:var(--blue);background:#e6edf8}.rag-dot.tone-red{background:var(--red)}.rag-dot.tone-amber{background:var(--amber)}.rag-dot.tone-green{background:var(--green)}.rag-dot.tone-muted{background:var(--faint)}.info.tone-red,.info.tone-amber,.info.tone-green,.info.tone-muted{background:0 0}.info.tone-red strong{color:var(--red)}.info.tone-amber strong{color:var(--amber)}.info.tone-green strong{color:var(--green)}.rag-select.tone-red{border-color:#b63a3261}.rag-select.tone-amber{border-color:#b872116b}.rag-select.tone-green{border-color:#27745161}.empty-state{border:1px dashed var(--line-strong);background:var(--surface);width:min(520px,100%);color:var(--muted);border-radius:22px;gap:10px;padding:24px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){body{min-width:0}.login-shell{grid-template-columns:1fr;align-items:start}.login-panel{width:min(560px,100%)}.app-frame{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:static}.side-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.side-nav button{align-items:flex-start}.content-shell{width:100%}.summary-panel,.overview-layout,.group-layout,.detail-layout{grid-template-columns:1fr}.lens-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.project-row{grid-template-columns:minmax(0,1.4fr) 82px minmax(112px,.58fr) minmax(112px,.58fr) 72px 88px}}@media (width<=760px){.login-shell{gap:24px;padding:20px}.login-copy h1{font-size:42px}.login-panel{border-radius:18px}.login-panel-header{display:grid}.auth-primary-actions .button{width:100%}.content-shell{padding-inline:18px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.side-nav button{min-height:58px}.summary-panel,.focus-panel{grid-template-columns:1fr;align-items:start;display:grid}.focus-actions{justify-content:flex-start;width:100%}.focus-actions .button{flex:150px}.lens-tabs{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.lens-tabs button{width:100%;padding-inline:8px}.list-toolbar,.searchbox,.selectbox,.plain-select{width:100%}.searchbox input,.selectbox select,.plain-select{width:100%;min-width:0}.filter-strip,.result-strip{flex-direction:column;align-items:flex-start}.filter-strip span{white-space:normal}.lens-grid{grid-template-columns:1fr}.group-row,.project-row{grid-template-columns:1fr;gap:8px}.group-flags{justify-content:flex-start}.project-row .badge{width:fit-content}}
