:root{

    --st-blue:#1A237E;
    --st-gold:#FFC107;

    --st-bg:#F5F7FA;

    --st-card:#FFFFFF;

    --st-text:#212529;

    --st-sidebar:#1F232A;

    --st-sidebar-hover:#29303A;

    --st-border:#DEE2E6;

}

body{

    background:var(--st-bg);

    color:var(--st-text);

}

.btn-primary{

    background:var(--st-blue);

    border-color:var(--st-blue);

}

.btn-primary:hover{

    background:#111A63;

    border-color:#111A63;

}

.card{

    border:none;

    border-radius:12px;

}

.card-header{

    background:white;

    border-bottom:1px solid var(--st-border);

}

.sidebar{

    background:linear-gradient(
        180deg,
        #1A237E 0%,
        #111827 100%
    );

}

.sidebar .nav-link{

    color:#E5E7EB;

    border-radius:10px;

    margin:4px 10px;

    transition:.25s;

}

.sidebar .nav-link:hover{

    background:rgba(255,255,255,.08);

    color:white;

    transform:translateX(4px);

}

.sidebar .nav-link.active{

    background:var(--st-blue);

}

.text-brand{

    color:var(--st-blue);

}

.bg-brand{

    background:var(--st-blue);

}

.border-brand{

    border-color:var(--st-blue)!important;
}
.sidebar-section{

    color:#FFC107;

    font-weight:700;

    letter-spacing:1px;

    margin-top:12px;

    margin-bottom:8px;

    opacity:.85;

}
/* ================= ACTIVE MENU ================= */

.sidebar .nav-link.active{

    background:var(--st-blue);

    color:white !important;

    border-left:4px solid var(--st-gold);

    font-weight:600;

}

.sidebar .nav-link.active i{

    color:var(--st-gold);

}
/* ===========================
   Footer
=========================== */

.footer-brand{

    background:#163A5F;

    color:#E5E7EB;

    border-top:4px solid #FFC107;

    padding:12px 25px;

    font-size:14px;

}

.footer-brand strong{

    color:#FFC107;

    font-weight:600;

}

.footer-brand small{

    color:#d6d6d6;

}
.sidebar.collapsed .sidebar-header{

    display:none;

}
/* ===========================
   Company Detail Cards
=========================== */

.section-card {
    border: none;
    border-radius: 14px;
    overflow: hidden;
}

.section-header {
    background: var(--st-primary);
    color: white;
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-header h5 {
    margin: 0;
    font-weight: 600;
}

.section-header .btn {
    border-radius: 8px;
}

.section-body {
    padding: 20px;
}

.info-card {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    transition: .25s;
}

.info-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
/* ===========================
   Detail Cards
=========================== */

.info-card{

    border:none;
    border-radius:16px;

    transition:.25s;

    overflow:hidden;

}

.info-card:hover{

    transform:translateY(-4px);

    box-shadow:0 .8rem 1.6rem rgba(0,0,0,.12);

}

.info-card-header{

    background:linear-gradient(
        90deg,
        var(--st-blue),
        var(--st-cyan)
    );

    color:white;

    padding:12px 18px;

    font-weight:600;

}

.info-card-body{

    padding:18px;

}

.info-item{

    display:flex;

    align-items:center;

    margin-bottom:10px;

}

.info-item i{

    width:28px;

    color:var(--st-blue);

}

.info-actions{

    border-top:1px solid #ececec;

    margin-top:18px;

    padding-top:14px;

    display:flex;

    justify-content:flex-end;

    gap:10px;

}