*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fafafa;color:#222}
a{color:#0a6;border:0;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{color:#fff;background-size:cover;background-position:center}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.55);padding:10px 16px}
.logo{height:36px;vertical-align:middle;margin-right:8px}
.brand{display:flex;align-items:center;font-weight:700;font-size:20px;color:#fff}
.menu a{margin:0 10px;color:#fff}
.menu .btn{padding:6px 10px;background:#0a6;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.card{background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:12px}
.card h3{margin:8px 0;font-size:16px}
.cat-icon{width:100%;border-radius:10px;background:#f6f2e7}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ad{background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:12px;position:relative}
.ad.premium{outline:3px solid #d2a100}
.ad .badge{position:absolute;top:10px;right:10px}
.ad-title{font-weight:700;margin:4px 0}
.ad-title.underline{text-decoration:underline}
.ad-title.bold{font-weight:800}
.ad .price{color:#0a6;font-weight:700}
.flex{display:flex;gap:16px;flex-wrap:wrap}
.form{background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:16px}
.form label{display:block;margin:10px 0 4px}
.form input[type=text], .form input[type=password], .form input[type=number], .form textarea, .form select{
  width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;background:#fff
}
.form textarea{min-height:140px}
.btn-primary{display:inline-block;background:#0a6;color:#fff;padding:10px 16px;border-radius:12px;border:0;cursor:pointer}
.btn-danger{background:#b02; color:#fff; padding:8px 12px;border-radius:10px;border:0}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.footer{background:#111;color:#bbb}
.footer .container{padding:20px}
.small{font-size:12px;color:#666}