:root{color:#19201d;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#18211d;color:#f9f7f0;padding:24px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brandMark{width:44px;height:44px;border-radius:8px;background:#e89f35;color:#18211d;display:grid;place-items:center;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#b9c2bb;font-size:13px;margin-top:2px}.nav{display:grid;gap:8px}.navItem{width:100%;min-height:42px;border:0;border-radius:8px;color:#dfe6df;background:transparent;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer}.navItem.active,.navItem:hover{background:#2b382f;color:#fff}.sidebarPanel{margin-top:auto;padding:16px;border-radius:8px;background:#243129;border:1px solid #38483d}.sidebarPanel p{margin:8px 0 0;color:#d4ddd5;font-size:13px;line-height:1.55}.main{min-width:0;padding:26px 30px 36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbar h1{margin:4px 0 0;font-size:28px;line-height:1.1;letter-spacing:0}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700;color:#66736c}.searchBox{width:300px;min-height:40px;border:1px solid #d4d0c7;border-radius:8px;background:#fff;color:#6b756e;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:14px}.pageStack{display:grid;gap:18px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metricCard,.panel,.card,.emptyState{background:#fffdf8;border:1px solid #ddd8ce;border-radius:8px;box-shadow:0 1px #19201d0a}.metricCard{min-height:132px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px}.metricCard span,.metricCard small,.subtle{color:#6c776f;font-size:13px}.metricCard strong{display:block;margin-top:10px;font-size:26px;line-height:1}.metricIcon{width:42px;height:42px;border-radius:8px;background:#e8f0eb;color:#1f6f63;display:grid;place-items:center}.panel{padding:18px}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panelHeader h2{margin:4px 0 0;font-size:18px;letter-spacing:0}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.field{display:grid;gap:6px;color:#66736c;font-size:12px;font-weight:700}.field.wide{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #d4d0c7;border-radius:8px;background:#fff;color:#19201d;padding:10px}input,select{height:40px}textarea{min-height:96px;resize:vertical}.primaryButton,.secondaryButton{border:0;border-radius:8px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primaryButton{background:#1f6f63;color:#fff}.secondaryButton{background:#e8edf0;color:#283530}.primaryButton:disabled,.secondaryButton:disabled{opacity:.5;cursor:not-allowed}.actionRow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.cardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{padding:16px;display:grid;gap:10px}.card h3{margin:0;font-size:18px;line-height:1.3}.card p{margin:0;color:#5d6860;font-size:14px;line-height:1.55}.tagRow{display:flex;flex-wrap:wrap;gap:6px}.tagRow span,.pill{border-radius:999px;background:#eef3ef;color:#1f6f63;padding:4px 9px;font-size:12px;font-weight:700}.checkGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.checkGrid.compact{grid-template-columns:1fr}.checkItemInline{display:flex;align-items:center;gap:8px;color:#435047;font-size:13px}.checkItemInline input{width:16px;height:16px}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#66736c;font-size:12px;padding:10px 12px;border-bottom:1px solid #dfd9cf}td{padding:13px 12px;border-bottom:1px solid #ece7de;vertical-align:top}.flowList{display:grid;gap:18px}.flowResult{display:grid;gap:12px;padding:14px;border:1px solid #ddd8ce;border-radius:8px;background:#fbfaf6}.resultHeader{display:grid;gap:6px}.resultHeader strong{font-size:16px;line-height:1.45}.briefColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.briefList,.briefBlock,.noteBox{border:1px solid #e3ded5;border-radius:8px;padding:10px;background:#f7f5ef}.briefList strong,.briefBlock strong,.noteBox strong,.noteBox span{display:block}.briefList strong,.briefBlock strong,.noteBox strong{color:#435047;font-size:12px;margin-bottom:4px}.briefList span,.briefBlock span,.noteBox span{color:#66736c;font-size:13px;line-height:1.5;margin-top:6px}.errorBox{padding:12px;border-radius:8px;background:#f4ded6;color:#9b3e25;font-size:13px;margin-bottom:12px}.emptyState{padding:22px;display:grid;gap:8px;color:#435047}.emptyState span{color:#66736c;line-height:1.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.shell{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding:18px 12px;align-items:center}.brand div:not(.brandMark),.navItem span,.sidebarPanel{display:none}.navItem{justify-content:center;padding:0}.metricGrid,.cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:10;flex-direction:row;justify-content:space-between}.brandMark{width:38px;height:38px}.nav{display:flex;gap:6px;overflow-x:auto}.navItem{width:38px;height:38px}.main{padding:18px}.topbar{align-items:stretch;flex-direction:column}.searchBox{width:100%}.metricGrid,.cardGrid,.formGrid,.briefColumns,.checkGrid{grid-template-columns:1fr}.field.wide{grid-column:auto}}