/* ==========================================
   Gennadi Dashboard V2
========================================== */

*{
    box-sizing:border-box;
}
div#main-content {
    width: 100%;
}

.gennadi-dashboard{
    width:100%;
    max-width:1400px;
    margin:40px auto;
    padding:0 20px;
    font-family:Arial, Helvetica, sans-serif;
}
.page-numbers{
    display:inline-block;
    margin:20px 5px 0;
    padding:8px 14px;
    border:1px solid #ddd;
    border-radius:6px;
    text-decoration:none;
}

.page-numbers.current{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
}
/* ==========================
   Plan Badge
========================== */

.plan-badge{
    display:inline-block;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
    text-align:center;
}

.plan-badge.free{
    background:#eef7ee;
    color:#2e7d32;
}

.plan-badge.premium{
    background:#e8f0fe;
    color:#1565c0;
}
/*=========================
 Dashboard Header
==========================*/

.gennadi-dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:30px;
    padding:30px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
}

.gennadi-header-content h2{
    margin:0;
    font-size:30px;
    color:#222;
}

.gennadi-header-content p{
    margin-top:10px;
    color:#777;
    font-size:15px;
}

.gennadi-add-business{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 24px;
    background:#7C7559;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.gennadi-add-business:hover{
    background:#0b5ed7;
    color:#fff;
    transform:translateY(-2px);
}

@media(max-width:768px){

    .gennadi-dashboard-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .gennadi-header-action{
        width:100%;
    }

    .gennadi-add-business{
        width:100%;
    }

}
/*=========================
 Professional Cards
==========================*/

.gennadi-card{
    background:#fff;
    border-radius:16px;
    padding:25px;
    display:flex;
    align-items:flex-start;
    gap:18px;
    min-height:150px;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    border-top:4px solid #7C7559;
    transition:.3s ease;
}
/*==========================
Dashboard Analytics
===========================*/

.gennadi-analytics{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:30px;

}

.analytics-box{

    background:#fff;
    padding:22px;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    text-align:center;

}

.analytics-title{

    color:#777;
    font-size:14px;
    margin-bottom:10px;

}

.analytics-value{

    font-size:34px;
    font-weight:700;
    color:#222;

}
/*==========================
Quick Actions
==========================*/

.gennadi-quick-actions{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin:30px 0;
}

.quick-action-card{
    display:flex;
    align-items:center;
    gap:16px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:12px;
    padding:20px;
    text-decoration:none;
    transition:.25s;
}

.quick-action-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.quick-icon{
    width:56px;
    height:56px;
    border-radius:12px;
    background:#f5f7fa;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.quick-text{
    flex:1;
}

.quick-text h4{
    margin:0 0 5px;
    color:#222;
    font-size:16px;
    font-weight:600;
}

.quick-text span{
    color:#777;
    font-size:13px;
}

@media(max-width:991px){
    .gennadi-quick-actions{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .gennadi-quick-actions{
        grid-template-columns:1fr;
    }
}

@media(max-width:991px){

    .gennadi-analytics{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:767px){

    .gennadi-analytics{

        grid-template-columns:1fr;

    }

}

.card-icon{
    width:60px;
    height:60px;
    border-radius:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:26px;
    flex-shrink:0;
}

.card-content{
    flex:1;
}

.card-content h3{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#333;
    line-height:1.4;
}

.card-content span{
    display:block;
    margin-top:12px;
    font-size:38px;
    font-weight:700;
    color:#111;
}
.card-content small{
    display:block;
    margin-top:8px;
    color:#777;
    font-size:14px;
}
.total-card .card-icon{
    background:#eaf4ff;
}

.publish-card .card-icon{
    background:#e9f7ec;
}

.pending-card .card-icon{
    background:#fff5df;
}

.membership-card .card-icon{
    background:#f7ebff;
}

.plan-badge.featured{
    background:#fff3cd;
    color:#b26a00;
}
/* Header Layout */

.gennadi-dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.gennadi-header-left h2{
    margin:0;
}

.gennadi-header-left p{
    margin-top:8px;
}

.gennadi-add-btn{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    text-decoration:none;
    padding:12px 24px;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.gennadi-add-btn:hover{
    background:#0b5ed7;
    color:#fff;
}

/* Header */

.gennadi-dashboard-header{
    background:#fff;
    border-radius:14px;
    padding:30px;
    margin-bottom:30px;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.gennadi-dashboard-header h2{
    margin:0;
    font-size:30px;
    color:#222;
}

.gennadi-dashboard-header p{
    margin-top:10px;
    color:#666;
    font-size:15px;
}
/*=========================
Dashboard Layout
=========================*/
/*==========================
Profile Summary
===========================*/

.gennadi-profile-summary{

    margin-top:35px;

    background:#fff;

    border-radius:16px;

    padding:30px;

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr auto;

    gap:25px;

    align-items:center;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

}

.profile-left{

    display:flex;

    align-items:center;

    gap:20px;

}

.profile-avatar img{

    width:90px;

    height:90px;

    border-radius:50%;

}

.profile-left h3{

    margin:0;

    font-size:28px;

}

.profile-left p{

    margin-top:8px;

    color:#777;

}

.profile-box strong{

    display:block;

    color:#666;

    margin-bottom:8px;

}

.profile-box span{

    font-size:22px;

    font-weight:700;

}

.profile-actions{

    display:flex;

    flex-direction:column;

    gap:10px;

}

@media(max-width:991px){

.gennadi-profile-summary{

grid-template-columns:1fr;

text-align:center;

}

.profile-left{

justify-content:center;

}

.profile-actions{

width:100%;

}

}

.profile-avatar img{
     width:100px;
    height:100px;
    border-radius:50%;
    object-fit:cover;
}

.gennadi-profile-card h3{
    font-size:34px;
    line-height:1.2;
    margin:20px 0 10px;
    word-break:break-word;
}

.gennadi-profile-card p{
    color:#777;
    font-size:15px;
    line-height:1.5;
    overflow-wrap:anywhere;
    margin-bottom:20px;
}

.profile-info{
    margin:20px 0;
}

.info-row{
    display:flex;
    justify-content:space-between;
    margin-bottom:12px;
    font-size:14px;
}

.profile-btn,
.logout-btn{
    display:block;
    width:100%;
    padding:12px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    margin-top:10px;
}

.profile-btn{
    background:#0d6efd;
    color:#fff;
}

.logout-btn{
    background:#dc3545;
    color:#fff;
}

.profile-btn:hover,
.logout-btn:hover{
    opacity:.9;
}

@media(max-width:992px){


    .gennadi-sidebar{
        position:static;
    }

}

/* Cards */

.gennadi-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin:30px 0;
}
.btn-upgrade{
    display:inline-block;
    padding:8px 14px;
    background:#f58220;
    color:#fff !important;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
    margin-left:8px;
}

.btn-upgrade:hover{
    background:#d96d0f;
    color:#fff !important;
}

.current-plan{
    display:inline-block;
    margin-top:10px;
    color:#28a745;
    font-weight:600;
}

.gennadi-card{
    background:#fff;
    border-radius:14px;
    padding:28px;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    transition:.3s;
    border-left:5px solid #7C7559;
}

.gennadi-card:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,0,0,.10);
}

.gennadi-card h3{
    margin:0;
    font-size:15px;
    color:#777;
    font-weight:600;
}

.gennadi-card span{
    display:block;
    margin-top:15px;
    font-size:34px;
    font-weight:bold;
    color:#222;
}

/* Listings */

.gennadi-listings{
    background:#fff;
    border-radius:14px;
    padding:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.gennadi-listings h3{
    margin:0 0 20px;
    font-size:22px;
}

/* Table */

.gennadi-table{
    width:100%;
    border-collapse:collapse;
}

.gennadi-table thead{
    background:#f5f7fa;
}

.gennadi-table th{
    padding:16px;
    text-align:left;
    font-size:14px;
    color:#444;
}

.gennadi-table td{
    padding:16px;
    border-top:1px solid #eee;
    vertical-align:middle;
}

.gennadi-table tr:hover{
    background:#fafafa;
}

/* Logo */

.gennadi-table img{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px;
    border:1px solid #ddd;
}
/*=====================================
    Professional Table
======================================*/

.gennadi-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
}

.gennadi-table thead th{

    background:#f7f8fb;

    padding:18px;

    font-size:14px;

    font-weight:700;

    color:#444;

    border-bottom:1px solid #ececec;
}

.gennadi-table tbody td{

    padding:16px 18px;

    border-bottom:1px solid #f1f1f1;

    vertical-align:middle;

    transition:.25s;
}

.gennadi-table tbody tr:hover{

    background:#fafcff;

}
.gennadi-table img{

    width:55px;

    height:55px;

    object-fit:cover;

    border-radius:10px;

    border:1px solid #ececec;

}
.gennadi-actions{

    display:flex;

    gap:8px;

    justify-content:center;

    align-items:center;

    flex-wrap:nowrap;

}

.gennadi-actions a{

    padding:8px 14px;

    border-radius:6px;

    color:#fff;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    transition:.3s;

}

.btn-view{

    background:#0d6efd;

}

.btn-edit{

    background:#198754;

}

.btn-delete{

    background:#dc3545;

}

.gennadi-actions a:hover{

    transform:translateY(-2px);

    opacity:.9;

}
.status{

    display:inline-block;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

}

.status.published{

    background:#eaf7ec;

    color:#198754;

}

.status.pending{

    background:#fff5e6;

    color:#ff9800;

}

.gennadi-table tbody tr:last-child td{

    border-bottom:none;

}

/* Status */

.status{
    display:inline-block;
    padding:6px 12px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
}

.status.published{
    background:#e8f5e9;
    color:#2e7d32;
}

.status.pending{
    background:#fff8e1;
    color:#ef6c00;
}

.status.draft{
    background:#ffebee;
    color:#c62828;
}

/* Buttons */

.gennadi-actions{
    display:flex;
    gap:8px;
    flex-wrap:nowrap;
}

.gennadi-actions a{
    text-decoration:none;
    padding:8px 14px;
    border-radius:6px;
    font-size:13px;
    font-weight:600;
    transition:.3s;
    white-space:nowrap;
}

.btn-view{
    background:#2196f3;
    color:#fff;
}

.btn-edit{
    background:#43a047;
    color:#fff;
}

.btn-delete{
    background:#e53935;
    color:#fff;
}

.btn-view:hover,
.btn-edit:hover,
.btn-delete:hover{
    opacity:.9;
}


/* Responsive */

@media(max-width:1024px){

    .gennadi-cards{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .gennadi-dashboard{
        padding:0 15px;
    }

    .gennadi-cards{
        grid-template-columns:1fr;
    }

    .gennadi-table{
        display:block;
        overflow-x:auto;
    }

    .gennadi-actions{
        flex-direction:column;
    }

}