*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f8fafc}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:0 18px}.flex{display:flex;gap:16px}.between{justify-content:space-between}.center{align-items:center}.small{font-size:14px}.topbar{background:#111827;color:#fff;padding:10px 0}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.navbar .container{min-height:72px}.logo{font-size:22px;font-weight:700;color:#dc2626}.menu{display:flex;gap:18px;align-items:center}.menu a{font-weight:600}.menu-toggle{display:none;border:0;background:#dc2626;color:#fff;padding:10px 14px;border-radius:8px}.hero{background:#111827;color:#fff}.hero-slide{min-height:460px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.hero img{max-width:100%;border-radius:24px}.hero h1{font-size:48px;margin:0 0 12px}.btn{display:inline-block;background:#dc2626;color:#fff;padding:12px 18px;border-radius:10px;border:0;cursor:pointer;font-weight:700}.btn.secondary{background:#111827}.section{padding:56px 0}.section-title{font-size:34px;margin:0 0 24px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.05)}.card .pad{padding:18px}.card img{width:100%;height:210px;object-fit:cover;background:#e5e7eb}.price{color:#dc2626;font-size:22px;font-weight:700}.content{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;line-height:1.7}.sidebar{display:flex;flex-direction:column;gap:18px}.box{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.box a{display:block;padding:9px 0;border-bottom:1px solid #eee}.form{display:grid;gap:14px}.input,textarea,select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px;font:inherit}textarea{min-height:140px}.alert{padding:14px;border-radius:10px;margin-bottom:16px}.success{background:#dcfce7}.error{background:#fee2e2}.footer{background:#111827;color:#d1d5db;padding:44px 0}.footer h3{color:#fff}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#111827;color:#fff;padding:22px}.admin-side a{display:block;padding:10px;border-radius:8px}.admin-side a:hover{background:#374151}.admin-main{padding:24px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #e5e7eb;padding:10px;text-align:left}.actions{display:flex;gap:8px}.login{max-width:420px;margin:80px auto;background:#fff;padding:28px;border-radius:18px;border:1px solid #e5e7eb}@media(max-width:800px){.hero-slide,.grid-2,.grid-3,.grid-4,.admin-layout{grid-template-columns:1fr}.menu{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;flex-direction:column;padding:18px;border-bottom:1px solid #eee}.menu-open .menu{display:flex}.menu-toggle{display:block}.hero h1{font-size:34px}}