:root{--mos-bg:#f6f7f4;--mos-panel:#fff;--mos-ink:#1b1f1b;--mos-muted:#5b625c;--mos-line:#dfe3dc;--mos-accent:#0f766e;--mos-accent-soft:#d7f2ed;--mos-warn:#9a3412;--mos-radius:8px}*{box-sizing:border-box}body{background:var(--mos-bg);color:var(--mos-ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--mos-line);background:#fbfcf8;padding:20px}.brand{margin-bottom:24px}.brand-title{margin:0;font-size:18px;font-weight:700}.brand-subtitle{color:var(--mos-muted);margin:5px 0 0;font-size:12px}.nav-list{gap:6px;display:grid}.nav-link{color:var(--mos-muted);border-radius:7px;padding:9px 10px;font-size:14px;display:block}.nav-link:hover{background:var(--mos-accent-soft);color:var(--mos-ink)}.sidebar-account{border-top:1px solid var(--mos-line);gap:8px;margin-top:24px;padding-top:16px;display:grid}.sidebar-account-label{margin:0;font-size:13px;font-weight:700}.sidebar-account-email{color:var(--mos-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.35}.text-button{color:var(--mos-accent);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.main{min-width:0;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-kicker{color:var(--mos-accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.page-title{margin:0;font-size:28px;line-height:1.12}.page-description{color:var(--mos-muted);max-width:760px;margin:10px 0 0;font-size:14px;line-height:1.55}.status-pill{background:var(--mos-accent-soft);color:#0f4f49;white-space:nowrap;border:1px solid #b7ddd6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.panel{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);padding:16px}.panel h2{margin:0 0 8px;font-size:15px}.panel p,.panel li{color:var(--mos-muted);font-size:13px;line-height:1.45}.panel ul{margin:0;padding-left:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);padding:14px}.metric-card span{color:var(--mos-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.metric-card strong{font-size:28px;line-height:1;display:block}.metric-card p{color:var(--mos-muted);margin:9px 0 0;font-size:13px;line-height:1.4}.foundation-list{gap:10px;margin-top:18px;display:grid}.foundation-row{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);grid-template-columns:minmax(160px,240px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.foundation-row strong{font-size:14px}.foundation-row span{color:var(--mos-muted);font-size:13px}.data-list{gap:10px;display:grid}.data-row{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);grid-template-columns:minmax(0,1fr) minmax(140px,auto) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.data-row-with-form{grid-template-columns:minmax(180px,1fr) minmax(110px,180px) minmax(280px,auto)}.data-row strong{margin-bottom:4px;font-size:14px;display:block}.data-row span{color:var(--mos-muted);font-size:13px}.data-row code{color:var(--mos-muted);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow:hidden}.row-link{color:var(--mos-accent);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:700;overflow:hidden}.empty-state{background:var(--mos-panel);border:1px dashed var(--mos-line);border-radius:var(--mos-radius);color:var(--mos-muted);margin:0;padding:18px;font-size:14px}.create-record-form{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);grid-template-columns:minmax(180px,1fr) minmax(150px,220px) minmax(130px,170px) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.filter-form{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);grid-template-columns:minmax(180px,1fr) minmax(150px,220px) minmax(130px,170px) minmax(150px,190px) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.answer-field-form{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);gap:12px;margin-bottom:16px;padding:14px;display:grid}.form-section-heading{gap:4px;display:grid}.form-section-heading strong{font-size:14px}.form-section-heading span{color:var(--mos-muted);font-size:13px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.form-grid-compact{grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) minmax(150px,1fr) auto}.settings-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;display:grid}.settings-panel{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);gap:14px;padding:14px;display:grid}.member-list{gap:8px;display:grid}.member-row{border:1px solid var(--mos-line);border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:10px;display:grid}.member-row strong{margin-bottom:3px;font-size:13px;display:block}.member-row span:not(.status-pill){color:var(--mos-muted);overflow-wrap:anywhere;font-size:12px;display:block}.snapshot-import-form{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);gap:12px;margin-bottom:16px;padding:14px;display:grid}.snapshot-json-input{width:100%;min-height:180px}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stacked-form{gap:8px;display:grid}.checkbox-row{color:var(--mos-muted);align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input{accent-color:var(--mos-accent)}.select-input,.small-input,.textarea-input{border:1px solid var(--mos-line);color:var(--mos-ink);font:inherit;background:#fff;border-radius:7px;min-height:34px;padding:7px 9px;font-size:13px}.small-input{width:150px}.textarea-input{resize:vertical;width:min(420px,100%);min-height:68px}.wide-textarea{width:100%;min-height:96px}.workspace-section{gap:12px;margin-top:18px;display:grid}.evidence-row{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);gap:12px;padding:14px;display:grid}.evidence-row-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.evidence-row-header strong,.evidence-grid strong{margin-bottom:4px;font-size:14px;display:block}.evidence-row-header span,.evidence-grid span{color:var(--mos-muted);font-size:13px;line-height:1.45;display:block}.value-preview{border:1px solid var(--mos-line);color:var(--mos-ink);white-space:pre-wrap;background:#f9faf7;border-radius:7px;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow-x:auto}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compact-button{background:var(--mos-accent);border:1px solid var(--mos-accent);color:#fff;cursor:pointer;font:inherit;border-radius:7px;min-height:34px;padding:7px 10px;font-size:13px;font-weight:700}.auth-panel{background:var(--mos-panel);border:1px solid var(--mos-line);border-radius:var(--mos-radius);gap:14px;max-width:430px;padding:18px;display:grid}.field-label{color:var(--mos-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.field-note{color:var(--mos-muted);font-size:13px;font-weight:400;line-height:1.4}.text-input{border:1px solid var(--mos-line);color:var(--mos-ink);font:inherit;background:#fff;border-radius:7px;width:100%;padding:11px 12px}.text-input:focus{border-color:var(--mos-accent);outline:2px solid var(--mos-accent-soft)}.primary-button{background:var(--mos-accent);border:1px solid var(--mos-accent);color:#fff;cursor:pointer;font:inherit;border-radius:7px;padding:11px 14px;font-size:14px;font-weight:700}.primary-button:disabled,.compact-button:disabled{cursor:not-allowed;opacity:.45}.form-error{color:var(--mos-warn);background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--mos-line);border-right:0}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-row{grid-template-columns:1fr}.data-row{grid-template-columns:1fr;align-items:start}.create-record-form,.filter-form,.form-grid,.form-grid-compact,.settings-grid,.evidence-grid{grid-template-columns:1fr;align-items:stretch}.member-row{grid-template-columns:1fr;align-items:start}.evidence-row-header{display:grid}.small-input,.textarea-input{width:100%}}@media (max-width:560px){.metric-grid{grid-template-columns:1fr}}
