.elementor-2778 .elementor-element.elementor-element-1ff527c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ac89ce9 *//* =========================================
   GLOBAL
========================================= */

html,
body{
    margin:0;
    padding:0;

    overflow-x:hidden;
    overflow-y:auto;

    scroll-behavior:smooth;

    min-height:100%;

    background:#020617;

    font-family:Inter,sans-serif;
}

/* =========================================
   CHICAIM DASHBOARD
========================================= */

.ch-dashboard-wrapper{
    display:flex;
    width:100%;
    min-height:100vh;

    background:
    radial-gradient(circle at top left,
    rgba(221,1,184,0.08),
    transparent 30%),

    radial-gradient(circle at bottom right,
    rgba(0,48,143,0.12),
    transparent 35%),

    linear-gradient(
    135deg,
    #020617 0%,
    #081226 100%
    );
}

/* =========================================
   SIDEBAR
========================================= */

.ch-sidebar-area{
    width:280px;
    min-width:280px;

    background:#0b1120;

    border-right:
    1px solid rgba(255,255,255,0.06);

    padding:30px;

    color:white;

    position:relative;
}

/* =========================================
   LOGO
========================================= */

.ch-logo img{
    width:220px;
    height:auto;

    display:block;
}

/* =========================================
   SIDEBAR MENU
========================================= */

.ch-sidebar-menu{
    margin-top:60px;

    display:flex;
    flex-direction:column;

    gap:14px;
}

/* MENU ITEM */

.ch-menu-item{
    display:flex;
    align-items:center;

    gap:14px;

    padding:16px 18px;

    border-radius:18px;

    text-decoration:none;

    color:rgba(255,255,255,0.72);

    font-size:16px;
    font-weight:500;

    transition:all 0.3s ease;

    background:transparent;
}

/* ICON */

.ch-menu-item span{
    font-size:18px;
}

/* HOVER */

.ch-menu-item:hover{
    background:
    rgba(255,255,255,0.05);

    color:#ffffff;

    transform:translateX(4px);

    box-shadow:
    0 0 20px rgba(77,163,255,0.12);
}

/* ACTIVE */

.ch-menu-item.active{
    background:
    linear-gradient(
    135deg,
    rgba(77,163,255,0.18),
    rgba(221,1,184,0.12)
    );

    color:#ffffff;

    border:
    1px solid rgba(255,255,255,0.06);

    box-shadow:
    0 10px 30px rgba(0,0,0,0.25);
}

/* LOGOUT */

.ch-menu-item.logout{
    margin-top:40px;

    color:#ff7b7b;
}

.ch-menu-item.logout:hover{
    background:
    rgba(255,80,80,0.08);
}

/* =========================================
   MAIN AREA
========================================= */

.ch-main-area{
    flex:1;

    padding:40px;

    color:white;

    overflow:visible;
}

/* =========================================
   TOP HEADER
========================================= */

.ch-top-header{
    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:40px;
}

/* LEFT */

.ch-header-left h1{
    font-size:58px;

    margin-bottom:10px;

    color:#ffffff;

    line-height:1.1;
}

.ch-header-left p{
    color:rgba(255,255,255,0.65);

    font-size:18px;
}

/* RIGHT */

.ch-header-right{
    display:flex;

    align-items:center;

    gap:20px;
}

/* NOTIFICATION */

.ch-notification{
    width:55px;
    height:55px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    rgba(255,255,255,0.05);

    backdrop-filter:blur(12px);

    font-size:22px;

    cursor:pointer;

    transition:0.3s ease;
}

.ch-notification:hover{
    transform:translateY(-3px);

    box-shadow:
    0 10px 25px rgba(77,163,255,0.15);
}

/* PROFILE */

.ch-profile{
    display:flex;

    align-items:center;

    gap:14px;

    padding:10px 16px;

    border-radius:20px;

    background:
    rgba(255,255,255,0.05);

    backdrop-filter:blur(12px);
}

/* PROFILE IMAGE */

.ch-profile img{
    width:52px;
    height:52px;

    border-radius:50%;

    object-fit:cover;

    border:
    2px solid rgba(255,255,255,0.12);
}

/* PROFILE TEXT */

.ch-profile h4{
    color:#ffffff;

    margin:0;

    font-size:16px;
}

.ch-profile span{
    color:rgba(255,255,255,0.55);

    font-size:13px;
}

/* =========================================
   ANALYTICS GRID
========================================= */

.ch-analytics-grid{
    display:grid;

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

    gap:24px;

    margin-top:30px;
}

/* CARD */

.ch-analytics-card{
    position:relative;

    padding:30px;

    border-radius:28px;

    background:
    rgba(255,255,255,0.05);

    border:
    1px solid rgba(255,255,255,0.06);

    backdrop-filter:blur(12px);

    overflow:hidden;

    transition:0.3s ease;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.25);
}

/* HOVER */

.ch-analytics-card:hover{
    transform:translateY(-6px);

    border:
    1px solid rgba(77,163,255,0.2);

    box-shadow:
    0 20px 40px rgba(0,0,0,0.35);
}

/* ICON */

.ch-card-icon{
    width:60px;
    height:60px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
    135deg,
    rgba(77,163,255,0.2),
    rgba(221,1,184,0.15)
    );

    font-size:28px;

    margin-bottom:22px;
}

/* TITLE */

.ch-analytics-card h3{
    color:rgba(255,255,255,0.65);

    font-size:16px;

    margin-bottom:16px;
}

/* NUMBER */

.ch-analytics-card h2{
    color:#ffffff;

    font-size:42px;

    margin-bottom:12px;
}

/* TEXT */

.ch-analytics-card p{
    color:#4da3ff;

    font-size:14px;
}

/* =========================================
   BOTTOM GRID
========================================= */

.ch-bottom-grid{
    display:grid;

    grid-template-columns:
    2fr 1fr;

    gap:24px;

    margin-top:30px;
}

/* PANELS */

.ch-large-panel,
.ch-small-panel{
    background:
    rgba(255,255,255,0.05);

    border:
    1px solid rgba(255,255,255,0.06);

    border-radius:28px;

    padding:30px;

    backdrop-filter:blur(12px);

    box-shadow:
    0 10px 30px rgba(0,0,0,0.25);
}

/* HEADER */

.ch-panel-header{
    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;
}

.ch-panel-header h3{
    color:#ffffff;

    font-size:24px;
}

.ch-panel-header a{
    color:#4da3ff;

    text-decoration:none;

    font-size:14px;
}

/* ACTIVITY ITEM */

.ch-activity-item{
    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

    border-radius:18px;

    margin-bottom:18px;

    background:
    rgba(255,255,255,0.03);

    transition:0.3s ease;
}

.ch-activity-item:hover{
    transform:translateX(4px);

    background:
    rgba(255,255,255,0.06);
}

/* ICON */

.ch-activity-icon{
    width:55px;
    height:55px;

    border-radius:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
    135deg,
    rgba(77,163,255,0.2),
    rgba(221,1,184,0.15)
    );

    font-size:24px;
}

/* CONTENT */

.ch-activity-content h4{
    color:#ffffff;

    margin-bottom:6px;

    font-size:16px;
}

.ch-activity-content p{
    color:rgba(255,255,255,0.55);

    font-size:14px;
}

/* PERFORMANCE */

.ch-performance-circle{
    width:220px;
    height:220px;

    margin:auto;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    conic-gradient(
    #4da3ff 0%,
    #dd01b8 82%,
    rgba(255,255,255,0.08) 82%
    );

    padding:16px;
}

/* INNER */

.ch-circle-inner{
    width:100%;
    height:100%;

    border-radius:50%;

    background:#081226;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;
}

.ch-circle-inner h2{
    color:#ffffff;

    font-size:46px;
}

.ch-circle-inner span{
    color:rgba(255,255,255,0.6);
}

/* STATS */

.ch-performance-stats{
    display:flex;

    justify-content:space-between;

    margin-top:30px;
}

.ch-performance-stats h4{
    color:#ffffff;

    margin-bottom:6px;
}

.ch-performance-stats p{
    color:#4da3ff;
}

/* =========================================
   TABLET
========================================= */

@media(max-width:1200px){

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

    .ch-bottom-grid{
        grid-template-columns:1fr;
    }

}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .ch-dashboard-wrapper{
        flex-direction:column;
    }

    /* SIDEBAR */

    .ch-sidebar-area{
        width:100%;
        min-width:100%;

        padding:20px;

        border-right:none;

        border-bottom:
        1px solid rgba(255,255,255,0.06);
    }

    /* LOGO */

    .ch-logo img{
        width:170px;
    }

    /* MENU */

    .ch-sidebar-menu{
        margin-top:30px;

        flex-direction:row;

        overflow-x:auto;

        overflow-y:hidden;

        gap:12px;

        padding-bottom:10px;

        scrollbar-width:none;
    }

    .ch-sidebar-menu::-webkit-scrollbar{
        display:none;
    }

    /* MENU ITEMS */

    .ch-menu-item{
        min-width:max-content;

        padding:14px 18px;

        font-size:14px;
    }

    /* MAIN AREA */

    .ch-main-area{
        padding:20px;
    }

    /* HEADER */

    .ch-top-header{
        flex-direction:column;

        align-items:flex-start;

        gap:20px;
    }

    /* TITLE */

    .ch-header-left h1{
        font-size:38px;

        line-height:1.2;
    }

    .ch-header-left p{
        font-size:16px;
    }

    /* PROFILE */

    .ch-header-right{
        width:100%;

        justify-content:space-between;
    }

    /* ANALYTICS */

    .ch-analytics-grid{
        grid-template-columns:1fr;
    }

    /* BOTTOM GRID */

    .ch-bottom-grid{
        grid-template-columns:1fr;
    }

    /* PERFORMANCE */

    .ch-performance-circle{
        width:180px;
        height:180px;
    }

    /* FIX OVERFLOW */

    .ch-main-area,
    .ch-dashboard-wrapper{
        overflow:visible;
    }

}/* End custom CSS */