:root { --bg:#ffffff; --text:#111; --card:#f3f3f3; --accent:#2563eb; }
.dark { --bg:#0f172a; --text:#f1f5f9; --card:#1e293b; --accent:#3b82f6; }
body { margin:0; font-family:Arial; background:var(--bg); color:var(--text);} 
.container{padding:20px;max-width:900px;margin:auto}
.card{background:var(--card);padding:15px;border-radius:16px;margin-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
button{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;background:var(--accent);color:white;margin:4px}
select,input{padding:6px;border-radius:8px;border:1px solid #ccc;margin:4px}
.table-header,.table-row{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;padding:6px 0;text-align:center}
.table-header{font-weight:bold;border-bottom:2px solid gray}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
img{width:100%;border-radius:10px}
.top-bar{display:flex;justify-content:space-between}
.small{font-size:12px;opacity:.4;cursor:pointer}