*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#eef6ff;background:#020b19}
.login-body{min-height:100vh;background:radial-gradient(circle at 20% 50%,#063372 0,#020b19 35%,#010611 100%)}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px;max-width:1450px;margin:auto;padding:60px}
.brand-panel{text-align:center}.brand-mark{width:110px;height:110px;margin:auto;border-radius:25px;background:linear-gradient(135deg,#1fd7ff,#1763ff);display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:900}
.brand-panel h1{font-size:68px;margin:18px 0 0}.subtitle{letter-spacing:7px;color:#42a8ff}.line{height:2px;background:linear-gradient(90deg,transparent,#138cff,transparent);margin:35px}
.brand-panel h2{letter-spacing:3px}.system-cards{display:flex;justify-content:center;gap:20px;margin-top:45px}.system-card{width:180px;padding:30px 15px;border:1px solid #15508e;border-radius:15px;background:#06152a}.system-card span{display:block;font-size:45px;color:#29a5ff}.system-card b,.system-card small{display:block;margin-top:8px}
.login-card{background:linear-gradient(160deg,#071a34,#061225);border:1px solid #165ca4;border-radius:22px;padding:55px;box-shadow:0 20px 80px #000}.login-card h2{text-align:center;font-size:38px}.login-card h2 span{color:#3f8cff}.login-card>p{text-align:center;color:#99abc4}.login-card label{display:block;color:#36a5ff;margin:24px 0 8px;font-weight:700}.login-card input{width:100%;padding:17px;border:1px solid #25547f;border-radius:9px;background:#07172a;color:white;font-size:16px}.login-card button{width:100%;padding:17px;margin-top:30px;border:0;border-radius:9px;background:linear-gradient(90deg,#1766f2,#24b7ef);color:white;font-size:18px;font-weight:700}.login-card footer{text-align:center;color:#72839d;margin-top:40px}.error-box{padding:12px;background:#4a1420;border:1px solid #ff4e68;border-radius:8px}
.dashboard-body{display:flex;min-height:100vh;background:#061224}.sidebar{width:260px;background:#041123;padding:30px 20px;border-right:1px solid #183653}.sidebar h1{font-size:30px;margin:0}.sidebar small{color:#3f99ff}.sidebar a{display:block;color:#dbeaff;text-decoration:none;padding:13px;margin-top:4px;border-radius:7px}.sidebar a.active{background:#143b79}.nav-title{margin-top:30px;color:#6f87a6;font-size:12px}.logout{color:#ff6767!important;margin-top:40px!important}.content{flex:1;padding:45px}.content>p{color:#8299b5}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.dash-card,.systems>div{background:#091b34;border:1px solid #183c61;border-radius:12px;padding:25px}.dash-card small{color:#9bb1ca}.dash-card strong{display:block;font-size:36px;margin-top:12px}.systems{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.ready{color:#35d67d}.waiting{color:#ffb33d}

.mini{display:block;margin-top:10px;color:#6fcfff;font-size:13px}

/* =========================================================
   NEXORA FINAL GLOBAL UI
   HANYA TAMPILAN - TIDAK MENGUBAH BACKEND / WORKER
   ========================================================= */

*{
    box-sizing:border-box;
}

html,body{
    margin:0;
    min-height:100%;
}

body.dashboard-body{
    background:#061426 !important;
    color:#f4f8ff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px;
}

/* SIDEBAR */
.sidebar{
    position:fixed !important;
    top:0;
    left:0;
    bottom:0;
    width:245px !important;
    padding:24px 18px !important;
    background:#041426 !important;
    border-right:1px solid #183b61 !important;
    overflow-y:auto;
    z-index:100;
}

.sidebar h1{
    margin:0 !important;
    color:#ffffff !important;
    font-size:30px !important;
    line-height:1;
    font-weight:800 !important;
    letter-spacing:.5px;
}

.sidebar small{
    display:block;
    margin-top:7px;
    margin-bottom:24px;
    color:#60afff !important;
    font-size:11px !important;
    letter-spacing:.8px;
}

.sidebar .nav-title{
    margin:24px 8px 8px !important;
    color:#5ba7ed !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.5px;
}

.sidebar a{
    display:block;
    width:100%;
    margin:3px 0;
    padding:11px 12px !important;
    border-radius:7px;
    color:#f5f8fc !important;
    font-size:15px !important;
    font-weight:400 !important;
    text-decoration:none !important;
    transition:.15s ease;
}

.sidebar a:hover{
    background:#0a294d !important;
}

.sidebar a.active{
    background:#123d72 !important;
    color:#ffffff !important;
}

.sidebar a.logout{
    margin-top:24px !important;
    padding-top:14px !important;
    border-top:1px solid #183b61;
    border-radius:0;
    color:#ff5757 !important;
}

.sidebar a.logout:hover{
    background:transparent !important;
    color:#ff7676 !important;
}

/* CONTENT */
.content{
    margin-left:245px !important;
    width:calc(100% - 245px) !important;
    min-height:100vh;
    padding:30px 28px 50px !important;
    background:#061426 !important;
    color:#ffffff !important;
}

.content > h1{
    margin:0 0 12px !important;
    font-size:30px !important;
    line-height:1.2;
    font-weight:750 !important;
    color:#ffffff !important;
}

.content > p{
    color:#8fb4d9 !important;
    margin-top:0;
    margin-bottom:22px;
}

/* CARDS / BOX */
.dash-card,
.ab-box,
.users-card,
.settings-card,
.audit-card,
.systems > div,
.ab-status{
    background:#091d35 !important;
    border:1px solid #1a4670 !important;
    border-radius:10px !important;
    box-shadow:none !important;
}

.dash-card,
.ab-box{
    padding:20px !important;
}

.dash-card small,
.ab-box small{
    color:#8fb4d9 !important;
}

.dash-card strong,
.ab-box strong{
    color:#ffffff;
}

/* TABLE GLOBAL */
table,
.ab-table,
.users-table,
.audit-table{
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:#081c33 !important;
    border:1px solid #1a4670 !important;
    border-radius:9px !important;
    overflow:hidden;
}

table thead th,
.ab-table th,
.users-table th,
.audit-table th{
    background:#0d3157 !important;
    color:#56afff !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-align:center !important;
    padding:12px 10px !important;
    border-bottom:1px solid #24537d !important;
}

table tbody td,
.ab-table td,
.users-table td,
.audit-table td{
    background:#081c33 !important;
    color:#ffffff !important;
    font-size:14px !important;
    font-weight:400 !important;
    padding:12px 10px !important;
    border-bottom:1px solid #183e62 !important;
    vertical-align:middle !important;
}

table tbody tr:last-child td{
    border-bottom:none !important;
}

/* ACTION AUDIT = TEKS NORMAL */
.action-plain,
.audit-table .action-plain{
    background:#081c33 !important;
    border:none !important;
    color:#ffffff !important;
    font-size:14px !important;
    font-weight:400 !important;
    box-shadow:none !important;
}

/* INPUT */
input,
select,
textarea{
    min-height:38px;
    border-radius:6px !important;
    border:1px solid #2c6699 !important;
    padding:8px 10px !important;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textarea{
    background:#f7f9fc;
    color:#101820;
}

/* BUTTON UMUM */
button{
    border-radius:6px !important;
    font-family:inherit;
    cursor:pointer;
}

.btn-green,
button.start{
    background:#07883f !important;
    border:1px solid #22c96b !important;
    color:#ffffff !important;
    font-weight:600 !important;
}

button.stop{
    background:#822734 !important;
    border:1px solid #bd4454 !important;
    color:#ffffff !important;
}

/* STATUS */
.green{
    color:#28e879 !important;
}

.yellow{
    color:#ffb827 !important;
}

.ready{
    color:#28e879 !important;
}

.waiting{
    color:#ffb827 !important;
}

/* FLASH / MESSAGE */
.msg,
.flash-box{
    background:#0a2746 !important;
    border:1px solid #286498 !important;
    color:#ffffff !important;
    border-radius:8px !important;
}

/* AUTO BONUS ACTION LINKS */
.ab-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    margin:20px 0;
}

.ab-actions a{
    display:inline-block;
    padding:11px 16px;
    background:#0a2b50;
    border:1px solid #286498;
    color:#ffffff;
    text-decoration:none;
    border-radius:7px;
}

/* TOTAL / BADGE */
.total-data-green{
    background:#07883f !important;
    border:1px solid #22c96b !important;
    color:#ffffff !important;
    border-radius:7px !important;
}

/* SCROLLBAR */
.sidebar::-webkit-scrollbar{
    width:6px;
}

.sidebar::-webkit-scrollbar-thumb{
    background:#214d77;
    border-radius:8px;
}

/* RESPONSIVE */
@media(max-width:900px){
    .sidebar{
        width:210px !important;
    }

    .content{
        margin-left:210px !important;
        width:calc(100% - 210px) !important;
        padding:22px 18px !important;
    }
}


/* ===== NEXORA FINAL SHARED LAYOUT ===== */

.nexora-brand{
    padding:0 8px 18px;
    margin-bottom:8px;
    border-bottom:1px solid #173b60;
}

.nexora-logo{
    color:#fff;
    font-size:30px;
    line-height:1;
    font-weight:800;
    letter-spacing:.5px;
}

.nexora-sub{
    color:#6db8ff;
    font-size:10px;
    margin-top:7px;
    letter-spacing:.8px;
}

.sidebar{
    display:flex;
    flex-direction:column;
}

.sidebar-bottom{
    margin-top:auto;
    padding-top:12px;
}

.content{
    max-width:none !important;
}

.content h1{
    letter-spacing:-.3px;
}

table{
    box-shadow:none !important;
}


/* ===== FINAL VISUAL MATCH ===== */

.sidebar a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.nav-icon{
    width:20px;
    min-width:20px;
    text-align:center;
    font-size:18px;
    line-height:1;
    color:#cfe6ff;
}

.sidebar a.active .nav-icon{
    color:#ffffff;
}

.sidebar a.logout .nav-icon{
    color:#ff5757;
}

/* brand like reference */
.nexora-brand{
    padding:0 6px 18px !important;
    margin-bottom:10px !important;
}

.nexora-logo{
    font-size:31px !important;
    font-weight:800 !important;
    letter-spacing:.6px !important;
}

.nexora-sub{
    font-size:10px !important;
    letter-spacing:.9px !important;
}

/* panel geometry */
.content{
    padding:26px 26px 46px !important;
}

.cards,
.ab-grid{
    gap:14px !important;
}

.dash-card,
.ab-box{
    min-height:104px;
    border-radius:9px !important;
}

.systems,
.users-card,
.settings-card,
.audit-card{
    border-radius:9px !important;
}

/* headings */
.content > h1{
    font-size:29px !important;
    margin-bottom:8px !important;
}

.content > p{
    font-size:14px !important;
}

/* buttons/cards closer to reference */
.ab-actions a,
.btn-green,
button.start,
button.stop{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* table spacing */
table thead th,
.ab-table th,
.users-table th,
.audit-table th{
    font-size:13px !important;
}

table tbody td,
.ab-table td,
.users-table td,
.audit-table td{
    font-size:13px !important;
}

/* active sidebar richer blue */
.sidebar a.active{
    background:#123f78 !important;
    border:1px solid #1d5aa0 !important;
}

/* content panel border consistency */
.ab-status,
.audit-card,
.settings-card,
.users-card,
.systems > div{
    border-color:#1b4976 !important;
}

/* page width */
.content{
    overflow-x:auto;
}


/* ===== NEXORA TABLE CENTER ALIGN ===== */

/* Header tabel */
.ab-table th{
    text-align:center !important;
    vertical-align:middle !important;
}

/* Semua isi tabel */
.ab-table td{
    text-align:center !important;
    vertical-align:middle !important;
}

/* Pastikan kolom Waktu juga ke tengah */
.ab-table th:first-child,
.ab-table td:first-child{
    text-align:center !important;
}

/* ID / Username */
.ab-table th:nth-child(2),
.ab-table td:nth-child(2){
    text-align:center !important;
}

/* Jumlah */
.ab-table th:nth-child(3),
.ab-table td:nth-child(3){
    text-align:center !important;
}

/* Status */
.ab-table th:nth-child(4),
.ab-table td:nth-child(4){
    text-align:center !important;
}


/* =========================================================
   NEXORA FINAL TABLE ALIGNMENT
   UI ONLY - BACKEND TIDAK DIUBAH
   ========================================================= */

/* ---------- SEMUA TABEL AUTO BONUS ---------- */

.table-box table,
.ab-table{
    width:100% !important;
    table-layout:auto !important;
}

.table-box table th,
.table-box table td,
.ab-table th,
.ab-table td{
    text-align:center !important;
    vertical-align:middle !important;
}

/* Waktu */
.table-box table th:nth-child(1),
.table-box table td:nth-child(1),
.ab-table th:nth-child(1),
.ab-table td:nth-child(1){
    text-align:center !important;
}

/* ID / Username */
.table-box table th:nth-child(2),
.table-box table td:nth-child(2),
.ab-table th:nth-child(2),
.ab-table td:nth-child(2){
    text-align:center !important;
}

/* Jumlah */
.table-box table th:nth-child(3),
.table-box table td:nth-child(3),
.ab-table th:nth-child(3),
.ab-table td:nth-child(3){
    text-align:center !important;
}

/* Status */
.table-box table th:nth-child(4),
.table-box table td:nth-child(4),
.ab-table th:nth-child(4),
.ab-table td:nth-child(4){
    text-align:center !important;
}

/* ---------- PENGGUNA & ROLE ---------- */

.users-table{
    width:100% !important;
    table-layout:fixed !important;
}

.users-table th,
.users-table td{
    text-align:center !important;
    vertical-align:middle !important;
    padding:11px 8px !important;
}

/* Ukuran kolom lebih normal */
.users-table th:nth-child(1),
.users-table td:nth-child(1){
    width:14% !important;
}

.users-table th:nth-child(2),
.users-table td:nth-child(2){
    width:15% !important;
}

.users-table th:nth-child(3),
.users-table td:nth-child(3){
    width:13% !important;
}

.users-table th:nth-child(4),
.users-table td:nth-child(4){
    width:14% !important;
}

.users-table th:nth-child(5),
.users-table td:nth-child(5){
    width:30% !important;
}

.users-table th:nth-child(6),
.users-table td:nth-child(6){
    width:14% !important;
}

.users-table select{
    width:125px !important;
    max-width:100% !important;
}

.users-table .reset-form{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px !important;
}

.users-table .reset-form input{
    width:180px !important;
    max-width:65% !important;
}

.users-table button{
    white-space:nowrap !important;
}

/* Header seluruh tabel konsisten */
.users-table th,
.table-box table th,
.ab-table th{
    font-size:14px !important;
    font-weight:700 !important;
    color:#58afff !important;
}

/* Isi tabel normal */
.users-table td,
.table-box table td,
.ab-table td{
    font-size:14px !important;
    font-weight:400 !important;
}

/* Baris tetap navy NEXORA */
.users-table td,
.table-box table td,
.ab-table td{
    background:#081c33 !important;
}

/* responsive */
@media(max-width:1100px){
    .users-table{
        table-layout:auto !important;
    }

    .users-table .reset-form input{
        min-width:130px !important;
    }
}


/* ===== USERS COMPACT FINAL ===== */

.users-card{
    padding:16px 18px !important;
}

.users-create{
    gap:8px !important;
}

.users-create input{
    width:180px !important;
    min-width:0 !important;
    height:34px !important;
    font-size:13px !important;
}

.users-create select{
    width:115px !important;
    height:34px !important;
    font-size:13px !important;
}

.users-create .btn-green{
    min-height:34px !important;
    padding:6px 12px !important;
    font-size:13px !important;
}

.users-table th{
    padding:9px 8px !important;
    font-size:13px !important;
}

.users-table td{
    padding:8px 6px !important;
    font-size:13px !important;
    height:48px !important;
}

.users-table select{
    width:120px !important;
    height:34px !important;
    min-height:34px !important;
    padding:4px 8px !important;
    font-size:13px !important;
}

.users-table .btn-green,
.users-table button{
    min-height:32px !important;
    height:32px !important;
    padding:5px 10px !important;
    font-size:12px !important;
    line-height:1 !important;
}

.users-table .reset-form{
    gap:6px !important;
}

.users-table .reset-form input{
    width:165px !important;
    height:34px !important;
    min-height:34px !important;
    padding:5px 8px !important;
    font-size:12px !important;
}

.users-table th:nth-child(1),
.users-table td:nth-child(1){
    width:15% !important;
}

.users-table th:nth-child(2),
.users-table td:nth-child(2){
    width:15% !important;
}

.users-table th:nth-child(3),
.users-table td:nth-child(3){
    width:12% !important;
}

.users-table th:nth-child(4),
.users-table td:nth-child(4){
    width:14% !important;
}

.users-table th:nth-child(5),
.users-table td:nth-child(5){
    width:30% !important;
}

.users-table th:nth-child(6),
.users-table td:nth-child(6){
    width:14% !important;
}


/* Auto Bonus: 5 ringkasan sejajar */
.ab-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(150px,1fr)) !important;
    gap:14px !important;
}

@media(max-width:1200px){
    .ab-grid{
        grid-template-columns:repeat(3,1fr) !important;
    }
}


/* ===== NEXORA CONTENT WIDTH FINAL FIX ===== */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
}

.content{
    margin-left:245px !important;
    width:calc(100vw - 245px) !important;
    max-width:calc(100vw - 245px) !important;
    padding:26px !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
}

.ab-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
}

.ab-box{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

.ab-table{
    width:100% !important;
    max-width:100% !important;
}

/* responsive */
@media(max-width:1200px){
    .ab-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

@media(max-width:900px){
    .content{
        margin-left:210px !important;
        width:calc(100vw - 210px) !important;
        max-width:calc(100vw - 210px) !important;
    }

    .ab-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* ===== AUTO BONUS CLICKABLE CARDS ===== */
.ab-card-link{
    display:block !important;
    text-decoration:none !important;
    color:inherit !important;
    cursor:pointer !important;
    transition:transform .15s ease, border-color .15s ease, background .15s ease;
}

.ab-card-link:hover{
    transform:translateY(-2px);
    border-color:#2f6ca8 !important;
    background:#0b2440 !important;
}

.ab-card-link small,
.ab-card-link strong{
    pointer-events:none;
}

/* ===== NEXORA HISTORY TRANSAKSI ===== */

.history-toolbar{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin:0 0 20px;
}

.history-filter{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0;
}

.history-filter select,
.history-filter input{
    height:38px;
    padding:7px 10px !important;
}

.history-filter select{
    min-width:190px;
}

.history-filter button,
.history-back{
    min-height:38px;
    padding:8px 14px;
    border-radius:7px;
    border:1px solid #286498;
    background:#0c294e;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}

.history-back:hover,
.history-filter button:hover{
    background:#123f78;
}

.history-current{
    padding:8px 13px;
    border:1px solid #1b4976;
    border-radius:7px;
    background:#091d35;
    color:#8fb4d9;
}

/* Semua tabel History rata tengah */
.table-box th,
.table-box td{
    text-align:center !important;
    vertical-align:middle !important;
}

/* ===== NEXORA PAGE SELECT MENU ===== */

.nexora-page-select{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 18px 0;
}

.nexora-page-select label{
    color:#8fb4d9;
    font-size:13px;
    font-weight:600;
}

.nexora-page-select select{
    width:210px !important;
    height:38px !important;
    min-height:38px !important;
    padding:6px 10px !important;
    background:#0c294e !important;
    color:#ffffff !important;
    border:1px solid #286498 !important;
    border-radius:7px !important;
    font-size:14px !important;
    cursor:pointer;
}

.nexora-page-select option{
    background:#0c294e;
    color:#ffffff;
}


/* ===== FIX SELECT MENU NEXORA ===== */

.nexora-page-select{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    visibility:visible !important;
}

.nexora-page-select label{
    display:block !important;
    color:#8fb4d9 !important;
    font-size:14px !important;
}

.nexora-page-select select{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    width:230px !important;
    height:40px !important;

    background:#0c294e !important;
    color:#ffffff !important;

    border:1px solid #2d6fa8 !important;
    border-radius:7px !important;

    padding:7px 10px !important;

    font-size:14px !important;
    font-weight:400 !important;

    appearance:auto !important;
    -webkit-appearance:auto !important;
    -moz-appearance:auto !important;

    cursor:pointer !important;
}

.nexora-page-select option{
    background:#0c294e !important;
    color:#ffffff !important;
    font-size:14px !important;
}

/* ===== SELECT TEPAT DI ATAS TABEL ===== */

.table-select-bar{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 10px 0 !important;
}

.table-select-label{
    color:#8fb4d9 !important;
    font-size:13px !important;
    font-weight:600 !important;
}

.table-select-bar select{
    width:230px !important;
    height:38px !important;
    min-height:38px !important;
    padding:6px 10px !important;

    background:#0c294e !important;
    color:#ffffff !important;

    border:1px solid #2d6fa8 !important;
    border-radius:7px !important;

    font-size:14px !important;
    cursor:pointer !important;

    appearance:auto !important;
    -webkit-appearance:auto !important;
}

.table-select-bar option{
    background:#0c294e !important;
    color:#ffffff !important;
}


/* ===== NEXORA VERTICAL DROPDOWN MENU ===== */

.vertical-menu-wrap{
    margin:0 0 12px 0;
    width:240px;
}

.vertical-menu{
    position:relative;
    width:240px;
}

.vertical-menu summary{
    list-style:none;
    cursor:pointer;
    height:40px;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:space-between;

    background:#0c294e;
    border:1px solid #2d6fa8;
    border-radius:7px;

    color:#ffffff;
    font-size:14px;
}

.vertical-menu summary::-webkit-details-marker{
    display:none;
}

.vertical-menu[open] summary{
    border-radius:7px 7px 0 0;
}

.drop-arrow{
    font-size:11px;
    color:#7fc3ff;
}

.vertical-menu-list{
    position:absolute;
    left:0;
    top:40px;
    width:240px;
    z-index:9999;

    display:flex;
    flex-direction:column;

    background:#081c33;
    border:1px solid #2d6fa8;
    border-top:none;
    border-radius:0 0 7px 7px;

    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.35);
}

.vertical-menu-list a{
    display:block;
    width:100%;
    padding:10px 13px;

    color:#ffffff;
    text-decoration:none;

    font-size:14px;
    font-weight:400;

    border-bottom:1px solid #173e62;
    background:#081c33;
}

.vertical-menu-list a:last-child{
    border-bottom:none;
}

.vertical-menu-list a:hover{
    background:#123f78;
}

.vertical-menu-list a.active{
    background:#15508e;
    color:#ffffff;
}



/* ===== NEXORA TOP ACCOUNT ===== */

.nexora-top-account{
    position:static;
    width:100%;
    margin:12px 0 8px 0;

    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;

    background:#091b34;
    border:1px solid #1b4976;
    border-radius:9px;
    padding:10px;

    box-sizing:border-box;
    box-shadow:none;
}

.nexora-account-name{
    display:flex;
    align-items:center;
    gap:7px;

    color:#ffffff;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.nexora-account-icon{
    font-size:14px;
}

.nexora-top-logout{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;

    min-height:34px;
    padding:0 10px;
    box-sizing:border-box;

    border-radius:6px;
    border:1px solid #a83c4b;
    background:#5a1823;

    color:#ffffff !important;
    text-decoration:none !important;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.nexora-top-logout:hover{
    background:#74202e;
}

@media(max-width:900px){
    .nexora-account-name{
        font-size:12px;
    }
}