/* Simple, readable UI */
:root{--primary:#6b46c1;--secondary:#f6ad55;--text:#2d3748;--bg:#f7fafc;--font:Arial, sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}
header{background:var(--primary);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
header a{color:#fff;text-decoration:none;margin-right:12px}
.container{max-width:1100px;margin:0 auto;padding:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.card img{width:100%;height:180px;object-fit:cover}
.card .meta{padding:12px}
.button,button,input[type=submit]{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}
.button.secondary{background:var(--secondary);color:#1a202c}
input,select,textarea{padding:8px;width:100%}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #e2e8f0;text-align:left;padding:8px}
.flash{padding:10px;border-radius:8px;margin:8px 0;background:#e6fffa}
footer{background:#1a202c;color:#e2e8f0;padding:24px;margin-top:40px}