:root{color-scheme:light;font-family:Segoe UI,system-ui,sans-serif;background:#f4f6f8;color:#1f2937}*{box-sizing:border-box}body{margin:0}#app{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 8px 24px #0f172a0f}h1,h2{margin-top:0}label{display:block;font-size:.9rem;margin-bottom:6px;font-weight:600}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:14px}button{border:0;border-radius:8px;padding:10px 16px;cursor:pointer;background:#b8860b;color:#fff;font-weight:600}button.secondary{background:#e5e7eb;color:#111827}button.danger{background:#dc2626}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.list{display:grid;gap:12px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.muted{color:#6b7280;font-size:.9rem}.error{color:#dc2626;margin-bottom:12px}@media(max-width:768px){.row{grid-template-columns:1fr}}