:root{color:#231a15;background:#f3efe8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}main{max-width:1200px;margin:0 auto;padding:36px 24px 64px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.hero h1{margin:4px 0 8px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);font-weight:500}.hero p{max-width:700px;color:#6b5b50}.eyebrow{margin:0;color:#8b5e3c!important;letter-spacing:.14em;font-size:.75rem;font-weight:800}.mode{padding:8px 12px;border-radius:999px;background:#e2f0e8;color:#185c37;font-weight:750;white-space:nowrap}.guardrail{display:flex;flex-wrap:wrap;gap:12px 24px;padding:15px 18px;margin-bottom:20px;border:1px solid #e1c17d;border-radius:12px;background:#fff8e7;color:#73510d}.pilot-strip{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 20px}.pilot-strip span{padding:7px 10px;border-radius:999px;background:#e9e4dc;color:#5e5148;font-size:.78rem;font-weight:700}.panel{border:1px solid #ddd2c8;border-radius:18px;background:#fffdf9;box-shadow:0 18px 60px #3d2a1c14;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border-bottom:1px solid #eee5dc}.panel-heading h2{margin:4px 0 0}button{border:0;border-radius:10px;padding:12px 18px;background:#6f3f26;color:#fff;font-weight:750;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.access-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:16px 18px;border:1px solid #c8d6d0;border-radius:12px;background:#f5faf7}.access-panel div,.access-panel strong,.access-panel span{display:block}.access-panel span{margin-top:3px;color:#5f6f67}.button-link{display:inline-block;border-radius:10px;padding:12px 18px;background:#244f3b;color:#fff;font-weight:750;text-decoration:none;white-space:nowrap}button.secondary{width:auto;background:#e5ece8;color:#244f3b}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px}.metric{padding:16px;border-radius:12px;background:#f5efe8}.metric span{display:block;color:#76675d;font-size:.82rem}.metric strong{display:block;margin-top:6px;font-size:1.7rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-top:1px solid #eee5dc;text-align:left;vertical-align:top}th{color:#76675d;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}code{color:#6f3f26;font-weight:700}small{display:block;margin-top:5px;color:#9c442e;max-width:340px}.risk{display:inline-block;padding:5px 8px;border-radius:999px;background:#eee8e2;font-size:.75rem;font-weight:800;white-space:nowrap}.risk-stockout,.risk-critical{background:#fde1dd;color:#8f2d1e}.risk-warning{background:#fff0c9;color:#73510d}.risk-healthy{background:#e2f0e8;color:#185c37}.risk-data_incomplete{background:#e8e5f4;color:#51447d}.fast{color:#8b5e3c}.policy{color:#76675d}.quality{display:flex;gap:10px 24px;flex-wrap:wrap;margin:0 24px 20px;padding:14px 16px;border-radius:10px;background:#fff8e7;color:#73510d}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;border-top:1px solid #eee5dc}.subpanel{padding:18px;border:1px solid #e7ddd4;border-radius:14px;background:#faf7f2}.subpanel h3,.quality-section h3{margin:5px 0 16px}.component-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #e7ddd4}.component-row span{color:#6b5b50;text-align:right}.quality-section{margin:0 24px 24px;padding:18px;border:1px solid #e1c17d;border-radius:14px;background:#fff8e7}.quality-list{display:grid;gap:8px;margin-top:14px}.quality-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:8px;border-top:1px solid #ead8b3}.quality-list>span,.quality-list>div span{color:#73510d}.error{margin:20px 24px;padding:14px;border-radius:10px;background:#fde8e4;color:#8f2d1e}@media(max-width:760px){main{padding:22px 14px 40px}.hero,.panel-heading{flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr;padding:16px}button{width:100%}}