.elementor-1575515 .elementor-element.elementor-element-a5a6c1e:not(.elementor-motion-effects-element-type-background), .elementor-1575515 .elementor-element.elementor-element-a5a6c1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002A6D;}.elementor-1575515 .elementor-element.elementor-element-a5a6c1e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14px 14px 14px 14px;}.elementor-1575515 .elementor-element.elementor-element-a5a6c1e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1575515 .elementor-element.elementor-element-e329563 .e-search-input{border-radius:8px 8px 8px 8px;}.elementor-1575515 .elementor-element.elementor-element-e329563{--e-search-input-padding-block-start:12px;--e-search-input-padding-inline-start:12px;--e-search-input-padding-block-end:12px;--e-search-input-padding-inline-end:12px;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1575515 .elementor-element.elementor-element-fa22077{--e-icon-list-icon-size:27px;--icon-vertical-offset:0px;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-item > a{font-size:22px;font-weight:800;}.elementor-1575515 .elementor-element.elementor-element-fa22077 .elementor-icon-list-text{color:#FFF8F8;transition:color 0.3s;}.elementor-1575515 .elementor-element.elementor-element-0444087{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1575515 .elementor-element.elementor-element-0444087 .elementor-widget-container{text-align:center;}.elementor-1575515 .elementor-element.elementor-element-0ca182f{color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-a5a6c1e */:root{
    --width: 300px;
    --narrow-width: 80px;
}

@media (max-width: 767px) {
    .elementor-1575515 .elementor-element.elementor-element-a5a6c1e {
        all: unset !important;
    }

    body.left .elementor-1575515 .elementor-element.elementor-element-a5a6c1e {
        all: unset !important;
    }

    header + *,
    [data-elementor-type="header"] + *,
    footer,
    [data-elementor-type="footer"] {
        all: unset !important;
    }

    body.left header + *,
    body.left [data-elementor-type="header"] + *,
    body.left footer,
    body.left [data-elementor-type="footer"] {
        all: unset !important;
    }

    html, body {
        overflow-x: auto !important;
    }
}


.elementor-1575515 .elementor-element.elementor-element-a5a6c1e{
    width: var(--width);
    overflow: auto;
    position: fixed;
    transition: all 0.3s ease-in-out !important;
    overflow-x: hidden;
    z-index: 1;
    -ms-overflow-style: none;
    scrollbar-width: none
}
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e::-webkit-scrollbar{
    display: none;
}

.sidebar-toggle{
    cursor: pointer;
}

body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e{
    width: var(--narrow-width) !important;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-inner-section .elementor-widget-wrap{
    padding-left: 14px !important;
    padding-right: 14px !important;
}
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e .logo{
    transition: all 0.3s ease-in-out;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .logo{
    opacity: 0;
}
body.open .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .logo{
    display: none;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .sidebar-toggle{
    right: 26px;
}
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-widget-search-form form{
    position: relative;
}
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-widget-search-form form:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-widget-search-form form:before{
    z-index: 1;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-search-form__icon{
    padding-left: 14px !important;
}
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-icon-list-text{
    transition: all 0.3s ease-in-out;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-icon-list-text{
    opacity: 0;
}

.elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-widget-image-box{
    transition: all 0.3s ease-in-out;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .elementor-widget-image-box{
    opacity: 0;
}
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e .user{
    transition: all 0.3s ease-in-out;
}
body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .user .elementor-widget-wrap{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
body.opening  .elementor-1575515 .elementor-element.elementor-element-a5a6c1e .user img {
    width: 40px;
    transition: all 0.3s ease-in-out;
}

header + *,
[data-elementor-type="header"] + *,
footer,
[data-elementor-type="footer"]{
    margin-left: var(--width);
    transition: all 0.3s ease-in-out !important;
}
body.opening header + *,
body.opening [data-elementor-type="header"] + *,
body.opening footer,
body.opening [data-elementor-type="footer"]{
    margin-left: var(--narrow-width);
}

@media (max-width: 1024px){
header + *,
[data-elementor-type="header"] + *,
footer,
[data-elementor-type="footer"]{
    margin-left: var(--narrow-width);
    transform: translateX(calc(var(--width) - var(--narrow-width)));
    transition: all 0.6s ease-in-out !important;
}
body.opening header + *,
body.opening [data-elementor-type="header"] + *,
body.opening footer,
body.opening [data-elementor-type="footer"]{
    transform: translateX(0);
    transition: all 0.3s ease-in-out !important;
}
html, body{
    overflow-x: hidden;
}
}

@media (max-width: 767px){
.elementor-1575515 .elementor-element.elementor-element-a5a6c1e{
    height: 100vh;
}
body.left .elementor-1575515 .elementor-element.elementor-element-a5a6c1e{
    transform: translateX(calc(-1*var(--width)));   
}
header + *,
[data-elementor-type="header"] + *,
footer,
[data-elementor-type="footer"]{
    margin-left: 0;
    transform: translateX(var(--width));
    transition: all 0.3s ease-in-out !important;
}
body.left header + *,
body.left [data-elementor-type="header"] + *,
body.left footer,
body.left [data-elementor-type="footer"]{
    transform: translateX(0);
}
}

.site-content footer,
.site-content header + *{
    margin: 0 !important;
    transform: none !important;
}
@media (max-width: 767px) {
  .elementor-1575515 .elementor-element.elementor-element-a5a6c1e {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.left .elementor-1575515 .elementor-element.elementor-element-a5a6c1e,
  body.opening .elementor-1575515 .elementor-element.elementor-element-a5a6c1e {
    display: none !important;
  }

  header + *,
  [data-elementor-type="header"] + *,
  footer,
  [data-elementor-type="footer"] {
    margin-left: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html, body {
    overflow-x: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cab8973 */:root {
    --width: 300px;
    --narrow-width: 80px;
    --sb-primary: #4f46e5;
    --sb-bg: #ffffff;
    --sb-text: #4b5563;
}

/* Core Functional CSS (Your Provided Logic) */
.elementor-1575515 .elementor-element.elementor-element-cab8973 {
    width: var(--width);
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in-out !important;
    overflow-x: hidden;
    z-index: 1000;
    background: var(--sb-bg);
    border-right: 1px solid #f3f4f6;
    display: flex;
    flex-direction: column;
}

.elementor-1575515 .elementor-element.elementor-element-cab8973::-webkit-scrollbar { display: none; }

/* Dashboard Margin Adjustments */
header + *, [data-elementor-type="header"] + *, footer, [data-elementor-type="footer"] {
    margin-left: var(--width);
    transition: all 0.3s ease-in-out !important;
}

/* Collapsed State Logic */
body.opening .elementor-1575515 .elementor-element.elementor-element-cab8973 {
    width: var(--narrow-width) !important;
}

body.opening header + *, body.opening [data-elementor-type="header"] + *, body.opening footer {
    margin-left: var(--narrow-width);
}

/* SaaS Styling Implementation */
.db-sidebar-inner {
    padding: 24px 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.logo {
    padding-bottom: 30px;
    transition: opacity 0.3s ease;
    text-align: center;
}

.logo img { max-width: 180px; height: auto; }

body.opening .logo { opacity: 0; pointer-events: none; }

.nav-item {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    color: var(--sb-text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.nav-item:hover { background: #f9fafb; color: #111827; }
.nav-item.active { background: #eef2ff; color: var(--sb-primary); font-weight: 600; }

.nav-icon { min-width: 24px; margin-right: 12px; font-size: 18px; }

/* Text Hiding Logic */
.elementor-icon-list-text {
    transition: opacity 0.3s ease-in-out;
}

body.opening .elementor-icon-list-text {
    opacity: 0;
    pointer-events: none;
}

/* Alert Styling */
.downtime-alert { color: #ef4444; background: #fff1f2; }
.pulse-ring {
    position: absolute; right: 15px; height: 8px; width: 8px;
    background: #ef4444; border-radius: 50%;
    animation: pulse-red 2s infinite;
}

/* Footer Section */
.sidebar-footer { margin-top: auto; padding-top: 15px; border-top: 1px solid #f3f4f6; }
.login-btn { 
    background: #111827; color: white !important; border-radius: 10px; 
    display: flex; align-items: center; padding: 12px 14px;
}

/* Animation */
@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* Responsive (Tablet & Mobile) */
@media (max-width: 1024px) {
    header + *, footer { margin-left: var(--narrow-width); transform: translateX(calc(var(--width) - var(--narrow-width))); }
    body.opening header + *, body.opening footer { transform: translateX(0); }
}

@media (max-width: 767px) {
    .elementor-1575515 .elementor-element.elementor-element-cab8973 { display: none !important; } /* Hide sidebar on mobile as per your code */
    header + *, footer { margin-left: 0 !important; transform: none !important; }
}/* End custom CSS */