/* =========================================================
   Super Marketplace - Clean Fixed UI CSS
   Replace the old assets/css/style.css with this file.
   This file is consolidated to avoid duplicate/conflicting patches.
========================================================= */

:root{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --text:#0f172a;
  --muted:#64748b;
  --brand:#2563eb;
  --brand2:#1e40af;
  --accent:#f59e0b;
  --cyan:#06b6d4;
  --success:#16a34a;
  --warning:#d97706;
  --danger:#dc2626;
  --border:#e2e8f0;
  --border2:#dbe3ef;
  --dark:#0f172a;
  --shadow:0 18px 50px rgba(15,23,42,.12);
  --shadow2:0 10px 28px rgba(15,23,42,.07);
  --radius:20px;
  --radius2:28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.09), transparent 28%),
    radial-gradient(circle at top right, rgba(245,158,11,.08), transparent 24%),
    var(--bg);
  color:var(--text);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1220px,100%);margin:0 auto;padding:0 16px}
.main-wrap{min-height:60vh;overflow:hidden}
.muted{color:var(--muted)!important}

/* Header */
.topbar{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(226,232,240,.9);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 30px rgba(15,23,42,.06);
}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:18px}
.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:900;letter-spacing:-.04em;color:var(--text);white-space:nowrap}
.brand:before{display:none!important;content:none!important}
.brand-mark{width:44px;height:44px;min-width:44px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:21px;font-weight:900;box-shadow:0 12px 28px rgba(37,99,235,.30)}
.navlinks{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
.navlinks a{position:relative;padding:10px 12px;border-radius:14px;color:#334155;font-weight:850;font-size:14px;transition:.2s ease}
.navlinks a:hover{background:#eff6ff;color:var(--brand)}
.navlinks .btn.small{color:#fff!important;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 28px rgba(37,99,235,.24);border-radius:14px;padding:11px 16px}
.nav-actions{display:none;align-items:center;gap:8px;margin-left:auto}
.nav-toggle{width:44px;height:44px;display:none;align-items:center;justify-content:center;border:0;border-radius:14px;background:#eff6ff;color:var(--brand2);font-size:24px;font-weight:900;box-shadow:none;cursor:pointer}

/* Buttons and forms */
.btn,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:12px 18px;border-radius:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(37,99,235,.22);transition:.2s ease;text-decoration:none}
.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(37,99,235,.28)}
.btn.small{padding:9px 13px;font-size:14px;border-radius:999px}
.btn.ghost{background:#fff!important;color:var(--brand)!important;border:1px solid #bfdbfe!important;box-shadow:none!important}
.btn.dark{background:var(--dark)!important;box-shadow:none!important}
.btn.red{background:var(--danger)!important;box-shadow:none!important;color:#fff!important}
input,select,textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border2);border-radius:15px;background:#fff;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.10);background:#fff}
textarea{min-height:132px;resize:vertical;line-height:1.7}
label{display:block;font-weight:900;margin:10px 0 6px;color:#334155;font-size:13px}
input[type=file]{padding:14px!important;min-height:58px!important;background:linear-gradient(135deg,#f8fafc,#eff6ff)!important;border:1px dashed #93c5fd!important;cursor:pointer}
input[type=file]::file-selector-button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;padding:10px 14px;margin-right:12px;cursor:pointer}

/* Alerts */
.alert{margin:16px 0;padding:14px 16px;border-radius:16px;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;font-weight:800;box-shadow:var(--shadow2)}
.alert.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.alert.error,.alert.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.alert.info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}

/* Hero */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  display:flex;
  align-items:center;
  color:#fff;
  padding:62px 0;
  background:
    radial-gradient(circle at 78% 15%, rgba(96,165,250,.28), transparent 32%),
    radial-gradient(circle at 15% 80%, rgba(245,158,11,.18), transparent 28%),
    linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#2563eb 100%);
}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(15,23,42,.90),rgba(15,23,42,.42)),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07'%3E%3Cpath d='M0 0h80v80H0z'/%3E%3Cpath d='M0 40h80M40 0v80'/%3E%3C/g%3E%3C/svg%3E")}
.hero:after{content:"";position:absolute;right:-130px;top:-130px;width:390px;height:390px;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(2px);z-index:-1}
.hero .container{position:relative;z-index:1;width:100%}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:34px;align-items:center;width:100%}
.hero h1{max-width:780px;margin:0 0 18px;color:#fff;font-size:clamp(34px,5vw,54px);line-height:1.05;font-weight:900;letter-spacing:-.055em;text-shadow:0 8px 22px rgba(0,0,0,.18)}
.hero p{max-width:680px;margin:0 0 24px;color:rgba(255,255,255,.88);font-size:18px;line-height:1.75}
.hero-pills,.hero .mini,.mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-pills span,.hero .mini span,.hero .mini a,.mini span,.mini a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:13px;font-weight:850;backdrop-filter:blur(10px)}
.hero-card,.live-card,.trust-card,.hero-stats,.stats-card,.hero .stats{background:rgba(255,255,255,.96);color:var(--text);border:1px solid rgba(255,255,255,.75);border-radius:28px;padding:22px;box-shadow:0 26px 70px rgba(15,23,42,.22)}
.hero-card *,.live-card *,.trust-card *,.hero-stats *,.stats-card *,.hero .stats *{color:var(--text)}
.hero-card p,.live-card p,.trust-card p,.hero-stats p,.stats-card p,.hero .stats p,.hero-card small,.live-card small,.trust-card small,.hero-stats small,.stats-card small,.hero .stats small{color:var(--muted)!important}
.hero-card .mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.hero-card .mini div,.hero .stat,.hero-card .stat,.live-card .stat,.trust-card .stat,.hero-stats .stat,.stats-card .stat{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid var(--border);border-radius:20px;padding:18px;min-height:92px}
.hero-card strong,.hero .stat strong,.hero-card .stat strong,.live-card .stat strong,.trust-card .stat strong,.hero-stats .stat strong,.stats-card .stat strong{display:block;font-size:28px;line-height:1;color:var(--brand)!important;font-weight:900;margin-bottom:8px}
.hero-card span,.hero .stat span,.hero-card .stat span,.live-card .stat span,.trust-card .stat span,.hero-stats .stat span,.stats-card .stat span{color:#475569!important;font-size:13px;font-weight:850}
.searchbox{margin-top:26px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.70);border-radius:28px;padding:18px;box-shadow:0 28px 80px rgba(15,23,42,.30);display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px}
.searchbox input,.searchbox select{height:52px;border-radius:16px;border:1px solid var(--border2);background:#f8fafc;color:var(--text);font-size:15px;padding:0 16px}
.searchbox button,.searchbox .btn{height:52px;border-radius:16px;font-size:15px;font-weight:900;white-space:nowrap}

/* Home premium optional blocks */
.home-hero{position:relative;overflow:hidden;color:#fff;padding:76px 0 58px;background:radial-gradient(circle at 18% 10%, rgba(14,165,233,.36), transparent 30%),radial-gradient(circle at 85% 12%, rgba(168,85,247,.28), transparent 28%),linear-gradient(135deg,#020617 0%,#172554 48%,#0f766e 100%)}
.home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;opacity:.28}
.hero-premium-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .72fr;gap:34px;align-items:center}
.hero-copy h1{font-size:clamp(36px,5.5vw,66px);line-height:.98;margin:12px 0 16px;letter-spacing:-.06em;max-width:850px}
.hero-copy p{font-size:18px;color:#dbeafe;max-width:760px;margin:0 0 22px}.hero-topline{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.10);font-weight:900;font-size:13px;color:#ecfeff}.hero-topline span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.premium-search{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.22);padding:12px;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.26);backdrop-filter:blur(12px)}
.search-field{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:8px 12px}.search-field label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 2px}.search-field input,.search-field select{padding:4px 0;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:28px}.search-submit{border-radius:18px;padding:0 22px;white-space:nowrap}
.hero-quick,.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-quick a{font-size:13px;font-weight:900;color:#e0f2fe;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15)}.hero-ghost{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.hero-phone-card{width:min(360px,100%);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);border-radius:32px;padding:20px;box-shadow:0 36px 80px rgba(0,0,0,.28);backdrop-filter:blur(16px);transform:rotate(2deg)}.phone-top{display:flex;gap:6px;margin-bottom:16px}.phone-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55)}.phone-title{font-size:22px;font-weight:900;margin-bottom:12px;letter-spacing:-.03em}.phone-item{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:13px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}.phone-item small{color:#dbeafe;font-weight:800}.phone-cta{margin-top:14px;text-align:center;padding:13px;border-radius:18px;background:#fff;color:#1d4ed8;font-weight:900}

/* Sections and grids */
.section{padding:52px 0}.section:nth-child(even){background:linear-gradient(180deg,#f8fafc,#eef3fb)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h1,.section-head h2,.section h1,.section h2{margin:0;color:var(--text);font-weight:900;letter-spacing:-.04em}.section h1{font-size:34px}.section h2{font-size:29px}.section h2:after,.sidebar-layout>section h1:after{content:"";display:block;width:70px;height:4px;border-radius:20px;background:linear-gradient(90deg,var(--brand),var(--accent));margin-top:10px}.section-lead,.section-head p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.center-head{justify-content:center;text-align:center}.center-head .section-lead{max-width:660px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two,.form-grid,.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* Cards */
.card{background:var(--surface);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow2);transition:.22s ease;min-width:0}.card:hover{box-shadow:var(--shadow);border-color:rgba(37,99,235,.22)}
.cat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:92px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.95);box-shadow:0 10px 26px rgba(15,23,42,.07);overflow:hidden;text-decoration:none;color:var(--text);font-weight:900;transition:.2s ease}.cat:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(37,99,235,.28);color:var(--brand)}.cat-main{display:flex;align-items:center;gap:12px}.cat-icon{width:48px;height:48px;min-width:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--brand);font-size:22px;font-weight:900}.cat small{display:block;color:var(--muted);font-weight:850;background:#f1f5f9;padding:6px 9px;border-radius:999px;white-space:nowrap;margin-top:3px}
.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.type-card,.how-card,.city-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow2);transition:.2s ease}.type-card{text-align:center;padding:22px 16px}.type-card:hover,.how-card:hover,.city-card:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:var(--shadow)}.type-icon{display:grid;place-items:center;margin:0 auto 12px;width:58px;height:58px;border-radius:20px;background:#eff6ff;font-size:27px}.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.city-card{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fafc;padding:14px;border-radius:16px;font-weight:900}.city-card small{color:var(--muted);background:#fff;border:1px solid var(--border);padding:4px 7px;border-radius:999px;font-size:12px;white-space:nowrap}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.how-card{padding:22px}.how-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-weight:900;margin-bottom:12px}.how-card h3{margin:0 0 7px;letter-spacing:-.02em}.how-card p{margin:0;color:var(--muted)}

/* Listing cards */
.listing{position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:100%;border-radius:24px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 10px 30px rgba(15,23,42,.08);transition:.22s ease}.listing:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(15,23,42,.14);border-color:rgba(37,99,235,.24)}.listing-media{position:relative;background:#e2e8f0;overflow:hidden}.listing img{width:100%;height:220px;object-fit:cover;display:block;background:#e2e8f0;transition:transform .35s ease}.listing:hover img{transform:scale(1.04)}.listing-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap}.listing .pad{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.listing h3{font-size:18px;line-height:1.35;margin:0;color:var(--text);font-weight:900}.listing p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.listing-meta,.listing .meta,.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-top:auto}.listing-meta{justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}.price{display:inline-flex;align-items:center;gap:5px;font-size:20px;font-weight:900;color:var(--success);letter-spacing:-.02em;margin-top:8px}.price:before{content:none!important}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:var(--brand);font-size:11px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.3px}.badge.green,.badge.approved,.badge.active,.badge.featured{background:#dcfce7;color:#166534}.badge.yellow,.badge.pending,.badge.premium,.badge.gold{background:#fef3c7;color:#92400e}.badge.red,.badge.rejected,.badge.expired{background:#fee2e2;color:#991b1b}.badge.blue{background:#dbeafe;color:#1d4ed8}.listing .actions,.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.listing .actions a,.card-actions a{flex:1;min-width:110px;text-align:center;padding:10px 12px;border-radius:13px;font-size:13px;font-weight:900;background:#eff6ff;color:var(--brand)}.listing .actions a:hover,.card-actions a:hover{background:var(--brand);color:#fff}

/* Tables */
.table-wrap{width:100%;overflow:auto;border-radius:20px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow2)}.table,table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;overflow:hidden}.table{min-width:760px}.table th,.table td,table th,table td{border-bottom:1px solid #eef2f7;padding:14px;text-align:left;vertical-align:middle}.table th,table th{background:#f8fafc;color:#334155;font-size:13px;text-transform:uppercase;letter-spacing:.04em;font-weight:900;white-space:nowrap}.table tr:hover td,table tr:hover td{background:#f8fafc}.empty,.no-data{padding:34px 22px;text-align:center;background:#fff;border:1px dashed #bfdbfe;border-radius:24px;color:var(--muted);font-weight:800}.status,.status-pending,.status-approved,.status-rejected,.status-active,.status-expired{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.status.pending,.status-pending{background:#fef3c7;color:#92400e}.status.approved,.status.active,.status-approved,.status-active{background:#dcfce7;color:#166534}.status.rejected,.status.expired,.status-rejected,.status-expired{background:#fee2e2;color:#991b1b}

/* Auth */
.auth-wrap,.login-wrap,.register-wrap{min-height:calc(100vh - 170px);display:flex;align-items:center;justify-content:center;padding:48px 14px;background:radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 34%),radial-gradient(circle at bottom right, rgba(245,158,11,.12), transparent 30%),linear-gradient(180deg,#f8fafc,#eef3fb)}.formbox{max-width:560px;margin:34px auto}.formbox .card,.formbox,.auth-card,.login-card,.register-card{max-width:560px;width:100%;border-radius:30px;padding:30px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 26px 80px rgba(15,23,42,.14);position:relative;overflow:hidden}.formbox:before,.auth-card:before,.login-card:before,.register-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--brand),var(--accent))}.formbox h1,.formbox h2,.auth-card h1,.auth-card h2,.login-card h1,.login-card h2,.register-card h1,.register-card h2{color:var(--text);font-size:32px;font-weight:900;letter-spacing:-1px;margin:0 0 10px}.formbox p,.auth-card p,.login-card p,.register-card p{color:var(--muted);line-height:1.7}.formbox button,.formbox input[type=submit],.auth-card button,.auth-card input[type=submit],.login-card button,.login-card input[type=submit],.register-card button,.register-card input[type=submit]{width:100%;min-height:54px}.formbox a,.auth-card a,.login-card a,.register-card a{color:var(--brand);font-weight:900}.account-types,.role-options,.type-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 18px}.account-types label,.role-options label,.type-options label{padding:13px;border-radius:16px;border:1px solid var(--border);background:#f8fafc;cursor:pointer;margin:0;transition:.2s ease}.account-types label:hover,.role-options label:hover,.type-options label:hover{border-color:var(--brand);background:#eff6ff}

/* Dashboard and admin */
.sidebar-layout,.dash-layout,.dashboard-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;padding:28px 0 42px}.sidebar-layout>section,.dash-content,.dashboard-content,.admin-content,.admin-main,.admin-body{min-width:0}.sidebar{position:sticky;top:100px;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:28px;padding:16px;height:max-content;box-shadow:0 18px 48px rgba(15,23,42,.10);overflow:hidden}.sidebar:before{content:"Dashboard";display:block;padding:16px 14px;margin:0 0 14px;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:18px;font-weight:900;letter-spacing:-.4px}.sidebar strong,.sidebar h3,.sidebar .user-name{display:block;color:var(--text);font-size:18px;font-weight:900;margin:0 0 4px}.sidebar p,.sidebar small,.sidebar .muted{color:var(--muted);margin:0 0 14px}.sidebar a{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:12px 14px;border-radius:16px;color:#334155;font-weight:900;font-size:14px;margin:4px 0;transition:.2s ease}.sidebar a:hover,.sidebar a.active{background:#eff6ff;color:var(--brand);transform:translateX(2px)}.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.dashboard-title h1,.sidebar-layout>section h1,.dash-content h1,.dashboard-content h1,.admin-content h1,.admin-main h1,.admin-body h1{margin:0 0 18px;color:var(--text);font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:900}.dash-content h2,.dashboard-content h2,.admin-content h2,.admin-main h2,.admin-body h2{font-size:24px;font-weight:900;color:var(--text);letter-spacing:-.5px}.stats,.stat-grid,.stats-grid,.dashboard-cards,.dash-cards,.admin-stats,.admin-cards,.stats-row,.overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat,.stat-card,.dash-card,.dashboard-card,.admin-stats .card,.admin-cards .card,.stats-row .card,.overview-cards .card{position:relative;overflow:hidden;border-radius:26px;padding:22px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 14px 38px rgba(15,23,42,.08)}.stat:after,.stat-card:before,.dash-card:before,.dashboard-card:before{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:rgba(37,99,235,.10)}.stat span,.stat-card h3,.dash-card h3,.dashboard-card h3{position:relative;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px}.stat strong,.stat-card strong,.dash-card strong,.dashboard-card strong,.stat-card .num,.dash-card .num,.dashboard-card .num{position:relative;display:block;color:var(--text);font-size:34px;line-height:1;font-weight:900;letter-spacing:-1px}.dash-content .card,.dashboard-content .card,.admin-content .card,.admin-main .card,.admin-body .card,.sidebar-layout section>.card{border-radius:26px;padding:22px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 14px 38px rgba(15,23,42,.08)}
.admin-layout,.admin-panel,.admin-main-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.admin-sidebar,.admin-nav,.admin-menu{position:sticky;top:100px;border-radius:28px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 48px rgba(15,23,42,.10);padding:16px;overflow:hidden}.admin-sidebar:before,.admin-nav:before,.admin-menu:before{content:"Admin Panel";display:block;padding:16px 14px;margin:0 0 14px;border-radius:20px;background:linear-gradient(135deg,var(--dark),var(--brand));color:#fff;font-size:18px;font-weight:900;letter-spacing:-.4px}.admin-sidebar a,.admin-nav a,.admin-menu a{display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 14px;margin-bottom:6px;border-radius:16px;text-decoration:none;color:#334155;font-weight:900;font-size:14px;transition:.2s ease}.admin-sidebar a:hover,.admin-sidebar a.active,.admin-nav a:hover,.admin-nav a.active,.admin-menu a:hover,.admin-menu a.active{background:#eff6ff;color:var(--brand);transform:translateX(2px)}.admin-content table a,.admin-main table a,.admin-body table a,.sidebar-layout table td a,.dashboard-content table td a,.dash-content table td a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 11px;border-radius:11px;background:#eff6ff;color:var(--brand);font-size:12px;font-weight:900;text-decoration:none;margin:3px 2px}.admin-content table a:hover,.admin-main table a:hover,.admin-body table a:hover,.sidebar-layout table td a:hover,.dashboard-content table td a:hover,.dash-content table td a:hover{background:var(--brand);color:#fff}.admin-content table a[href*="delete"],.admin-main table a[href*="delete"],.admin-body table a[href*="delete"],.sidebar-layout table td a[href*="delete"],.sidebar-layout table td a[href*="remove"]{background:#fef2f2;color:#991b1b}.admin-content table a[href*="approve"],.admin-main table a[href*="approve"],.admin-body table a[href*="approve"],.admin-content table a[href*="feature"],.admin-main table a[href*="feature"],.admin-body table a[href*="feature"]{background:#ecfdf5;color:#166534}

/* Listing detail */
.detail{display:grid;grid-template-columns:minmax(0,1.45fr) 390px;gap:24px;align-items:start}.detail>div>.card:first-child{border-radius:28px;padding:24px;background:radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 32%),#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 48px rgba(15,23,42,.10)}.detail h1{font-size:36px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 12px;color:var(--text);font-weight:900}.detail .price{margin-top:14px;display:inline-flex;padding:10px 16px;border-radius:16px;background:#ecfdf5;border:1px solid #bbf7d0;color:var(--success);font-size:24px;font-weight:900}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0}.gallery img{width:100%;height:250px;object-fit:cover;border-radius:22px;border:1px solid rgba(226,232,240,.95);box-shadow:0 12px 32px rgba(15,23,42,.10);background:#e2e8f0;transition:.22s ease}.gallery img:first-child{grid-column:1/-1;height:390px}.contactbox{position:sticky;top:100px;border-radius:28px;padding:24px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 22px 60px rgba(15,23,42,.14)}.contactbox h2{font-size:24px;font-weight:900;margin:0 0 12px;color:var(--text)}.contactbox p{color:var(--muted);font-weight:700}.contactbox .btn{width:100%;min-height:52px;border-radius:16px;font-size:15px;font-weight:900;margin-bottom:8px}.contactbox .btn[href^="tel"]{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.contactbox .btn.ghost{background:linear-gradient(135deg,#16a34a,#15803d)!important;border:0!important;color:#fff!important}.contactbox form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}

/* Post ad, plans and content blocks */
.post-form,.listing-form,.ad-form,form.card{border-radius:30px;padding:28px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 22px 70px rgba(15,23,42,.12);position:relative;overflow:hidden}.post-form:before,.listing-form:before,.ad-form:before,form.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--brand),var(--accent))}.plan-grid,.package-grid,.category-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan,.subscription-plan,.pricing-card,.plan-card,.package-card,.option-card{position:relative;overflow:hidden;border-radius:28px;padding:26px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 48px rgba(15,23,42,.10);transition:.22s ease}.plan:hover,.subscription-plan:hover,.pricing-card:hover,.plan-card:hover,.package-card:hover,.option-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(15,23,42,.16);border-color:rgba(37,99,235,.30)}.plan h2,.plan h3,.subscription-plan h2,.subscription-plan h3,.pricing-card h2,.pricing-card h3,.plan-card h2,.plan-card h3{color:var(--text);font-size:24px;font-weight:900;letter-spacing:-.6px;margin:0 0 10px}.plan .price,.subscription-plan .price,.pricing-card .price,.plan-card .price{display:inline-flex;align-items:flex-end;gap:4px;padding:10px 14px;border-radius:16px;background:#eff6ff;color:var(--brand);font-size:30px;font-weight:900;margin:10px 0 14px}.plan ul,.subscription-plan ul,.pricing-card ul,.plan-card ul{list-style:none;padding:0;margin:16px 0}.plan li,.subscription-plan li,.pricing-card li,.plan-card li{position:relative;padding:9px 0 9px 28px;color:#334155;font-size:14px;font-weight:800;border-bottom:1px solid #eef2f7}.plan li:before,.subscription-plan li:before,.pricing-card li:before,.plan-card li:before{content:"✓";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:#dcfce7;color:#166534;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.plan .btn,.subscription-plan .btn,.pricing-card .btn,.plan-card .btn{width:100%;min-height:52px;border-radius:16px;font-size:15px;margin-top:10px}.plan:nth-child(2),.subscription-plan:nth-child(2),.pricing-card:nth-child(2),.plan-card:nth-child(2){border:2px solid rgba(37,99,235,.55);transform:translateY(-4px)}.plan:nth-child(2):after,.subscription-plan:nth-child(2):after,.pricing-card:nth-child(2):after,.plan-card:nth-child(2):after{content:"Popular";position:absolute;top:18px;right:18px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#d97706);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}
.seo-block,.content-block,.trust-section,.info-section{border-radius:30px;padding:30px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 48px rgba(15,23,42,.09);margin:24px 0}.seo-block h2,.content-block h2,.trust-section h2,.info-section h2{color:var(--text);font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:900;margin:0 0 14px}.seo-block p,.content-block p,.trust-section p,.info-section p{color:#475569;font-size:15px;line-height:1.85}.cta,.cta-section,.post-cta,.cta-box{position:relative;overflow:hidden;border-radius:34px;padding:38px;background:radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 30%),linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 24px 70px rgba(37,99,235,.28);margin:34px 0}.cta h2,.cta-section h2,.post-cta h2,.cta-box h2{color:#fff;font-size:34px;font-weight:900;letter-spacing:-1px;margin:0 0 12px}.cta p,.cta-section p,.post-cta p,.cta-box p{color:rgba(255,255,255,.88);line-height:1.75;max-width:760px}.cta .btn,.cta-section .btn,.post-cta .btn{background:#fff!important;color:var(--brand)!important;box-shadow:0 16px 34px rgba(15,23,42,.20)!important}

/* Footer */
.footer{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%, rgba(37,99,235,.26), transparent 32%),radial-gradient(circle at 85% 10%, rgba(245,158,11,.18), transparent 28%),linear-gradient(135deg,#0f172a,#111827);color:#cbd5e1;margin-top:44px;padding:54px 0 100px}.footer:before{content:"";position:absolute;right:-120px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.06)}.footer .container,.footergrid{position:relative;z-index:1}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer h3,.footer h4{color:#fff;margin:0 0 14px;font-weight:900;letter-spacing:-.5px}.footer p{color:#cbd5e1;line-height:1.75;font-size:14px}.footer a{display:block;color:#e2e8f0;margin:6px 0;font-weight:800;transition:.2s ease}.footer a:hover{color:#60a5fa;transform:translateX(3px)}.copy,.footer-bottom,.copyright{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mobile-bottom{display:none}

/* Mobile bottom nav */
.mobile-bottom{position:fixed;left:10px;right:10px;bottom:10px;z-index:999;align-items:center;justify-content:space-around;gap:8px;padding:8px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 55px rgba(15,23,42,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-bottom a{flex:1;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#475569;font-size:11px;font-weight:900;border-radius:18px;transition:.2s ease}.mobile-bottom a:hover,.mobile-bottom a.active{background:#eff6ff;color:var(--brand)}.mobile-bottom a:nth-child(3),.mobile-bottom .post-btn,.mobile-bottom a.post,.mobile-bottom a[href*="post"],.mobile-bottom a[href*="add"]{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.28);transform:translateY(-3px)}

/* Responsive */
@media(min-width:901px){.navlinks a:not(.btn):after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:10px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:.22s ease}.navlinks a:not(.btn):hover:after{transform:scaleX(1)}}
@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}.stats,.stat-grid,.stats-grid,.dashboard-cards,.dash-cards,.admin-stats,.admin-cards,.stats-row,.overview-cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.hero-premium-grid{grid-template-columns:1fr}.hero-side{display:none}.home-stats{grid-template-columns:repeat(3,1fr)}.type-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){body{padding-bottom:86px}.container{padding-left:14px;padding-right:14px}.topbar{border-radius:0 0 20px 20px}.nav{min-height:66px;flex-wrap:wrap;padding:10px 0}.brand{font-size:19px;max-width:calc(100% - 58px)}.brand-mark{width:40px;height:40px;min-width:40px;border-radius:14px;font-size:19px}.nav-actions{display:block}.nav-toggle{display:inline-flex}.navlinks{display:none!important;width:100%;grid-template-columns:1fr 1fr;gap:9px;padding:10px 0 4px;margin-left:0}.navlinks.is-open,.navlinks.show{display:grid!important}.navlinks a{background:#f8fafc;border:1px solid var(--border);text-align:center;padding:12px 10px;border-radius:14px;font-size:13px}.navlinks .btn.small{grid-column:1/-1;width:100%}.hero{min-height:auto;padding:34px 0 36px}.hero h1{font-size:34px;line-height:1.12;letter-spacing:-1.1px}.hero p{font-size:15px;line-height:1.65}.searchbox,.premium-search{grid-template-columns:1fr;padding:14px;border-radius:24px}.searchbox input,.searchbox select,.searchbox button,.searchbox .btn{height:50px}.section{padding:34px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.grid,.grid3,.two,.three,.form-grid,.form-row,.detail,.sidebar-layout,.dash-layout,.dashboard-layout,.admin-layout,.admin-panel,.admin-main-layout,.footergrid,.plan-grid,.package-grid,.category-select-grid{grid-template-columns:1fr!important}.sidebar-layout,.dash-layout,.dashboard-layout{display:block;padding-top:14px;padding-bottom:96px}.sidebar{position:static;width:100%;max-width:100%;margin-bottom:18px;padding:14px;border-radius:24px}.sidebar:before{margin:0 0 10px;padding:13px 14px;border-radius:18px;font-size:16px}.sidebar h3,.sidebar strong{margin:8px 0 2px;font-size:15px;line-height:1.3}.sidebar p,.sidebar .muted,.sidebar small{margin:0 0 10px;font-size:13px}.sidebar a{display:inline-flex;width:auto;min-width:118px;min-height:42px;justify-content:center;text-align:center;padding:10px 12px;margin:0 7px 8px 0;border-radius:15px;background:#f8fafc;border:1px solid var(--border);font-size:12px;white-space:nowrap}.sidebar a:hover,.sidebar a.active{transform:none}.sidebar-layout>section h1,.dash-content h1,.dashboard-content h1,.admin-content h1,.admin-main h1,.admin-body h1{font-size:27px;margin-top:0}.admin-sidebar,.admin-nav,.admin-menu{position:static;margin-bottom:20px;border-radius:24px;padding:14px}.stat-grid,.stats-grid,.dashboard-cards,.dash-cards,.admin-stats,.admin-cards,.stats-row,.overview-cards,.stats{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:first-child{height:250px;grid-column:auto;border-radius:20px}.contactbox{position:static;border-radius:24px;padding:18px}.detail>div>.card:first-child{border-radius:24px;padding:18px}.table,table{display:block;width:100%;overflow-x:auto;white-space:nowrap}.mobile-bottom{display:flex}.footer{padding-top:38px;padding-bottom:110px}.footergrid{grid-template-columns:1fr 1fr!important}.cta,.cta-section,.post-cta,.cta-box{padding:26px;border-radius:26px}.cta h2,.cta-section h2,.post-cta h2,.cta-box h2{font-size:26px}.plan:nth-child(2),.subscription-plan:nth-child(2),.pricing-card:nth-child(2),.plan-card:nth-child(2){transform:none}.auth-wrap,.login-wrap,.register-wrap{padding:28px 14px;align-items:flex-start}.formbox,.auth-card,.login-card,.register-card,.post-form,.listing-form,.ad-form,form.card{padding:20px;border-radius:24px}.home-hero{padding:48px 0 36px}.home-stats-section{margin-top:0;padding-top:14px}.home-stats{grid-template-columns:repeat(2,1fr)}.type-grid,.city-grid,.how-grid{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.cta-box{align-items:flex-start;flex-direction:column}.cta-actions,.cta-actions .btn{width:100%}}
@media(max-width:560px){.container{padding-left:12px;padding-right:12px}.navlinks{grid-template-columns:1fr}.brand{font-size:18px}.hero h1{font-size:29px}.section h1{font-size:29px}.section h2{font-size:25px}.grid{grid-template-columns:1fr}.cat{min-height:82px;padding:15px;border-radius:20px}.cat-icon{width:42px;height:42px;min-width:42px;border-radius:14px;font-size:19px}.listing img{height:190px}.listing .actions a,.card-actions a{min-width:100%}.sidebar a{min-width:calc(50% - 8px);margin-right:6px}.sidebar-layout>section h1,.dash-content h1,.dashboard-content h1,.admin-content h1,.admin-main h1,.admin-body h1{font-size:24px}.stat-grid,.stats-grid,.dashboard-cards,.dash-cards,.admin-stats,.admin-cards,.stats-row,.overview-cards,.stats{grid-template-columns:1fr}.gallery img,.gallery img:first-child{height:220px}.footergrid{grid-template-columns:1fr!important}.footer{text-align:left}.mobile-bottom{left:8px;right:8px;bottom:8px;border-radius:22px}.mobile-bottom a{min-height:48px;font-size:10px;border-radius:16px}.home-stats{grid-template-columns:1fr 1fr;gap:10px}.home-stats div{padding:14px 10px}.hero-actions .btn{width:100%}.seo-block,.content-block,.trust-section,.info-section{padding:18px;border-radius:24px}.cta,.cta-section,.post-cta,.cta-box{padding:22px}.cta h2,.cta-section h2,.post-cta h2,.cta-box h2{font-size:23px}}

/* =========================================================
   HOTFIX - Mobile Dashboard Content Position Fix
   Makes dashboard sidebar a compact horizontal menu on mobile
========================================================= */
@media (max-width: 900px){
  .sidebar-layout,
  .dash-layout,
  .dashboard-layout{
    display:block !important;
    padding-top:10px !important;
    padding-bottom:96px !important;
  }

  .sidebar-layout .sidebar,
  .dash-layout .sidebar,
  .dashboard-layout .sidebar{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 14px !important;
    padding:10px !important;
    border-radius:22px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .sidebar-layout .sidebar::-webkit-scrollbar,
  .dash-layout .sidebar::-webkit-scrollbar,
  .dashboard-layout .sidebar::-webkit-scrollbar{
    height:0 !important;
  }

  .sidebar-layout .sidebar:before,
  .dash-layout .sidebar:before,
  .dashboard-layout .sidebar:before{
    content:"Menu" !important;
    flex:0 0 auto !important;
    min-width:74px !important;
    margin:0 !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    font-size:14px !important;
    text-align:center !important;
  }

  .sidebar-layout .sidebar strong,
  .sidebar-layout .sidebar h3,
  .sidebar-layout .sidebar p,
  .sidebar-layout .sidebar small,
  .sidebar-layout .sidebar .muted,
  .dash-layout .sidebar strong,
  .dash-layout .sidebar h3,
  .dash-layout .sidebar p,
  .dash-layout .sidebar small,
  .dash-layout .sidebar .muted,
  .dashboard-layout .sidebar strong,
  .dashboard-layout .sidebar h3,
  .dashboard-layout .sidebar p,
  .dashboard-layout .sidebar small,
  .dashboard-layout .sidebar .muted{
    display:none !important;
  }

  .sidebar-layout .sidebar a,
  .dash-layout .sidebar a,
  .dashboard-layout .sidebar a{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:auto !important;
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 14px !important;
    margin:0 !important;
    border-radius:15px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#0f172a !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-align:center !important;
    white-space:nowrap !important;
    transform:none !important;
  }

  .sidebar-layout .sidebar a:hover,
  .sidebar-layout .sidebar a.active,
  .dash-layout .sidebar a:hover,
  .dash-layout .sidebar a.active,
  .dashboard-layout .sidebar a:hover,
  .dashboard-layout .sidebar a.active{
    background:#eff6ff !important;
    border-color:#bfdbfe !important;
    color:#2563eb !important;
  }

  .sidebar-layout > section,
  .dash-layout > section,
  .dashboard-layout > section{
    width:100% !important;
    max-width:100% !important;
    margin-top:0 !important;
    overflow:visible !important;
  }

  .sidebar-layout > section h1,
  .dash-layout > section h1,
  .dashboard-layout > section h1{
    margin-top:0 !important;
    margin-bottom:14px !important;
    font-size:24px !important;
  }

  .sidebar-layout .stats,
  .dash-layout .stats,
  .dashboard-layout .stats{
    margin-top:0 !important;
  }
}
/* =========================================================
   FINAL DASHBOARD STRUCTURE FIX
   Works with dashboard/_layout_top.php new structure
========================================================= */

.sidebar-layout.dashboard-shell{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
  padding-top:24px !important;
  padding-bottom:40px !important;
}

.dash-sidebar{
  position:sticky !important;
  top:98px !important;
  width:100% !important;
  max-width:100% !important;
  padding:16px !important;
  border-radius:26px !important;
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 18px 48px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
}

.dash-sidebar:before,
.sidebar.dash-sidebar:before{
  display:none !important;
  content:none !important;
}

.dash-user-box{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:20px;
  background:linear-gradient(135deg,#2563eb,#1e40af);
  color:#fff;
  margin-bottom:14px;
}

.dash-avatar{
  width:46px;
  height:46px;
  min-width:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-weight:900;
  font-size:20px;
}

.dash-user-box strong{
  display:block;
  color:#fff !important;
  font-size:16px;
  line-height:1.2;
}

.dash-user-box p{
  margin:4px 0 0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px;
  font-weight:800;
}

.dash-menu{
  display:grid;
  gap:7px;
}

.dash-menu a{
  width:100% !important;
  min-height:46px;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 14px !important;
  margin:0 !important;
  border-radius:16px !important;
  text-decoration:none !important;
  color:#334155 !important;
  background:#fff !important;
  border:1px solid transparent !important;
  font-size:14px !important;
  font-weight:900 !important;
  white-space:normal !important;
  text-align:left !important;
  transition:.2s ease;
}

.dash-menu a span{
  width:24px;
  min-width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#eff6ff;
  color:#2563eb;
  font-size:13px;
  font-weight:900;
}

.dash-menu a:hover,
.dash-menu a.active{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#2563eb !important;
  transform:translateX(2px);
}

.dash-page{
  min-width:0 !important;
  width:100% !important;
}

.dash-page h1{
  margin-top:0 !important;
  color:#0f172a !important;
  font-size:34px !important;
  line-height:1.15 !important;
  letter-spacing:-1px !important;
  font-weight:900 !important;
}

.dash-menu-toggle{
  display:none;
}

/* Mobile dashboard fix */
@media(max-width:900px){

  .sidebar-layout.dashboard-shell{
    display:block !important;
    padding-top:14px !important;
    padding-bottom:96px !important;
  }

  .dash-sidebar{
    position:relative !important;
    top:auto !important;
    border-radius:22px !important;
    padding:12px !important;
    margin-bottom:16px !important;
  }

  .dash-user-box{
    margin-bottom:10px;
    padding:12px;
    border-radius:18px;
  }

  .dash-avatar{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:14px;
    font-size:18px;
  }

  .dash-user-box strong{
    font-size:15px;
  }

  .dash-user-box p{
    font-size:12px;
  }

  .dash-menu-toggle{
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 13px;
    border:1px solid #dbeafe;
    border-radius:16px;
    background:#eff6ff;
    color:#1e40af;
    font-weight:900;
    box-shadow:none !important;
    margin-bottom:10px;
  }

  .dash-menu-toggle span{
    font-size:20px;
    line-height:1;
  }

  .dash-menu{
    display:none;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .dash-menu.is-open{
    display:grid;
  }

  .dash-menu a{
    min-height:42px;
    justify-content:center !important;
    text-align:center !important;
    padding:10px 9px !important;
    border:1px solid #e2e8f0 !important;
    background:#f8fafc !important;
    font-size:12px !important;
    border-radius:15px !important;
  }

  .dash-menu a span{
    display:none;
  }

  .dash-menu a.active{
    background:#eff6ff !important;
    border-color:#bfdbfe !important;
    color:#2563eb !important;
  }

  .dash-page h1{
    font-size:25px !important;
    margin-bottom:14px !important;
  }
}

@media(max-width:520px){
  .dash-menu{
    grid-template-columns:1fr 1fr;
  }

  .dash-menu a{
    font-size:11px !important;
  }
}
/* =========================================================
   FINAL DASHBOARD MOBILE MENU FIX - OVERRIDE ALL OLD CSS
========================================================= */

.sidebar-layout.dashboard-shell{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}

.sidebar-layout.dashboard-shell .dash-sidebar{
  display:block !important;
  position:sticky !important;
  top:98px !important;
  width:100% !important;
  max-width:280px !important;
  min-width:0 !important;
  padding:16px !important;
  margin:0 !important;
  border-radius:26px !important;
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 18px 48px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
  white-space:normal !important;
}

.sidebar-layout.dashboard-shell .dash-user-box{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  padding:14px !important;
  margin:0 0 14px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#2563eb,#1e40af) !important;
  color:#fff !important;
}

.sidebar-layout.dashboard-shell .dash-avatar{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-weight:900 !important;
}

.sidebar-layout.dashboard-shell .dash-user-box strong{
  color:#fff !important;
  display:block !important;
}

.sidebar-layout.dashboard-shell .dash-user-box p{
  color:rgba(255,255,255,.82) !important;
  margin:3px 0 0 !important;
}

.sidebar-layout.dashboard-shell .dash-menu-toggle{
  display:none !important;
}

.sidebar-layout.dashboard-shell .dash-menu{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  width:100% !important;
}

.sidebar-layout.dashboard-shell .dash-menu a{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:12px 14px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid transparent !important;
  color:#334155 !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-align:left !important;
  white-space:normal !important;
  text-decoration:none !important;
  transform:none !important;
}

.sidebar-layout.dashboard-shell .dash-menu a span{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  background:#eff6ff !important;
  color:#2563eb !important;
  font-size:13px !important;
}

.sidebar-layout.dashboard-shell .dash-menu a.active,
.sidebar-layout.dashboard-shell .dash-menu a:hover{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#2563eb !important;
}

.sidebar-layout.dashboard-shell .dash-page{
  min-width:0 !important;
  width:100% !important;
  overflow:visible !important;
}

/* MOBILE */
@media(max-width:900px){

  .sidebar-layout.dashboard-shell{
    display:block !important;
    width:100% !important;
    padding-top:12px !important;
    padding-bottom:96px !important;
  }

  .sidebar-layout.dashboard-shell .dash-sidebar{
    display:block !important;
    position:relative !important;
    top:auto !important;
    max-width:100% !important;
    width:100% !important;
    padding:12px !important;
    margin:0 0 16px !important;
    border-radius:22px !important;
  }

  .sidebar-layout.dashboard-shell .dash-user-box{
    padding:12px !important;
    margin-bottom:10px !important;
    border-radius:18px !important;
  }

  .sidebar-layout.dashboard-shell .dash-avatar{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:14px !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu-toggle{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:11px 13px !important;
    margin:0 !important;
    border:1px solid #dbeafe !important;
    border-radius:16px !important;
    background:#eff6ff !important;
    color:#1e40af !important;
    font-weight:900 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu-toggle:hover{
    transform:none !important;
    box-shadow:none !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu{
    display:none !important;
    width:100% !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu.is-open{
    display:grid !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu a{
    min-height:42px !important;
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
    text-align:center !important;
    padding:10px 8px !important;
    border:1px solid #e2e8f0 !important;
    background:#f8fafc !important;
    border-radius:15px !important;
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu a span{
    display:none !important;
  }

  .sidebar-layout.dashboard-shell .dash-page h1{
    font-size:25px !important;
    margin-top:0 !important;
    margin-bottom:14px !important;
  }
}

@media(max-width:520px){
  .sidebar-layout.dashboard-shell .dash-menu{
    grid-template-columns:1fr 1fr !important;
  }

  .sidebar-layout.dashboard-shell .dash-menu a{
    font-size:11px !important;
    padding:9px 7px !important;
  }
}
/* Dashboard mobile menu hotfix */
.dashboard-menu-backdrop{
display:none;
}

@media (max-width:900px){
.dashboard-menu-backdrop{
position:fixed;
inset:0;
background:rgba(15,23,42,.45);
z-index:9997;
}

body.dashboard-menu-open .dashboard-menu-backdrop{
display:block;
}

.dashboard-mobile-menu-panel{
display:none;
}

.dashboard-mobile-menu-panel.is-open{
display:block !important;
position:fixed;
left:14px;
right:14px;
top:120px;
bottom:86px;
z-index:9998;
overflow:auto;
padding:16px;
border-radius:22px;
background:#ffffff;
box-shadow:0 24px 80px rgba(15,23,42,.30);
border:1px solid rgba(148,163,184,.35);
}

.dashboard-mobile-menu-panel a{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:13px 14px;
margin-bottom:8px;
border-radius:14px;
color:#0f172a;
text-decoration:none;
font-weight:700;
background:#f8fafc;
border:1px solid rgba(148,163,184,.22);
}

.dashboard-mobile-menu-panel a.active,
.dashboard-mobile-menu-panel a:hover

body.dashboard-menu-open{
overflow:hidden;
}
}

@media (min-width:901px){
.dashboard-menu-backdrop{
display:none !important;
}

.dashboard-mobile-menu-panel{
display:block;
}
}
/* Dashboard mobile menu fix */
.dashboard-menu-backdrop{
display:none;
}

@media (max-width:900px){
.dashboard-menu-backdrop{
position:fixed;
inset:0;
background:rgba(15,23,42,.45);
z-index:9997;
}

body.dashboard-menu-open .dashboard-menu-backdrop{
display:block;
}

.dashboard-mobile-menu-panel{
display:none;
}

.dashboard-mobile-menu-panel.is-open{
display:block !important;
position:fixed;
left:14px;
right:14px;
top:105px;
bottom:86px;
z-index:9998;
overflow:auto;
padding:16px;
border-radius:22px;
background:#ffffff;
box-shadow:0 24px 80px rgba(15,23,42,.30);
border:1px solid rgba(148,163,184,.35);
}

.dashboard-mobile-menu-panel a{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:13px 14px;
margin-bottom:8px;
border-radius:14px;
color:#0f172a;
text-decoration:none;
font-weight:700;
background:#f8fafc;
border:1px solid rgba(148,163,184,.22);
}

.dashboard-mobile-menu-panel a.active,
.dashboard-mobile-menu-panel a:hover

body.dashboard-menu-open{
overflow:hidden;
}
}

@media (min-width:901px){
.dashboard-menu-backdrop{
display:none !important;
}

.dashboard-mobile-menu-panel{
display:block;
}
}
/* Final dashboard mobile menu UI */
.dashboard-menu-backdrop{
display:none;
}

@media (max-width:900px){
.dashboard-menu-backdrop{
position:fixed;
inset:0;
background:rgba(15,23,42,.55);
z-index:9997;
}

body.dashboard-menu-open .dashboard-menu-backdrop{
display:block;
}

.dashboard-mobile-menu-panel{
display:none;
}

.dashboard-mobile-menu-panel.is-open,
.dashboard-mobile-menu-panel.show{
display:block !important;
position:fixed;
left:16px;
right:16px;
top:190px;
bottom:auto;
max-height:62vh;
overflow:auto;
z-index:9998;
padding:14px;
border-radius:22px;
background:#ffffff;
box-shadow:0 24px 80px rgba(15,23,42,.35);
border:1px solid rgba(148,163,184,.35);
}

.dashboard-mobile-menu-panel a{
display:flex !important;
align-items:center;
justify-content:flex-start;
width:100%;
min-height:48px;
height:auto;
padding:13px 15px;
margin:0 0 8px;
border-radius:14px;
background:#f8fafc;
color:#0f172a;
border:1px solid rgba(148,163,184,.28);
text-decoration:none;
font-size:14px;
font-weight:800;
text-align:left;
}

.dashboard-mobile-menu-panel a.active,
.dashboard-mobile-menu-panel a:hover

body.dashboard-menu-open{
overflow:hidden;
}
}

@media (min-width:901px){
.dashboard-menu-backdrop{
display:none !important;
}

.dashboard-mobile-menu-panel{
display:block;
}
}