:root{
  --ad-bg:#f8fafc;
  --ad-surface:#ffffff;
  --ad-text:#0f172a;
  --ad-muted:#64748b;
  --ad-border:#e2e8f0;
  --ad-primary:#0f172a;
  --ad-radius:8px;
}
html{scroll-behavior:smooth}
body{background:var(--ad-bg)!important;color:var(--ad-text)!important;font-family:Inter,system-ui,sans-serif!important;display:flex;min-height:100vh}
.sidebar{width:260px!important;background:#0f172a!important;color:#e2e8f0!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important}
.sidebar-header{padding:18px 18px 16px!important;font-size:18px!important;font-weight:700!important;border-bottom:1px solid rgba(255,255,255,.08)!important;letter-spacing:.01em}
.nav-list{list-style:none!important;padding:12px 10px!important;flex:1 1 auto!important;overflow:auto!important}
.nav-link{display:block!important;padding:11px 13px!important;margin-bottom:4px!important;border-radius:8px!important;color:#cbd5e1!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important;border-left:0!important;background:transparent!important}
.nav-link:hover,.nav-link.active{background:#1e293b!important;color:#fff!important;border-left:0!important}
.logout-btn{padding:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;text-align:left!important}
.logout-btn a{display:inline-flex!important;width:100%!important;justify-content:center!important;align-items:center!important;padding:11px 14px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:#111827!important;color:#fff!important;text-decoration:none!important;font-weight:600!important;text-transform:none!important}
.main-content{flex:1!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.topbar{background:var(--ad-surface)!important;border-bottom:1px solid var(--ad-border)!important;padding:18px 22px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;position:sticky!important;top:0!important;z-index:20!important}
.topbar h2{font-size:22px!important;color:var(--ad-text)!important}
.topbar small{display:block!important;color:var(--ad-muted)!important;font-size:13px!important;margin-top:4px!important}
.page-wrap,.dashboard-wrapper,.wrapper{padding:22px!important;overflow:auto!important}
.grid,.settings-grid,.section-grid,.row-list,.media-grid,.action-grid,.check-grid,.form-grid{gap:16px!important}
.card,.section-card,.banner-card,.row-card,.media-item,.preview-shell,.meta-box{background:var(--ad-surface)!important;border:1px solid var(--ad-border)!important;border-radius:8px!important;box-shadow:none!important}
.card,.section-card,.banner-card,.row-card,.media-item,.meta-box{padding:20px!important}
.table-wrap,.table-container{overflow:auto!important;background:var(--ad-surface)!important;border:1px solid var(--ad-border)!important;border-radius:8px!important}
.table,.table th,.table td,table,table th,table td{border-color:var(--ad-border)!important}
.table th,table th{background:#f8fafc!important;color:#475569!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
input,textarea,select,.input,.select,.textarea,.form-group input,.form-group textarea,.form-group select{border:1px solid var(--ad-border)!important;border-radius:8px!important;background:#fff!important;color:var(--ad-text)!important;box-shadow:none!important}
input:focus,textarea:focus,select:focus,.input:focus,.select:focus,.textarea:focus{outline:none!important;border-color:#94a3b8!important;box-shadow:0 0 0 3px rgba(148,163,184,.15)!important}
.btn,.btn-primary,.btn-submit,.preview-btn,.btn-update{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:11px 15px!important;border-radius:8px!important;border:1px solid #0f172a!important;background:#0f172a!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important;font-weight:700!important}
.btn-light,.btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:11px 15px!important;border-radius:8px!important;border:1px solid var(--ad-border)!important;background:#fff!important;color:#0f172a!important;text-decoration:none!important;font-weight:700!important}
.btn-danger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:11px 15px!important;border-radius:8px!important;border:1px solid #fecaca!important;background:#fff1f2!important;color:#b42318!important;text-decoration:none!important;font-weight:700!important}
.actions,.mini-actions,.toolbar,.inline-form,.search-form,.mini-form,.update-form{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important}
.alert{padding:14px 15px!important;border-radius:8px!important;margin-bottom:16px!important;font-weight:600!important;font-size:14px!important}
.alert.success,.success{background:#ecfdf3!important;color:#166534!important;border:1px solid #b7e4c7!important}
.alert.error,.error{background:#fff1f2!important;color:#b42318!important;border:1px solid #fecdd3!important}
.thumb,.logo,.media-thumb,.method-logo,.preview-logo{border-radius:8px!important;background:#f8fafc!important;border:1px solid var(--ad-border)!important}
.pill,.badge{border-radius:999px!important}
.preview-top,.preview-hero{background:#0f172a!important;color:#fff!important}
.preview-btn{background:#fff!important;color:#0f172a!important;border-color:#fff!important}
@media (max-width:1100px){body{display:block!important}.sidebar{width:100%!important}.page-wrap,.dashboard-wrapper,.wrapper{padding:16px!important}}