*{box-sizing:border-box}:root{color-scheme:light;--bg: #f5f7fb;--text: #1d2433;--muted: #667085;--card: #ffffff;--primary: #4f46e5;--border: #d0d5dd}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;background:var(--card);border-bottom:1px solid var(--border)}header h1{margin:0;font-size:1.4rem}nav a{color:var(--primary);font-weight:600;text-decoration:none;margin-right:1rem}main{padding:2rem;max-width:1100px;margin:0 auto}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}input,textarea,select{width:100%;padding:.6rem .75rem;border-radius:6px;border:1px solid var(--border);font-size:.95rem}button{padding:.6rem 1.2rem;border-radius:6px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer}button.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}button:disabled{opacity:.5;cursor:not-allowed}.card-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;min-height:280px}.card img{width:100%;height:160px;object-fit:cover;background:#eef2ff}.card .card-body{padding:.9rem;display:flex;flex-direction:column;gap:.5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem}.tag{background:#eef2ff;color:#3730a3;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.pagination{margin-top:1.5rem;display:flex;align-items:center;gap:.75rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-section{background:var(--card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.helper{color:var(--muted);font-size:.85rem}.status{margin-top:.75rem;font-weight:600}.error{color:#b42318}.success{color:#027a48}#root{min-height:100vh}