/* ===== MASTER LAYOUT FIX ===== */
/* ===== MASTER LAYOUT FIX (FINAL) ===== */

:root{
    --sidebar-width:260px;
    --navbar-height:75px;
}

.main-wrapper{
    display:flex;
}

/* SIDEBAR */
.main-sidebar{
    width:var(--sidebar-width);
    min-width:var(--sidebar-width);
    height:100vh;
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
}

/* NAVBAR FIX */
.main-navbar{
    position:fixed;
    top:0;
    left:var(--sidebar-width);
    width:calc(100% - var(--sidebar-width));
    height:var(--navbar-height);
    z-index:999;
}

.main-navbar{
    background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,.06);
    display:flex;
    align-items:center;
}

/* CONTENT AREA (THE IMPORTANT FIX) */
.main-content{
    margin-left:var(--sidebar-width);
    margin-top:var(--navbar-height);   /* ⭐ THIS FIXES BLANK PAGE */
    width:calc(100% - var(--sidebar-width));
    padding:30px 40px;
}

/* remove template conflicts */
body.sidebar-mini .main-content,
body.sidebar-mini .main-navbar{
    margin-left:var(--sidebar-width) !important;
}


/* ===== GLOBAL ===== */
body {
    background:#f4f6fb;
    font-family: 'Poppins', sans-serif;
}

/* ===== SIDEBAR ===== */
.main-sidebar {
    background: linear-gradient(180deg,#1e293b,#111827);
    width:260px;
}

.sidebar-brand {
    border-bottom:1px solid rgba(255,255,255,.08);
    margin-bottom:20px;
}

.sidebar-brand img {
    margin-bottom:10px;
}

.sidebar-menu li a {
    color:#cbd5e1 !important;
    font-weight:500;
    padding:14px 20px;
    border-radius:8px;
    margin:4px 10px;
    transition:.3s;
}

.sidebar-menu li a:hover {
    background:#2563eb;
    color:#fff !important;
}

.sidebar-menu .active a {
    background:#2563eb;
    color:#fff !important;
    box-shadow:0 8px 20px rgba(37,99,235,.35);
}

/* logout button */
.sidebar-menu .logout-btn {
    background:#ef4444 !important;
    color:#fff !important;
}

/* ===== TOP NAVBAR ===== */
.main-navbar {
    background:#ffffff;
    box-shadow:0 3px 12px rgba(0,0,0,.06);
}

.search-bar {
    background:#f1f5f9;
    border-radius:30px;
    padding:10px 20px;
    width:420px;
    border:none;
}

/* ===== WELCOME BOX ===== */
.welcome-box {
    background:#eef2ff;
    padding:30px;
    border-radius:20px;
    margin-bottom:30px;
}

/* ===== STAT CARDS ===== */
.stat-card {
    border-radius:16px;
    padding:25px;
    color:#fff;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.bg-blue  { background:linear-gradient(45deg,#3b82f6,#2563eb); }
.bg-green { background:linear-gradient(45deg,#10b981,#22c55e); }
.bg-orange{ background:linear-gradient(45deg,#f59e0b,#fbbf24); }
.bg-purple{ background:linear-gradient(45deg,#8b5cf6,#a855f7); }

.stat-card h2 {
    font-size:32px;
    margin-bottom:5px;
}

/* ===== UPGRADE BOX ===== */
.upgrade-box {
    background:#fff7ed;
    border-radius:16px;
    padding:25px;
    margin:30px 0;
}

/* ===== TABLE CARD ===== */
.card-box {
    background:#fff;
    padding:25px;
    border-radius:16px;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.main-navbar{
    height:75px;
    border-bottom:1px solid #eee;
}

.main-navbar h4{
    font-size:22px;
}

.main-navbar input{
    height:40px;
    background:#f6f7fb;
    border:none;
}

.main-navbar input:focus{
    box-shadow:none;
    background:#f0f2f7;
}

/* ENQUIRY PAGE */
.enquiry-item{
    cursor:pointer;
    transition:.2s;
}
.enquiry-item:hover{
    background:#eef2ff;
}
.enquiry-item.active{
    background:#dbeafe;
}

.message-item{
    border-left:4px solid #2563eb;
    box-shadow:0 6px 20px rgba(0,0,0,.05);
    transition:.2s;
}
.message-item:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.profile-logo{
    width:90px;
    height:90px;
    border-radius:15px;
    object-fit:cover;
    border:3px solid #eef2ff;
}

.profile-field{
    background:#f8fafc;
    padding:12px;
    border-radius:8px;
    font-weight:600;
}

.profile-stat{
    font-size:32px;
    font-weight:700;
    
    color:#2563eb;
}

/* SETTINGS PAGE */
.settings-tabs .nav-link{
    border-radius:30px;
    padding:10px 20px;
    margin-right:10px;
    background:#f1f5f9;
    color:#333;
    font-weight:600;
}

.settings-tabs .nav-link.active{
    background:#2563eb;
    color:#fff;
}

.settings-section{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.profile-logo-big{
    width:140px;
    height:140px;
    border-radius:20px;
    object-fit:cover;
    border:4px solid #eef2ff;
}