*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}body{margin:0;min-width:320px}button,input{font:inherit}.shell{width:min(900px,calc(100% - 32px));margin:48px auto}.top{display:flex;align-items:center;gap:18px;margin-bottom:28px}.mark{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:17px;background:#2457d6;color:#fff;font-weight:800;font-size:20px;box-shadow:0 8px 20px #2457d633}.eyebrow{color:#61718d;font-size:11px;font-weight:800;letter-spacing:.13em;margin:0 0 7px}h1{margin:0;font-size:clamp(25px,4vw,34px);letter-spacing:-.04em}h2{margin:0;font-size:21px;letter-spacing:-.025em}h3{margin:0;font-size:15px}.sub,.muted{color:#68758b;line-height:1.6}.sub{margin:7px 0 0}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:25px;margin:17px 0;box-shadow:0 8px 30px #1c31500a}.section-head,.notes-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.secondary,.delete{background:#eef3ff;color:#2457d6}button{border:0;border-radius:10px;padding:11px 16px;background:#2457d6;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.status{border:1px solid #e8edf4;background:#fbfcfe;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}.status span{color:#68758b;font-size:12px}.status strong{font-size:14px;overflow-wrap:anywhere}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a36a;margin-right:4px}.alert{border-radius:12px;padding:15px;margin-top:18px;display:grid;gap:6px}.error{background:#fff3f1;border:1px solid #ffd6d0;color:#9e3024}.error small{color:#8b554e;line-height:1.5}.form{display:flex;gap:10px;margin-top:18px}input{min-width:0;flex:1;border:1px solid #dce3ed;border-radius:10px;padding:12px 14px;outline:none}input:focus{border-color:#2457d6;box-shadow:0 0 0 3px #2457d61a}.notice{color:#2457a8;font-size:13px;margin:12px 0}.notes-head{border-top:1px solid #edf0f5;margin-top:22px;padding-top:18px}.notes-head span,.empty{color:#7a879b;font-size:12px}.notes{list-style:none;padding:0;margin:10px 0 0}.notes li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #edf0f5}.notes li div{display:grid;gap:5px;min-width:0}.notes li strong{font-size:14px;overflow-wrap:anywhere}.notes li small{color:#8490a2;font-size:11px}.delete{padding:8px 11px;font-size:12px;flex:0 0 auto}footer{text-align:center;color:#8a95a7;font-size:12px;padding:20px}@media(max-width:600px){.shell{margin:25px auto}.panel{padding:18px}.status-grid{grid-template-columns:1fr}.form{flex-direction:column}.form button{width:100%}.top{align-items:flex-start}}
