/* ==== apps/modules/web/0100/00_ana_sayfa_yonetici.php dosyasindan tasindi ==== */
/* ===== MODERN HEADER ===== */
#quesro-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 50px;
    background: linear-gradient(135deg, #0f2a52 0%, #1a3a6e 50%, #0f2a52 100%);
    border-bottom: 1px solid rgba(56,189,248,0.22);
    box-shadow: 0 2px 20px rgba(0,0,0,0.4), 0 0 0 1px rgba(56,189,248,0.09);
    z-index: 1000;
}
.main_bar {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
}
#btn_sidemenu:hover { background: rgba(56,189,248,0.12) !important; }
#qdr-btn:hover { background: rgba(56,189,248,0.12) !important; color: #e2e8f0; }
#menu_logo { opacity: .92; }
.qdr-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    color: #bdd8f5;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
    text-align: left;
}
.qdr-item:hover { background: rgba(255,255,255,0.92); color: #0f2a52; }
.qdr-item:hover svg { filter: brightness(0) saturate(100%) invert(14%) sepia(50%) saturate(800%) hue-rotate(195deg); }
.qdr-item svg { flex-shrink:0; transition: filter .15s; }
#menu_whatsapp:hover svg { filter: none !important; }
.qdr-danger { color: #f87171 !important; }
.qdr-danger:hover { background: rgba(248,113,113,0.12) !important; color: #f87171 !important; }
.qdr-danger:hover svg { filter: none !important; }
.qdr-sep { height:1px; background: rgba(56,189,248,0.1); margin: 4px 12px; }

/* ===== MODERN SIDEBAR ===== */
.sidebar2 {
    position: fixed;
    top: 50px;
    left: -2px;
    width: 248px;
    height: calc(100vh - 50px);
    background: linear-gradient(180deg, #0d1b2a 0%, #112240 40%, #0d1b2a 100%);
    border-right: 1px solid rgba(56,189,248,0.13);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    list-style: none;
    margin: 0;
    padding: 0 0 24px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(56,189,248,0.25) transparent;
    box-shadow: 4px 0 28px rgba(0,0,0,0.5), inset -1px 0 0 rgba(56,189,248,0.05);
}
.sidebar2::-webkit-scrollbar { width: 3px; }
.sidebar2::-webkit-scrollbar-track { background: transparent; }
.sidebar2::-webkit-scrollbar-thumb { background: rgba(56,189,248,0.25); border-radius: 4px; }

/* Profil kartı */
.sb-profile {
    padding: 20px 16px 16px;
    background: linear-gradient(135deg, rgba(56,189,248,0.09), rgba(59,130,246,0.06));
    border-bottom: 1px solid rgba(56,189,248,0.1);
    margin-bottom: 8px;
}
.sb-avatar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}
.sb-avatar-wrap { position: relative; flex-shrink: 0; }
.sb-avatar-wrap img.avatar {
    width: 50px; height: 50px;
    border-radius: 50%;
    border: 2px solid rgba(56,189,248,0.45);
    object-fit: cover;
    display: block;
    box-shadow: 0 0 12px rgba(56,189,248,0.2);
}
.sb-avatar-wrap::after {
    content: '';
    position: absolute;
    bottom: 1px; right: 1px;
    width: 10px; height: 10px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid #0d1b2a;
    box-shadow: 0 0 6px rgba(34,197,94,0.5);
}
.sb-user-info { flex: 1; min-width: 0; }
.sb-user-name {
    color: #f1f5f9; font-size: 13px; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3;
}
.sb-user-role {
    display: inline-flex; align-items: center; gap: 4px;
    margin-top: 4px; padding: 2px 8px;
    background: linear-gradient(135deg, rgba(251,191,36,0.25), rgba(245,158,11,0.15));
    border: 1px solid rgba(251,191,36,0.35);
    border-radius: 20px;
    color: #fbbf24; font-size: 10px; font-weight: 700; letter-spacing: .5px;
    text-transform: uppercase;
}

/* Stats grid */
.sb-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}
.sb-stat-card {
    background: rgba(56,189,248,0.05);
    border: 1px solid rgba(56,189,248,0.12);
    border-radius: 9px;
    padding: 7px 3px 6px;
    text-align: center;
    transition: background .2s, border-color .2s;
    cursor: pointer;
}
.sb-stat-card:hover { background: rgba(56,189,248,0.1); border-color: rgba(56,189,248,0.25); }
.sb-stat-icon  { font-size: 13px; line-height: 1; margin-bottom: 2px; display: block; }
.sb-stat-num   { display: block; font-size: 15px; font-weight: 800; line-height: 1.1; }
.sb-stat-lbl   { display: block; font-size: 9px; letter-spacing: .4px; text-transform: uppercase; margin-top: 2px; opacity: .65; }

/* Menü öğeleri */
.sb-section-title {
    padding: 0px 18px 5px;
    font-size: 13px; font-weight: 700; letter-spacing: 1.4px;
    text-transform: uppercase; color: #38d9f5;
    display: flex; align-items: center; gap: 6px;
}
.sidebar2 > li { list-style: none; margin: 1px 10px; border-radius: 8px; overflow: hidden; }
.sidebar2 > li > a {
    display: flex !important; align-items: center !important; gap: 11px !important;
    padding: 10px 14px !important; color: #e2eaf4 !important; text-decoration: none !important;
    font-size: 13px !important; font-weight: 500 !important; border-radius: 8px !important;
    transition: background .18s, color .18s !important; cursor: pointer !important;
    white-space: nowrap !important; overflow: hidden !important;
    background: transparent !important; border: none !important; position: relative !important;
}
.sidebar2 > li > a .sb-icon-svg {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 22px !important; min-width: 22px !important; height: 22px !important;
    flex-shrink: 0 !important; opacity: .85;
    transition: opacity .18s !important;
    filter: brightness(0) invert(1);
}
.sidebar2 > li > a .sb-menu-icon {
    position: static !important; display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
    width: 22px !important; min-width: 22px !important; height: 22px !important;
    font-size: 16px !important; line-height: 1 !important; flex-shrink: 0 !important;
    color: #fff !important; opacity: .85; margin: 0 !important; padding: 0 !important;
    left: auto !important; top: auto !important;
    transition: color .18s, opacity .18s !important;
}
.sidebar2 > li > a .sb-menu-icon::before { position: static !important; display: block !important; width: auto !important; height: auto !important; }
.sidebar2 > li > a .sb-menu-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sidebar2 > li > a:hover {
    background: linear-gradient(90deg, rgba(56,217,245,0.22) 0%, rgba(17,34,64,0.0) 100%) !important;
    color: #0f2a52 !important;
}
.sidebar2 > li > a:hover .sb-menu-icon { opacity: 1; color: #0f2a52 !important; }
.sidebar2 > li > a:hover .sb-icon-svg { opacity: 1; filter: brightness(0) saturate(100%) invert(14%) sepia(50%) saturate(800%) hue-rotate(195deg); }
.sidebar2 > li > a:hover .sb-icon-svg svg { filter: brightness(0) saturate(100%) invert(14%) sepia(50%) saturate(800%) hue-rotate(195deg); }
.sidebar2 > li.active > a,
.sidebar2 > li.sb-active > a {
    background: linear-gradient(90deg, rgba(56,217,245,0.32) 0%, rgba(17,34,64,0.0) 100%) !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 #38d9f5, inset 0 0 18px rgba(56,217,245,0.08) !important;
    padding-left: 11px !important; font-weight: 700 !important;
}
.sidebar2 > li.active > a .sb-menu-icon,
.sidebar2 > li.sb-active > a .sb-menu-icon { opacity: 1 !important; color: #fff !important; }
.sidebar2 > li.active > a .sb-icon-svg,
.sidebar2 > li.sb-active > a .sb-icon-svg { opacity: 1 !important; filter: brightness(0) invert(1) !important; }
.sidebar2 > li.active > a .sb-icon-svg svg,
.sidebar2 > li.sb-active > a .sb-icon-svg svg { filter: brightness(0) invert(1) !important; }
.sb-divider { height: 1px; background: rgba(56,189,248,0.08); margin: 8px 14px; }

/* Admin badge (onaysız sayı) */
.sb-badge {
    margin-left: auto;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 20px;
    min-width: 18px;
    text-align: center;
    line-height: 1.6;
}