:root{font-family:Inter,system-ui,sans-serif;color:#172032;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:24px}.card,#view{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:22px;box-shadow:0 8px 28px #20304a10}.narrow{max-width:430px;margin:8vh auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2{margin:.2em 0;color:#10213f}small{font-size:.45em;background:#dff5eb;color:#086c4c;padding:4px 8px;border-radius:999px}label{display:grid;gap:6px;font-weight:650;margin:12px 0}input,textarea,select,button{font:inherit;border-radius:9px;border:1px solid #aab8ca;padding:10px 12px}textarea{min-height:100px;resize:vertical}button{cursor:pointer;background:#1769e0;color:white;border-color:#1769e0;font-weight:700}button.secondary,nav button{background:white;color:#26415f}.danger-button{background:#9f1239;color:#fff;border-color:#9f1239}button:focus,input:focus,textarea:focus,select:focus{outline:3px solid #7db4ff;outline-offset:2px}nav{display:flex;gap:8px;overflow:auto;padding:16px 0}nav button{white-space:nowrap}#view{min-height:400px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric{padding:18px;border-radius:12px;background:#edf5ff}.metric strong{display:block;font-size:1.8rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.list{display:grid;gap:10px;margin-top:15px}.item{border:1px solid #dce4ef;border-radius:10px;padding:14px}.item h3{margin:0}.muted{color:#5e6f83}.warning{background:#fff4d6;padding:10px;border-radius:8px}.danger{color:#a51d2d}form.inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}form.inline label{margin:0}.wide{grid-column:1/-1}.chat{height:260px;overflow:auto;background:#f7f9fc;border-radius:10px;padding:12px}.bubble{max-width:85%;padding:10px;margin:7px;border-radius:12px;background:#e6effc}.bubble.me{margin-left:auto;background:#1769e0;color:#fff}@media(max-width:650px){main{padding:12px}header{align-items:flex-start}form.inline{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar{align-items:flex-start;flex-direction:column}}