:root{--bg:#f6f8fa;--ink:#0f172a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui}
.hero{padding:16px 20px;background:linear-gradient(135deg,#0b1437,#1f6feb);color:#fff}
.grid{display:grid;grid-template-columns:1fr;gap:16px;padding:16px}
@media(min-width:960px){.grid{grid-template-columns:2fr 1fr 1fr}}
.card{background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.08);padding:12px}
.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
textarea#notes{width:100%;min-height:140px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
label{display:inline-flex;align-items:center;gap:6px}
button{cursor:pointer;background:#1f6feb;color:#fff;border:none;border-radius:8px;padding:6px 10px}
button:disabled{opacity:.5;cursor:not-allowed}