:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f3ed;--surface:#fff;--surface-muted:#ebe7dd;--foreground:#18201b;--muted:#667066;--line:#d8d2c4;--accent:#2f5d50;--accent-strong:#24483f;--warning:#9b3d33;--success:#2f6b47}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{gap:22px;min-height:100svh;padding:24px;display:grid}.topbar,.workspace-header,.metrics,.workspace-grid,.notice-panel,.callout{width:min(100%,1480px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.brand,.environment,.view-tabs,.search-form,.panel-header{align-items:center;display:flex}.brand{gap:10px;font-size:1rem}.brand span{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.environment{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:.86rem;font-weight:700}.environment span{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:6px 10px}.workspace-header,.notice-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:end;gap:24px;padding:24px;display:flex}.notice-panel{max-width:840px;margin-top:10svh;display:block}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:8px;font-size:clamp(2rem,4vw,3.4rem);font-weight:760;line-height:1}h2{margin-bottom:0;font-size:1rem;line-height:1.2}.workspace-header p,.notice-panel p,.empty-state{max-width:760px;color:var(--muted);margin-bottom:0;line-height:1.5}.view-tabs{align-self:stretch;gap:8px}.view-tabs a,.search-form button,.primary-button{border:1px solid var(--line);background:var(--surface);color:var(--foreground);cursor:pointer;border-radius:8px;font-weight:800}.view-tabs a{place-items:center;min-width:112px;padding:11px 14px;display:grid}.view-tabs a[aria-current=page],.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metrics div,.panel,.callout{border:1px solid var(--line);background:var(--surface);border-radius:8px}.metrics div{gap:8px;min-height:96px;padding:16px;display:grid}.metrics span,.record-row span,.mini-list span,label,.form-context{color:var(--muted);font-size:.86rem;font-weight:700}.metrics strong{font-size:clamp(1.5rem,3vw,2rem);line-height:1}.callout{padding:12px 14px;font-weight:800}.callout.success{color:var(--success);border-color:#2f6b4759}.callout.danger{color:var(--warning);border-color:#9b3d3359}.workspace-grid{grid-template-columns:minmax(260px,.8fr) minmax(380px,1.25fr) minmax(320px,1fr);align-items:start;gap:14px;display:grid}.panel{min-width:0;padding:16px}.list-panel,.detail-panel{min-height:560px}.panel-header{justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header span{background:var(--surface-muted);color:var(--accent-strong);border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:900}.search-form{gap:8px;margin-bottom:12px}.search-form input,.search-form select,.search-form button,label input,label select,label textarea{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:8px}.search-form input,.search-form select,label input,label select,label textarea{padding:10px 11px}.search-form button{width:auto;padding:10px 13px}.record-list,.mini-list{gap:8px;display:grid}.record-row,.mini-list a{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;gap:4px;padding:12px;display:grid}.record-row:hover,.mini-list a:hover,.view-tabs a:hover,.search-form button:hover{border-color:var(--accent)}.record-form{gap:14px;display:grid}.record-form.compact{gap:12px}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{gap:6px;display:grid}textarea{resize:vertical}.primary-button{justify-self:start;padding:11px 16px}.form-context{background:var(--surface-muted);color:var(--accent-strong);border-radius:8px;margin:0;padding:10px 12px}@media (max-width:1180px){.workspace-grid{grid-template-columns:1fr 1fr}.workspace-grid .panel:last-child{grid-column:1/-1}}@media (max-width:760px){.app-shell{padding:16px}.topbar,.workspace-header,.metrics,.workspace-grid,.search-form{grid-template-columns:1fr}.topbar,.workspace-header,.view-tabs,.search-form{flex-direction:column;align-items:stretch}.environment{justify-content:flex-start}.metrics,.workspace-grid,.form-grid.two{grid-template-columns:1fr}.workspace-grid .panel:last-child{grid-column:auto}}