@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--sia-blue:#1479f2;--sia-sky:#18b8d7;--sia-green:#18b66a;--sia-dark:#11203a;--sia-muted:#718096;--sia-soft:#f4f8fb;--sia-border:#e6edf5;--sia-shadow:0 14px 38px rgba(17,32,58,.08)}
body.sia-modern,body.fixed-left{font-family:'Inter',Arial,sans-serif;background:var(--sia-soft)!important;color:var(--sia-dark)}
#wrapper{background:linear-gradient(180deg,#f8fbff 0,#eef4f8 100%)}
.sia-topbar.topbar{height:86px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--sia-border);box-shadow:0 8px 26px rgba(15,23,42,.04);backdrop-filter:blur(12px)}
.sia-logo-wrap.topbar-left{height:86px;background:#fff;border-right:1px solid var(--sia-border);box-shadow:8px 0 24px rgba(15,23,42,.04)}
.sia-logo.logo{height:86px;line-height:normal;display:flex!important;flex-direction:column;align-items:center;justify-content:center;color:var(--sia-blue)!important;text-decoration:none!important}.sia-logo span{font-size:34px;font-weight:800;letter-spacing:.5px}.sia-logo small{font-size:11px;color:#7b8ca5;margin-top:2px;font-weight:600}.sia-logo i{display:none!important}
.sia-navbar.navbar-default{height:86px;background:transparent!important;border:none!important}.sia-navbar .container{width:100%;padding:0 26px}.sia-mobile-btn{height:86px;color:#3d5a7a}.sia-page-title{padding-top:18px}.sia-page-title .page-title{margin:0!important;line-height:1.15!important;font-size:27px!important;font-weight:800;color:#14213d!important;letter-spacing:-.5px}.sia-page-title p{margin:5px 0 0;color:#73839a;font-size:14px;font-weight:500}.sia-top-actions{padding-top:18px}.sia-search.app-search{margin:0!important}.sia-search input{width:280px!important;height:42px!important;border-radius:24px!important;background:#f7fafc!important;border:1px solid #dce6f1!important;box-shadow:none!important;padding-left:22px!important;color:#27364b!important}.sia-search a{top:10px!important;right:16px!important;color:#95a3b5!important}.sia-notification{margin-top:4px}.sia-notification a{width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:#f7fafc;color:#52647a!important;border:1px solid #e4ebf3}.noti-dot{right:7px!important;top:7px!important}
.sia-sidebar.side-menu{background:#fff!important;top:86px!important;box-shadow:8px 0 28px rgba(15,23,42,.06);border-right:1px solid var(--sia-border)}.sidebar-inner{background:#fff!important}.sia-user-box.user-box{padding:26px 18px 17px;text-align:center;border-bottom:1px solid var(--sia-border);margin-bottom:12px}.sia-user-box .user-img{margin:0 auto 12px}.sia-user-box .user-img img{width:70px;height:70px;object-fit:cover;border:4px solid #f0f6ff;box-shadow:0 10px 24px rgba(15,23,42,.12)}.sia-user-box .user-status{right:2px;bottom:7px}.sia-user-box .user-status.online i{color:#14b86b!important}.sia-user-box h5{font-size:14px;margin:8px 0 8px;line-height:1.45}.sia-user-box h5 a{font-weight:800;color:#23344d}.sia-user-box h5 span{font-size:12px;color:#7f8da1}.sia-user-box .zmdi-power{color:var(--sia-blue);font-size:18px}
.sia-menu#sidebar-menu{padding:0 12px}.sia-menu#sidebar-menu>ul>li>a{border-radius:12px;margin:4px 0;color:#3d536d!important;font-weight:600;font-size:14px;display:flex;align-items:center;min-height:44px;padding:12px 14px!important}.sia-menu#sidebar-menu>ul>li>a i{font-size:19px;margin-right:13px;color:#47627d!important;width:21px;text-align:center}.sia-menu#sidebar-menu>ul>li>a:hover,.sia-menu#sidebar-menu>ul>li>a.active,.sia-menu#sidebar-menu>ul>li.active>a{background:linear-gradient(90deg,#eaf4ff,#f7fbff)!important;color:var(--sia-blue)!important;box-shadow:inset 3px 0 0 var(--sia-blue)}.sia-menu#sidebar-menu>ul>li>a:hover i,.sia-menu#sidebar-menu>ul>li>a.active i,.sia-menu#sidebar-menu>ul>li.active>a i{color:var(--sia-blue)!important}.sia-menu .menu-title{padding:18px 10px 8px!important;color:#99a7b7!important;font-size:11px;font-weight:800;letter-spacing:.8px}.sia-menu .list-unstyled li a{padding:9px 20px 9px 48px!important;color:#6b7c91!important;border-radius:10px;font-weight:500}.sia-menu .list-unstyled li a:hover{color:var(--sia-blue)!important;background:#f5faff}.sia-sidebar-card{margin:22px 18px;padding:18px;border-radius:18px;background:linear-gradient(160deg,#eef7ff,#fff);border:1px solid #dcecff;box-shadow:0 12px 28px rgba(20,121,242,.08)}.sia-sidebar-card strong{display:block;color:#1479f2;font-size:15px;margin-bottom:8px}.sia-sidebar-card span{display:block;color:#718096;font-size:12px;line-height:1.55}
.content-page{margin-left:240px!important;padding-top:86px!important;background:transparent!important}.content-page>.content{padding:22px 26px 70px!important}.content-page .container{width:100%;max-width:none}.footer{left:240px!important;background:rgba(255,255,255,.65)!important;border-top:1px solid var(--sia-border)!important;color:#8a99aa!important}
.panel,.card-box,.portlet,.widget-box{border-radius:18px!important;box-shadow:var(--sia-shadow)!important;border:1px solid var(--sia-border)!important;background:#fff!important;overflow:hidden}.panel-heading,.portlet-heading{border-radius:18px 18px 0 0!important;border-bottom:1px solid #eef2f7!important}.panel-info>.panel-heading,.panel-primary>.panel-heading{background:linear-gradient(135deg,#1479f2,#18b8d7)!important;color:#fff!important}.panel-success>.panel-heading{background:linear-gradient(135deg,#0ea95f,#20cf82)!important;color:#fff!important}.panel-title{font-weight:800!important;letter-spacing:.1px}.panel-body{padding:24px!important}.card-box{padding:22px!important;margin-bottom:22px!important}h1,h2,h3,h4{font-weight:800;color:#14213d}.text-muted{color:#73839a!important}.form-control{border:1px solid #dce6f1!important;border-radius:10px!important;box-shadow:none!important;height:40px}.form-control:focus{border-color:#1479f2!important;box-shadow:0 0 0 3px rgba(20,121,242,.10)!important}.control-label,label{font-weight:700;color:#17233b}.btn{border-radius:10px!important;font-weight:700!important;border:none!important;box-shadow:0 8px 18px rgba(20,121,242,.12)}.btn-primary,.btn-info,.btn-custom{background:linear-gradient(135deg,#1479f2,#18b8d7)!important;color:#fff!important}.btn-success{background:linear-gradient(135deg,#0ea95f,#20cf82)!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171)!important;color:#fff!important}.btn-default{background:#eef5fb!important;color:#34465f!important;border:1px solid #dbe7f1!important}.table{background:#fff;border-radius:14px;overflow:hidden}.table>thead>tr>th{background:#f4f8fc!important;color:#243850!important;font-weight:800!important;border-bottom:1px solid #dbe6f1!important;padding:14px!important}.table>tbody>tr>td{padding:13px 14px!important;border-color:#edf2f7!important;vertical-align:middle!important}.table-striped>tbody>tr:nth-of-type(odd){background:#fbfdff!important}.table-hover>tbody>tr:hover{background:#f0f7ff!important}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #dce6f1!important;border-radius:8px!important;padding:6px 10px}.dataTables_wrapper .dt-buttons .btn{box-shadow:none!important;border:1px solid #dbe7f1!important;background:#f8fbff!important;color:#34465f!important}.pagination>li>a,.pagination>li>span{border-radius:8px!important;margin:0 3px;color:#1479f2!important;border-color:#dce6f1!important}.pagination>.active>a{background:#1479f2!important;color:#fff!important;border-color:#1479f2!important}.label,.badge{border-radius:999px!important;padding:6px 10px!important;font-weight:800!important}.label-success,.badge-success{background:#dcfce7!important;color:#16a34a!important}.label-warning{background:#fff7df!important;color:#d97706!important}.label-danger{background:#fee2e2!important;color:#dc2626!important}
.sia-page-head{margin:6px 0 18px}.sia-page-head h2{font-size:26px;margin:0 0 6px}.sia-page-head p{margin:0;color:#73839a}.sia-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 20px}.sia-kpi{background:#fff;border:1px solid var(--sia-border);border-radius:18px;padding:22px;box-shadow:var(--sia-shadow);display:flex;align-items:center;gap:16px}.sia-kpi i{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#e9f3ff;color:#1479f2;font-size:27px}.sia-kpi.green i{background:#e8f8ef;color:#19ae63}.sia-kpi.orange i{background:#fff3df;color:#f59e0b}.sia-kpi.purple i{background:#f1eaff;color:#7c3aed}.sia-kpi small{display:block;color:#70819a;font-weight:600}.sia-kpi strong{display:block;color:#11203a;font-size:28px;line-height:1.1}.sia-modern-section{background:#fff;border:1px solid var(--sia-border);border-radius:18px;box-shadow:var(--sia-shadow);padding:22px;margin-bottom:22px}.sia-modern-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sia-modern-section-title h3{font-size:17px;margin:0}.sia-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sia-form-actions{margin-top:16px;display:flex;gap:10px}.sia-table-wrap{background:#fff;border:1px solid var(--sia-border);border-radius:18px;box-shadow:var(--sia-shadow);padding:18px;margin-bottom:22px;overflow:auto}.sia-table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sia-table-title h3{font-size:17px;margin:0}.sia-dashboard .panel-body h2,.sia-dashboard .panel-body h3{font-size:32px!important}.row{margin-left:-10px;margin-right:-10px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{padding-left:10px;padding-right:10px}
@media(max-width:1200px){.sia-kpi-grid{grid-template-columns:repeat(2,1fr)}.sia-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.content-page{margin-left:0!important}.footer{left:0!important}.sia-kpi-grid,.sia-form-grid{grid-template-columns:1fr}.sia-page-title p{display:none}.sia-search input{width:170px!important}.panel-body{padding:18px!important}}

/* ==============================
   SIA FINAL SIDEBAR REFINEMENT
   ============================== */
.sia-logo-wrap.topbar-left{
    width:240px!important;
    height:96px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#ffffff!important;
    border-right:1px solid #eaf0f7!important;
    box-shadow:8px 0 28px rgba(17,32,58,.045)!important;
}
.sia-logo.logo{
    height:96px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
}
.sia-logo span{
    font-size:31px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
}
.sia-logo small{
    margin-top:8px!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.35px!important;
    color:#7c8da5!important;
}
.sia-topbar.topbar,
.sia-navbar.navbar-default{
    height:96px!important;
}
.sia-navbar .container{
    padding-left:28px!important;
    padding-right:28px!important;
}
.sia-page-title{
    padding-top:19px!important;
}
.sia-page-title .page-title{
    font-size:28px!important;
    letter-spacing:-.6px!important;
}
.sia-top-actions{
    padding-top:22px!important;
}
.sia-sidebar.side-menu{
    top:96px!important;
    width:240px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    border-right:1px solid #e7eef7!important;
    box-shadow:10px 0 30px rgba(15,23,42,.055)!important;
}
.content-page{
    margin-left:240px!important;
    padding-top:96px!important;
}
.footer{
    left:240px!important;
}
.sidebar-inner{
    padding-bottom:18px!important;
}
.sia-brand-mini{
    display:none!important;
}
.sia-user-box.user-box{
    padding:24px 18px 20px!important;
    margin:0 0 12px!important;
    border-bottom:1px solid #eef3f8!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
.sia-user-box .user-img{
    width:78px!important;
    height:78px!important;
    margin:0 auto 13px!important;
    position:relative!important;
}
.sia-user-box .user-img img{
    width:78px!important;
    height:78px!important;
    padding:3px!important;
    border:4px solid #edf5ff!important;
    box-shadow:0 14px 30px rgba(15,23,42,.12)!important;
}
.sia-user-box .user-status{
    right:-1px!important;
    bottom:10px!important;
    width:18px!important;
    height:18px!important;
    background:#fff!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.sia-user-box h5{
    margin:10px 0 8px!important;
    font-size:14px!important;
    line-height:1.48!important;
}
.sia-user-box h5 a{
    font-size:14px!important;
    font-weight:800!important;
    color:#11203a!important;
    letter-spacing:.1px!important;
}
.sia-user-box h5 span{
    font-size:12px!important;
    font-weight:500!important;
    color:#718096!important;
}
.sia-user-box .list-inline{
    margin:0!important;
}
.sia-user-box .zmdi-power{
    width:30px!important;
    height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:#f0f7ff!important;
    color:#1479f2!important;
    font-size:17px!important;
}
.sia-menu#sidebar-menu{
    padding:0 14px 0!important;
}
.sia-menu .menu-title{
    padding:15px 10px 8px!important;
    margin-top:0!important;
    font-size:11px!important;
    line-height:1!important;
    color:#9aa9bb!important;
    font-weight:800!important;
    letter-spacing:1px!important;
}
.sia-menu#sidebar-menu>ul>li>a{
    min-height:44px!important;
    height:44px!important;
    margin:4px 0!important;
    padding:0 14px!important;
    border-radius:13px!important;
    display:flex!important;
    align-items:center!important;
    color:#344963!important;
    font-size:14px!important;
    font-weight:700!important;
    transition:all .18s ease!important;
    box-shadow:none!important;
}
.sia-menu#sidebar-menu>ul>li>a i{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    margin-right:13px!important;
    border-radius:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    color:#496682!important;
    transition:all .18s ease!important;
}
.sia-menu#sidebar-menu>ul>li>a span:not(.menu-arrow){
    flex:1!important;
}
.sia-menu#sidebar-menu>ul>li>a:hover,
.sia-menu#sidebar-menu>ul>li>a.active,
.sia-menu#sidebar-menu>ul>li.active>a{
    background:linear-gradient(90deg,#eaf4ff 0%,#f7fbff 100%)!important;
    color:#1479f2!important;
    box-shadow:inset 4px 0 0 #1479f2!important;
    transform:translateX(0)!important;
}
.sia-menu#sidebar-menu>ul>li>a:hover i,
.sia-menu#sidebar-menu>ul>li>a.active i,
.sia-menu#sidebar-menu>ul>li.active>a i{
    color:#1479f2!important;
    background:#ffffff!important;
    box-shadow:0 6px 16px rgba(20,121,242,.12)!important;
}
.sia-menu .menu-arrow{
    position:static!important;
    margin-left:auto!important;
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#3e5874!important;
}
.sia-menu .list-unstyled{
    margin:3px 0 8px!important;
    padding:4px 0 4px 0!important;
    background:#fbfdff!important;
    border-radius:12px!important;
    border:1px solid #eef4fa!important;
}
.sia-menu .list-unstyled li a{
    display:flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:8px 14px 8px 50px!important;
    margin:1px 6px!important;
    border-radius:10px!important;
    color:#66778c!important;
    font-size:13px!important;
    font-weight:600!important;
    position:relative!important;
}
.sia-menu .list-unstyled li a:before{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:#9fb0c4;
    position:absolute;
    left:31px;
    top:50%;
    transform:translateY(-50%);
}
.sia-menu .list-unstyled li a:hover,
.sia-menu .list-unstyled li a.active{
    color:#1479f2!important;
    background:#eef6ff!important;
}
.sia-menu .list-unstyled li a:hover:before,
.sia-menu .list-unstyled li a.active:before{
    background:#1479f2!important;
}
.sia-sidebar-card{
    margin:18px 16px 22px!important;
    padding:16px!important;
    border-radius:18px!important;
    background:linear-gradient(160deg,#eef7ff 0%,#ffffff 100%)!important;
    border:1px solid #dcecff!important;
    box-shadow:0 12px 28px rgba(20,121,242,.08)!important;
}
.sia-sidebar-card strong{
    font-size:14px!important;
    line-height:1.2!important;
    color:#1479f2!important;
}
.sia-sidebar-card span{
    margin-top:7px!important;
    font-size:12px!important;
    line-height:1.5!important;
    color:#718096!important;
}
@media(max-width:768px){
    .sia-logo-wrap.topbar-left{width:70px!important;}
    .sia-logo span{font-size:22px!important;}
    .sia-logo small{display:none!important;}
    .content-page{margin-left:0!important;}
    .footer{left:0!important;}
}

/* =========================================================
   SIA FINAL SIDEBAR + TOPBAR OVERRIDE
   Load this file LAST after menu.css, responsive.css, plugins.
   ========================================================= */
:root{--sia-sidebar-w:250px;--sia-topbar-h:86px;--sia-blue:#1479f2;--sia-sky:#18b8d7;--sia-dark:#10213b;--sia-muted:#718096;--sia-border:#e6edf5;--sia-soft:#f4f8fb;--sia-shadow:0 14px 38px rgba(17,32,58,.08)}
html,body{min-height:100%;}
body.fixed-left,body.sia-modern{font-family:'Inter',Arial,sans-serif!important;background:#f4f8fb!important;color:var(--sia-dark)!important;}
#wrapper.sia-wrapper,#wrapper{background:linear-gradient(180deg,#f8fbff 0%,#eef4f8 100%)!important;min-height:100vh!important;}

/* Topbar */
.topbar.sia-topbar,.topbar{height:var(--sia-topbar-h)!important;background:#ffffff!important;border-top:0!important;border-bottom:1px solid var(--sia-border)!important;box-shadow:0 8px 26px rgba(15,23,42,.045)!important;z-index:999!important;}
.topbar .topbar-left,.sia-logo-wrap.topbar-left{width:var(--sia-sidebar-w)!important;height:var(--sia-topbar-h)!important;background:#fff!important;border-top:3px solid var(--sia-blue)!important;border-right:1px solid var(--sia-border)!important;box-shadow:8px 0 24px rgba(15,23,42,.035)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.logo.sia-logo,.topbar .topbar-left .logo.sia-logo{height:auto!important;line-height:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:var(--sia-blue)!important;font-family:'Inter',Arial,sans-serif!important;margin-top:0!important;}
.logo.sia-logo span{font-size:31px!important;line-height:30px!important;font-weight:800!important;letter-spacing:.2px!important;color:var(--sia-blue)!important;font-family:'Inter',Arial,sans-serif!important;}
.logo.sia-logo small{display:block!important;font-size:10px!important;line-height:14px!important;color:#8492a6!important;margin-top:6px!important;font-weight:700!important;letter-spacing:.15px!important;}
.logo.sia-logo i,.logo i{display:none!important;}
.navbar.sia-navbar,.navbar-default{height:var(--sia-topbar-h)!important;min-height:var(--sia-topbar-h)!important;background:#fff!important;border:0!important;border-top:3px solid transparent!important;margin:0!important;padding:0 22px!important;}
.sia-navbar .container,.navbar-default .container{width:100%!important;padding-left:0!important;padding-right:0!important;}
.sia-page-title{padding-top:15px!important;}
.sia-page-title .page-title{margin:0!important;font-size:27px!important;line-height:32px!important;font-weight:800!important;color:#14213d!important;letter-spacing:-.4px!important;}
.sia-page-title p{margin:4px 0 0!important;color:#718096!important;font-size:14px!important;font-weight:600!important;}
.button-menu-mobile.sia-mobile-btn{height:83px!important;line-height:83px!important;color:#3d5a7a!important;font-size:22px!important;padding:0 8px!important;}
.sia-top-actions{padding-top:18px!important;}
.sia-search.app-search{margin:0!important;position:relative!important;}
.sia-search input{width:282px!important;height:44px!important;border-radius:999px!important;border:1px solid #dce6f1!important;background:#f7fafc!important;box-shadow:none!important;padding:0 44px 0 22px!important;color:#27364b!important;font-weight:600!important;}
.sia-search a{position:absolute!important;right:15px!important;top:11px!important;color:#95a3b5!important;font-size:16px!important;}
.sia-notification{margin-top:0!important;}
.sia-notification a{width:42px!important;height:42px!important;line-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#f7fafc!important;color:#52647a!important;border:1px solid #e4ebf3!important;font-size:23px!important;}
.notification-box .noti-dot{top:-5px!important;right:1px!important;position:relative!important;}

/* Sidebar wrapper */
.left.side-menu.sia-sidebar,.left.side-menu,.side-menu{width:var(--sia-sidebar-w)!important;top:var(--sia-topbar-h)!important;bottom:0!important;height:calc(100vh - var(--sia-topbar-h))!important;margin:0!important;padding:0 0 20px!important;background:#fff!important;border-right:1px solid var(--sia-border)!important;box-shadow:8px 0 28px rgba(15,23,42,.055)!important;z-index:998!important;overflow:hidden!important;}
.sidebar-inner.slimscrollleft,.sidebar-inner{height:100%!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:24px!important;}
.sidebar-inner::-webkit-scrollbar{width:6px}.sidebar-inner::-webkit-scrollbar-thumb{background:#d7e3ef;border-radius:999px}.sidebar-inner::-webkit-scrollbar-track{background:transparent}

/* User profile block */
.user-box.sia-user-box,.user-box{padding:22px 18px 18px!important;margin:0 0 12px!important;text-align:center!important;border-bottom:1px solid #edf2f7!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;}
.user-box .user-img{width:72px!important;height:72px!important;margin:0 auto 13px!important;position:relative!important;}
.user-box .user-img img{width:72px!important;height:72px!important;max-width:72px!important;object-fit:cover!important;border-radius:50%!important;border:4px solid #f0f6ff!important;box-shadow:0 10px 24px rgba(15,23,42,.13)!important;background:#fff!important;padding:0!important;}
.user-box .user-status{width:14px!important;height:14px!important;right:0!important;bottom:8px!important;background:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.user-box .user-status i{font-size:14px!important;color:#14b86b!important;}
.user-box h5{font-size:14px!important;margin:6px 0 8px!important;line-height:1.45!important;color:#14213d!important;}
.user-box h5 a{font-weight:800!important;color:#14213d!important;text-decoration:none!important;}
.user-box h5 span{font-size:12px!important;color:#7f8da1!important;font-weight:600!important;}
.user-box ul{margin:4px 0 0!important;}
.user-box .zmdi-power{color:var(--sia-blue)!important;font-size:19px!important;}

/* Sidebar menu */
#sidebar-menu.sia-menu,#sidebar-menu{padding:0 14px 18px!important;background:#fff!important;}
#sidebar-menu ul{list-style:none!important;margin:0!important;padding:0!important;}
#sidebar-menu .menu-title{padding:16px 10px 8px!important;margin:0!important;color:#9aa9ba!important;font-size:11px!important;font-weight:800!important;letter-spacing:.9px!important;text-transform:uppercase!important;}
#sidebar-menu>ul>li>a{height:auto!important;min-height:44px!important;line-height:20px!important;margin:3px 0!important;padding:12px 14px!important;border-radius:13px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#3e5570!important;background:transparent!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;position:relative!important;transition:all .18s ease!important;}
#sidebar-menu>ul>li>a i{width:22px!important;min-width:22px!important;margin:0!important;text-align:center!important;font-size:19px!important;line-height:20px!important;color:#47627d!important;transition:all .18s ease!important;}
#sidebar-menu>ul>li>a span:not(.menu-arrow){display:inline-block!important;flex:1!important;}
#sidebar-menu>ul>li>a .menu-arrow{position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;color:#294966!important;font-size:16px!important;}
#sidebar-menu>ul>li>a:hover,#sidebar-menu>ul>li>a.active,#sidebar-menu>ul>li.active>a,#sidebar-menu>ul>li>a.subdrop{background:linear-gradient(90deg,#eaf4ff 0%,#f8fbff 100%)!important;color:var(--sia-blue)!important;box-shadow:inset 4px 0 0 var(--sia-blue)!important;}
#sidebar-menu>ul>li>a:hover i,#sidebar-menu>ul>li>a.active i,#sidebar-menu>ul>li.active>a i,#sidebar-menu>ul>li>a.subdrop i{color:var(--sia-blue)!important;}
#sidebar-menu ul ul{padding:3px 0 7px!important;margin:0!important;}
#sidebar-menu ul ul li a{display:block!important;margin:1px 0!important;padding:8px 18px 8px 50px!important;border-radius:10px!important;color:#6b7c91!important;font-size:13px!important;font-weight:600!important;line-height:19px!important;text-decoration:none!important;position:relative!important;background:transparent!important;}
#sidebar-menu ul ul li a:before{content:'';width:5px;height:5px;border-radius:50%;background:#b7c5d6;position:absolute;left:32px;top:15px;}
#sidebar-menu ul ul li a:hover,#sidebar-menu ul ul li.active a{background:#f5faff!important;color:var(--sia-blue)!important;}
#sidebar-menu ul ul li a:hover:before,#sidebar-menu ul ul li.active a:before{background:var(--sia-blue)!important;}

.sia-sidebar-card{margin:16px 18px 24px!important;padding:16px!important;border-radius:18px!important;background:linear-gradient(160deg,#eef7ff 0%,#ffffff 100%)!important;border:1px solid #dcecff!important;box-shadow:0 12px 28px rgba(20,121,242,.08)!important;}
.sia-sidebar-card strong{display:block!important;color:var(--sia-blue)!important;font-size:15px!important;font-weight:800!important;margin-bottom:7px!important;}
.sia-sidebar-card span{display:block!important;color:#718096!important;font-size:12px!important;line-height:1.55!important;}

/* Align content with fixed sidebar */
.content-page{margin-left:var(--sia-sidebar-w)!important;padding-top:var(--sia-topbar-h)!important;background:transparent!important;}
.content-page>.content{padding:22px 26px 70px!important;margin-top:0!important;}
.footer{left:var(--sia-sidebar-w)!important;background:rgba(255,255,255,.72)!important;border-top:1px solid var(--sia-border)!important;color:#8a99aa!important;}

@media(max-width:768px){
  .topbar .topbar-left,.sia-logo-wrap.topbar-left{width:70px!important;}
  .logo.sia-logo span{font-size:22px!important}.logo.sia-logo small{display:none!important}
  .left.side-menu.sia-sidebar,.left.side-menu,.side-menu{left:-250px!important;transition:left .2s ease!important;}
  #wrapper.enlarged .left.side-menu{left:0!important;}
  .content-page{margin-left:0!important;}
  .footer{left:0!important;}
  .sia-page-title p{display:none!important}.sia-page-title .page-title{font-size:21px!important;}
  .sia-search input{width:170px!important;}
}