:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#eef2f6;--sidebar-bg:#f8fafc;--surface:#ffffffe0;--input-bg:#f8fafc;--border:#d8e0ea;--text:#334155;--heading:#0f172a;--muted:#64748b;--nav-text:#475569;--nav-active:#e4edf7;--shadow:0 18px 45px #0f172a14;letter-spacing:0;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:500;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#111827;--sidebar-bg:#0f172a;--surface:#1e293be0;--input-bg:#172033;--border:#334155;--text:#d1d5db;--heading:#f8fafc;--muted:#9ca3af;--nav-text:#cbd5e1;--nav-active:#243248;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2563eb59}::selection{color:#fff;background:#2563eb}.appShell{background:var(--app-bg);min-height:100vh;color:var(--text);grid-template-columns:292px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);background:var(--sidebar-bg);flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand,.securityBox,.metric,.panel,.topbar,.heroBand{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.brand{border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb 56%,#b45309);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand span,.securityBox strong,.securityBox span{display:block}.brand strong{color:var(--heading);font-size:17px}.brand span,.securityBox span,.panelHead p,.mutedText,.timelineItem small,.metric small{color:var(--muted);font-size:13px}.navList{gap:8px;display:grid}.navList button,.themeToggle,.iconButton,.primaryButton,.ghostButton,.docActions button,.tabs button{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.navList button{color:var(--nav-text);background:0 0;justify-content:flex-start;padding:10px 12px}.navList button:hover,.navList button.active{color:var(--heading);background:var(--nav-active)}.navList b{color:#fff;text-align:center;background:#b45309;border-radius:999px;min-width:28px;margin-left:auto;padding:2px 7px;font-size:12px}.securityBox{border-radius:8px;gap:12px;margin-top:auto;padding:14px;display:flex}.securityBox svg{color:#0f766e;flex:none}.workspace{min-width:0;padding:18px}.topbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;align-items:center;gap:14px;padding:12px;display:flex;position:sticky;top:0}.searchBox{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding:0 14px;display:flex}.searchBox input,.formGrid input,.formGrid textarea,.formGrid select,.authForm input,.topActions select{width:100%;color:var(--heading);font:inherit;background:0 0;border:0;outline:0}.searchBox input:disabled{cursor:not-allowed;opacity:.6}.topActions{gap:10px;display:flex}.authShell{background:radial-gradient(circle at top left, #2563eb24, transparent 38%), radial-gradient(circle at bottom right, #0f766e29, transparent 32%), var(--app-bg);grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:18px;min-height:100vh;padding:18px;display:grid}.authCard{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px}.authCard h1,.authCard h2{margin-top:0}.authCopy{align-content:space-between;gap:18px;display:grid}.authBrand{width:fit-content}.stackList{gap:12px;display:grid}.stackList>div{border:1px solid var(--border);background:var(--input-bg);color:var(--heading);border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.authTopbar{margin-bottom:18px}.authForm{gap:14px;display:grid}.authForm label,.formGrid label{color:var(--muted);gap:8px;font-size:13px;display:grid}.authForm input,.formGrid input,.formGrid textarea,.formGrid select{border:1px solid var(--border);background:var(--input-bg);box-sizing:border-box;border-radius:8px;min-height:44px;padding:0 12px}.formGrid textarea{resize:vertical;min-height:110px;padding:12px}.authSubmit{width:100%}.topbarActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.userBadge{border:1px solid var(--border);min-height:40px;color:var(--heading);background:var(--input-bg);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.logoutButton{color:#be123c}.noticeBanner{border:1px solid var(--border);background:var(--input-bg);color:var(--heading);border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.noticeBanner.success{color:#0f766e}.noticeBanner.error{color:#be123c}.noticeBanner.info{color:#2563eb}.composerForm{gap:14px;margin-bottom:18px;display:grid}.formGrid small{color:var(--muted)}.span2{grid-column:span 2}.formActions{flex-wrap:wrap;gap:10px;display:flex}.emptyState{border:1px dashed var(--border);color:var(--muted);background:var(--input-bg);border-radius:8px;padding:18px}button:disabled{cursor:not-allowed;opacity:.65;transform:none!important}.topActions select{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;width:190px;height:44px;padding:0 12px}.themeToggle,.primaryButton{color:#fff;background:#0f766e;padding:0 14px}.primaryButton:hover,.themeToggle:hover,.docActions button:hover,.ghostButton:hover,.iconButton:hover{transform:translateY(-1px)}.ghostButton,.iconButton,.docActions button{color:var(--heading);border:1px solid var(--border);background:var(--input-bg);padding:0 13px}.heroBand{border-radius:8px;justify-content:space-between;gap:18px;margin:18px 0;padding:24px;display:flex;position:relative;overflow:hidden}.heroBand:after{content:"";background:linear-gradient(90deg,#0f766e,#2563eb,#b45309,#be123c);width:42%;height:5px;position:absolute;inset:auto 0 0 auto}.eyebrow,.health{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.heroBand h1{color:var(--heading);letter-spacing:0;margin:10px 0 8px;font-size:36px;line-height:1.1}.heroBand p{max-width:760px;color:var(--muted);margin:0}.heroActions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.health{border:1px solid var(--border);background:var(--input-bg);border-radius:999px;min-height:40px;padding:0 12px}.health.ok{color:#0f766e}.contentGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sectionStack{gap:14px;display:grid}.metric,.panel{border-radius:8px}.metric{justify-content:space-between;gap:12px;min-height:132px;padding:18px;display:flex}.metric span,.metric strong,.metric small{display:block}.metric strong{color:var(--heading);margin:8px 0;font-size:34px;line-height:1}.metric svg{background:var(--input-bg);border-radius:8px;padding:10px}.metric.blue svg,.stage.blue strong{color:#2563eb}.metric.green svg,.stage.green strong{color:#0f766e}.metric.amber svg,.stage.amber strong{color:#b45309}.metric.red svg,.stage.red strong{color:#be123c}.panel{padding:18px}.panel.wide{grid-column:span 3}.panelHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panelHead.compact{align-items:center}.panelHead h2,.infoList h3{color:var(--heading);letter-spacing:0;margin:0 0 4px}.kanbanLine{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stage{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:112px;padding:14px;display:flex}.stage span{color:var(--muted)}.stage strong{font-size:34px}.timeline{gap:10px;display:grid}.timeline.inline{grid-template-columns:repeat(2,minmax(0,1fr))}.timelineItem{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;gap:3px;padding:12px;display:grid}.timelineItem b{color:var(--heading)}.tableWrap{border:1px solid var(--border);border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:13px 14px}th{color:var(--muted);text-transform:uppercase;font-size:12px}td{color:var(--heading)}tr:last-child td{border-bottom:0}.statusPill{background:var(--input-bg);border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.statusPill.green{color:#0f766e}.statusPill.amber{color:#b45309}.statusPill.blue{color:#2563eb}.statusPill.red{color:#be123c}.contractCard{grid-column:1/-1}.tabs{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);border:1px solid var(--border);background:var(--input-bg);flex:none;padding:0 14px}.tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.split,.formGrid,.guideGrid,.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.infoList,.guideGroup,.roleTile{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;padding:14px}.infoList div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.infoList div:last-child{border-bottom:0}.infoList span{color:var(--muted)}.infoList strong{color:var(--heading);text-align:right}.docActions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.formGrid label{color:var(--muted);gap:8px;font-size:13px;display:grid}.formGrid input{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);border-radius:8px;min-height:44px;padding:0 12px}.guideGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.guideGroup{align-content:start;gap:8px;display:grid}.guideGroup strong,.roleTile span{color:var(--heading)}code{overflow-wrap:anywhere;color:#2563eb;border:1px solid var(--border);background:var(--surface);border-radius:6px;width:fit-content;max-width:100%;padding:4px 7px;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.roleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.roleTile{align-items:center;gap:9px;display:flex}.permissionsGrid{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:minmax(160px,1.4fr) repeat(4,minmax(90px,.7fr));gap:1px;display:grid;overflow:auto}.permissionsGrid>*{background:var(--surface);align-items:center;min-height:44px;padding:0 12px;display:flex}.checkCell{color:#0f766e;justify-content:center}.checkCell input{opacity:0;position:absolute}.mobileOnly{display:none}@media (width<=1180px){.appShell{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding:14px 10px}.brand,.securityBox{justify-content:center}.brand div:not(.brandMark),.securityBox div,.navList span,.navList b{display:none}.navList button{justify-content:center}.contentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.wide{grid-column:1/-1}.guideGrid,.docActions{grid-template-columns:repeat(2,minmax(0,1fr))}.authShell{grid-template-columns:1fr}}@media (width<=760px){.appShell{grid-template-columns:1fr}.sidebar{z-index:10;border:1px solid var(--border);border-radius:8px;flex-direction:row;height:auto;position:fixed;inset:auto 10px 10px;overflow-x:auto}.brand,.securityBox{display:none}.navList{width:100%;display:flex}.navList button{min-width:48px}.workspace{padding:10px 10px 92px}.topbar,.heroBand,.panelHead,.heroActions,.topbarActions,.formActions{flex-direction:column;align-items:stretch}.topActions,.searchBox{width:100%}.topActions select,.themeToggle{flex:1}.mobileOnly{display:inline-flex}.heroBand h1{font-size:30px}.contentGrid,.kanbanLine,.split,.formGrid,.guideGrid,.roleGrid,.timeline.inline,.docActions{grid-template-columns:1fr}.permissionsGrid{min-width:620px}.span2{grid-column:auto}.authShell{padding:10px}}
