:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#14213d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:2;background:#1769e0;color:white;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}header b{font-size:19px}header small{display:block;opacity:.8}button{border:0;border-radius:10px;padding:10px 12px;font-weight:600}header button{background:#ffffff22;color:#fff;font-size:20px}main{max-width:720px;margin:auto;padding:14px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.summary div,.card{background:white;border-radius:16px;padding:14px;box-shadow:0 3px 14px #1d35570d}.summary b{display:block;font-size:24px;color:#1769e0}.summary span{font-size:12px;color:#667085}input{width:100%;padding:14px;border:1px solid #dce3ee;border-radius:14px;background:white;margin-bottom:10px}.list{display:grid;gap:9px}.card{display:flex;justify-content:space-between;gap:10px;align-items:center}.name{font-weight:700}.meta{font-size:12px;color:#667085;margin-top:4px}.ok{color:#1b9e54}.bad{color:#d92d20}.pill{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef4ff;color:#175cd3}.danger{background:#d92d20;color:white}.back{background:#e9eff8;color:#1d4ed8;margin-bottom:8px}h2{margin:8px 0 12px}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111827;color:white;padding:10px 14px;border-radius:12px;display:none;max-width:90%}@media(max-width:420px){.summary b{font-size:20px}.summary div{padding:11px}}