:root{--primary: #2563eb;--bg: #f9fafb;--text: #1f2937;--card: #ffffff}[data-theme=dark]{--bg: #0f172a;--text: #e5e7eb;--card: #1e293b}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--text)}.container{max-width:1200px;padding:1rem;margin:auto}nav{background:var(--card);padding:1rem;display:flex;justify-content:space-between;align-items:center}nav a{margin-right:1rem;text-decoration:none;color:var(--text);font-weight:500}button{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:var(--card);border-radius:10px;padding:1rem;box-shadow:0 4px 10px #0000001a}.card img{width:100%;height:200px;object-fit:contain}@media (max-width: 600px){nav{flex-direction:column;gap:.5rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card)}.logo{font-weight:700;font-size:1.3rem}.footer{margin-top:3rem;padding:1rem;text-align:center;background:var(--card);color:var(--text)}.nav-actions{display:flex;align-items:center;gap:12px}.btn-theme,.btn-logout{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.btn-theme{background:#2563eb;color:#fff}.btn-theme:hover{opacity:.85}.btn-logout{background:#ef4444;color:#fff}.btn-logout:hover{opacity:.85}.badge{margin-left:6px;background:red;color:#fff;padding:2px 6px;border-radius:999px;font-size:12px}