:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{color:#0f172a;background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);min-height:100vh;margin:0}#root{width:100%;max-width:900px;margin:48px auto;padding:0 16px 32px}form{background:#fff;border:1px solid #dbe3f1;border-radius:14px;grid-template-columns:1fr 1fr auto auto;align-items:start;gap:10px;padding:18px;display:grid;box-shadow:0 10px 28px #0f172a14}.form-field{gap:6px;min-width:0;display:grid}input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:42px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}button{cursor:pointer;border:1px solid #0000;border-radius:10px;height:42px;padding:0 14px;font-size:14px;font-weight:600;transition:transform .12s,opacity .2s,box-shadow .2s}button:hover{opacity:.95}button:active{transform:translateY(1px)}form button[type=submit]{color:#fff;background:#4f46e5;box-shadow:0 6px 14px #4f46e540}form button[type=button]{color:#334155;background:#fff;border-color:#cbd5e1}.error{text-align:center;color:#dc2626;font-size:12px;line-height:1.3}.sort-controls{align-items:center;gap:10px;margin-top:16px;display:flex}.sort-controls select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;min-width:170px;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.sort-controls select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.sort-controls button{color:#334155;background:#fff;border-color:#cbd5e1}ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}li{background:#fff;border:1px solid #dbe3f1;border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid}li>span:first-child{color:#1e293b;font-weight:600}li>span:nth-child(2){text-align:right;color:#0f766e;min-width:88px;font-weight:700}li button{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}li button:last-child{color:#b91c1c;background:#fff5f5;border-color:#fecaca}@media (width<=760px){#root{margin-top:24px}form{grid-template-columns:1fr}.sort-controls{flex-direction:column;align-items:stretch}.sort-controls select{width:100%}li{grid-template-columns:1fr 1fr;grid-template-areas:"name price""edit delete"}li>span:first-child{grid-area:name}li>span:nth-child(2){grid-area:price}li button:first-of-type{grid-area:edit}li button:nth-of-type(2){grid-area:delete}}.modal-backdrop{z-index:1000;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(90vw,420px);padding:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}