:root{--bg:#f4f6f9;--card:#ffffff;--text:#111827;--muted:#6b7280;--border:rgba(17,24,39,.10);--primary:#16a34a}
body{background:var(--bg);color:var(--text)}
.navbar{background:var(--card);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px}
.form-control,.form-select{border-color:var(--border);border-radius:12px}
.form-control:focus,.form-select:focus{box-shadow:none;border-color:var(--primary)}
.btn-primary{background:var(--primary);border-color:var(--primary);font-weight:800;border-radius:12px}
.small-muted{color:var(--muted);font-size:12px}
.hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);height:140px}
.hero img{width:100%;height:100%;object-fit:cover;display:block}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(17,24,39,.72), rgba(17,24,39,.18))}
.hero-text{position:absolute;left:16px;bottom:14px;color:#fff}
.hero-title{font-weight:900;font-size:20px;line-height:1.1}
.hero-sub{opacity:.9;font-size:13px;margin-top:4px}
@media (max-width: 768px){.hero{height:110px}.hero-title{font-size:18px}}