/* Minimal frontend styles */
:root{--bg:#f6f7fb;--text:#1f2937;--muted:#6b7280;--brand:#2f6f9f;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial, sans-serif;}
.container{width:90%;max-width:1200px;margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand a{font-weight:700;font-size:20px;text-decoration:none;color:#111}
.main-nav{gap:14px; display:flex}
.main-nav a{margin:0 6px;text-decoration:none;color:#333;font-size:14px}
.mobile-nav-toggle{display:none;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 10px;cursor:pointer}
.nav-wrap{display:flex}
.nav-wrap.open{position:absolute;top:60px;left:0;right:0;background:#fff;border-top:1px solid #eee;flex-direction:column;padding:8px 12px}
.site-content{padding:20px 0}
.banner-slider{margin:20px 0}
.btn-primary, .btn-secondary{display:inline-block;padding:10px 14px;border-radius:4px;text-decoration:none}
.btn-primary{background:var(--brand);color:white}
.btn-secondary{background:#f0f0f0;color:#111;border:1px solid #ddd}
.img-fluid{max-width:100%;height:auto}
.services-section{padding:20px 0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.service-category{margin-bottom:20px}
.service-item{border:1px solid #eee;border-radius:6px;padding:12px;margin:6px 0}
.blog-section{padding:20px 0}
.blog-card{border:1px solid #eee;border-radius:6px;overflow:hidden;margin:12px 0;display:flex;flex-direction:column}
.blog-image{width:100%;height:180px;object-fit:cover}
.banner-thumb{width:100px;height:60px;object-fit:cover}
.admin-container{display:flex;min-height:100vh}
.admin-sidebar{width:260px;background:#111;color:#fff;padding:20px 0}
.admin-main{flex:1;padding:20px}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}
.stat-card{background:#fff;border:1px solid #eee;border-radius:6px;padding:12px;display:flex;gap:12px;align-items:center}
.stat-icon{font-size:28px;color:var(--brand)}
.banner-form, .menu-form, .service-form, .blog-page, .services-list{background:#fff;border:1px solid #eee;border-radius:6px;padding:16px;margin:12px 0}
.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{border:1px solid #eee;padding:8px}
.badge{background:#ddd;border-radius:12px;padding:2px 8px;font-size:12px}
.status-active{color:#0f5132;background:#d1e7dd;border-radius:6px;padding:2px 6px}
.status-inactive{color:#842029;background:#f8d7da;border-radius:6px;padding:2px 6px}
.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:1px solid #ddd;background:#fff;text-decoration:none;color:#333}
.btn-icon i{font-size:14px}
.form-group{margin-bottom:12px}
.form-group label{display:block;margin-bottom:6px}
.form-group input, .form-group textarea, .form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}
.form-actions{display:flex;gap:8px;align-items:center}
.banner-list{margin-top:12px}
.no-items{color:#666}
@media (max-width: 900px){
  .col-md-6{width:100%}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .mobile-nav-toggle{display:inline-block}
  .main-nav{display:none}
  .nav-wrap{display:none}
  .nav-wrap.open{display:flex;}
  .nav-wrap.open{position:absolute;top:60px;left:0;right:0;background:#fff;border-top:1px solid #eee;flex-direction:column;padding:8px 12px}
  .blog-section, .services-section { padding: 16px; }
}