:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#111827;flex-direction:column;gap:10px;padding:22px 16px;display:flex}.brand{border-bottom:1px solid #273244;align-items:center;gap:12px;margin-bottom:12px;padding:0 8px 22px;display:flex}.brand-mark{color:#0f172a;background:linear-gradient(145deg,#67e8f9,#818cf8);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand strong{font-size:16px;display:block}.brand span{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.nav-label{color:#64748b;letter-spacing:.12em;text-transform:uppercase;padding:8px;font-size:10px;font-weight:800}.form-nav{color:#dbe5f3;text-align:left;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 10px;display:flex}.form-nav:hover,.form-nav.active{background:#1f2937}.form-nav b{font-size:13px;display:block}.form-nav small{color:#8190a5;margin-top:4px;font-size:11px;display:block}.risk-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.risk-dot.low{background:#34d399}.risk-dot.medium{background:#fbbf24}.risk-dot.high{background:#fb7185}.new-draft{color:#dbeafe;text-align:left;background:#172033;border:1px solid #334155;border-radius:9px;margin:8px 4px;padding:10px 12px;font-size:12px}.sidebar-note{background:#162033;border:1px solid #334155;border-radius:12px;margin-top:auto;padding:14px}.sidebar-note b{font-size:12px}.sidebar-note p{color:#94a3b8;margin:7px 0 0;font-size:11px;line-height:1.5}main{padding:28px 34px 50px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar h1{letter-spacing:-.035em;margin:3px 0 0;font-size:30px}.eyebrow{letter-spacing:.14em;color:#6366f1;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.mcp-pill{color:#64748b;background:#fff;border:1px solid #d7deea;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 18px #0f172a0d}.mcp-pill span{background:#94a3b8;border-radius:50%;width:7px;height:7px}.mcp-pill.online span{background:#10b981}.mcp-pill.online{color:#047857}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 12px;display:grid}.metrics article{background:#fff;border:1px solid #e4e9f1;border-radius:14px;padding:17px 18px;box-shadow:0 7px 24px #0f172a0a}.metrics span{color:#64748b;font-size:11px;font-weight:700;display:block}.metrics strong{margin:5px 0 2px;font-size:28px;display:block}.metrics small{color:#94a3b8;font-size:11px}.demo-strip{background:#dfe5ee;border:1px solid #dfe5ee;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 18px;display:grid;overflow:hidden}.demo-strip div{color:#64748b;background:#fff;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex}.demo-strip b{color:#4f46e5;background:#eef2ff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.tabs{border-bottom:1px solid #dfe5ee;gap:4px;margin-bottom:16px;display:flex}.tabs button{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 12px;font-size:12px;font-weight:800}.tabs button.active{color:#4338ca;border-color:#6366f1}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px;display:grid}.panel{background:#fff;border:1px solid #e3e8f0;border-radius:16px;box-shadow:0 8px 28px #0f172a0b}.editor-panel,.console-panel,.audit-panel{padding:22px}.activity-panel{padding:20px}.panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding-bottom:16px;display:flex}.panel-heading.compact{margin-bottom:8px}.panel-heading h2{letter-spacing:-.02em;margin:4px 0;font-size:20px}.panel-heading p:not(.eyebrow){color:#69778b;max-width:700px;margin:4px 0;font-size:12px;line-height:1.5}.status-stack{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.status-stack small{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:9px;font-weight:800}.status{white-space:nowrap;color:#4f46e5;background:#eef2ff;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}.status.awaiting_approval{color:#c2410c;background:#fff7ed}.status.approved{color:#047857;background:#ecfdf5}.status.rejected{color:#be123c;background:#fff1f2}.status.submitted{color:#0369a1;background:#e0f2fe}.revision-lock{background:#fffaf4;border:1px solid #fed7aa;border-radius:11px;margin:-2px 0 18px;padding:12px 14px}.revision-lock.approved{background:#f0fdf7;border-color:#a7f3d0}.revision-lock span{letter-spacing:.12em;color:#c2410c;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.revision-lock.approved span{color:#047857}.revision-lock b{font-size:12px}.revision-lock p{color:#64748b;margin:4px 0 0;font-size:10px}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:#475569;font-size:11px;font-weight:800}.field b{color:#e11d48;margin-left:3px}.field input,.field select,.field textarea,.note-input{color:#172033;background:#fbfcfe;border:1px solid #d9e0ea;border-radius:9px;outline:none;padding:10px 11px}.field input:focus,.field select:focus,.field textarea:focus,.note-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.field textarea{resize:vertical}.field small{color:#8b98aa;font-size:10px}.validation-box{background:#f8fafc;border:1px solid #dfe6ef;border-radius:11px;margin-top:16px;padding:13px 14px}.validation-box div{justify-content:space-between;gap:16px;display:flex}.validation-box b{font-size:12px}.validation-box span{color:#718096;text-align:right;font-size:11px}.validation-box p{color:#b45309;margin:8px 0 0;font-size:11px}.action-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.action-row button,.primary,.ghost{border:0;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800}.primary{color:#fff;background:#4f46e5}.primary:disabled{cursor:not-allowed;background:#c7c9e8}.approve{color:#fff;background:#059669}.reject{color:#be123c;background:#fff1f2}.ghost{color:#475569;background:#f1f5f9}.note-input{min-width:220px;font-size:12px}.success-copy{color:#047857;padding:8px 0;font-size:12px;font-weight:800}.activity-list{flex-direction:column;display:flex}.activity{border-bottom:1px solid #eef1f5;grid-template-columns:30px 1fr;gap:9px;padding:13px 0;display:grid}.activity-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.activity b{text-transform:capitalize;font-size:12px}.activity p{color:#6b778a;margin:3px 0;font-size:11px;line-height:1.4}.activity small{color:#a0aabc;font-size:10px}.guardrail-card{color:#e5e7eb;background:#111827;border-radius:13px;margin-top:18px;padding:16px}.guardrail-card span{letter-spacing:.15em;color:#67e8f9;font-size:9px;font-weight:900}.guardrail-card h3{margin:6px 0;font-size:15px}.guardrail-card p{color:#aeb8c7;margin:0;font-size:11px;line-height:1.5}.guardrail-card code{color:#c4b5fd}.console-grid{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:16px;display:grid}.code-input,.output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.output{color:#dbeafe;white-space:pre-wrap;background:#0f172a;border-radius:12px;min-height:270px;margin:0;padding:16px;overflow:auto}.tool-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.tool-list article{background:#f8fafc;border:1px solid #e6ebf2;border-radius:10px;padding:12px}.tool-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-list code{color:#4f46e5;font-size:10px;font-weight:800}.tool-title-row span{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 5px;font-size:8px;font-weight:900}.tool-title-row .read-only{color:#0369a1;background:#e0f2fe}.tool-title-row .mutating{color:#c2410c;background:#fff7ed}.tool-list p{color:#66758a;margin:6px 0 0;font-size:10px;line-height:1.45}.audit-table{font-size:11px}.audit-head,.audit-row{grid-template-columns:90px 150px minmax(0,1fr) 120px;align-items:center;gap:12px;padding:10px 8px;display:grid}.audit-head{color:#8793a5;text-transform:uppercase;font-size:9px;font-weight:800}.audit-row{border-top:1px solid #edf1f5}.audit-row code{color:#4f46e5;font-size:10px}.audit-row small{color:#8793a5}.actor{text-transform:capitalize;border-radius:999px;width:max-content;padding:4px 7px;font-weight:800;display:inline-flex}.actor.agent{color:#4f46e5;background:#eef2ff}.actor.human{color:#047857;background:#ecfdf5}.actor.system{color:#475569;background:#f1f5f9}.empty{color:#94a3b8;padding:30px}@media (width<=1000px){.app-shell{grid-template-columns:210px minmax(0,1fr)}main{padding:24px 20px}.content-grid{grid-template-columns:1fr}.tool-list{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{display:block}.sidebar{position:static}.sidebar-note{display:none}main{padding:20px 14px}.topbar{flex-direction:column;align-items:flex-start}.metrics,.demo-strip,.fields-grid,.console-grid,.tool-list{grid-template-columns:1fr}.audit-head,.audit-row{grid-template-columns:70px 110px minmax(0,1fr)}.audit-head span:last-child,.audit-row small{display:none}.action-row{flex-wrap:wrap}.note-input{min-width:100%}}