*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body.light{color:#0f172a;background:#f8fafc}body.dark{color:#e5e7eb;background:#0f172a}.container{max-width:900px;margin:40px auto;padding:0 20px}nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;padding:14px 24px;display:flex}body.dark nav{background:#0f172ae6;border-color:#1e293b}nav a{color:inherit;font-weight:500;text-decoration:none}nav a:hover{opacity:.8}nav button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:6px;margin-left:auto;padding:6px 12px}nav button:last-child{background:#ef4444}h1{margin-bottom:16px;font-size:2rem}h2{margin-bottom:12px;font-size:1.4rem}h3{font-size:1.1 rem}form{background:#fff;border-radius:12px;max-width:400px;padding:20px}body.dark form{background:#020617}input{border:1px solid #cbd5f5;border-radius:8px;width:100%;margin:10px 0;padding:10px}button{cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:500}button:hover{opacity:.9}.products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}body.dark .card{background:#020617;border-color:#1e293b}.card p{opacity:.8;margin-top:6px}.dashboard{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:16px;padding:24px}