:root{--ink:#162238;--muted:#718096;--line:#e7ecf3;--primary:#4f46e5;--surface:#fff;--bg:#f5f7fb}.main-sidebar .sidebar{height:calc(100vh - 86px);overflow-y:auto;overflow-x:hidden}.main-sidebar .sidebar::-webkit-scrollbar{width:6px}.main-sidebar .sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}
.master-card{display:flex;flex-direction:column;gap:8px;height:100%;min-height:170px;padding:24px;background:#fff;border:1px solid #e7ebf2;border-radius:18px;box-shadow:0 10px 28px #1720330a;color:#172033;transition:transform .2s,box-shadow .2s}.master-card:hover{color:#5146e5;text-decoration:none;transform:translateY(-3px);box-shadow:0 15px 32px #17203318}.master-card i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef2ff;color:#5146e5;font-size:19px}.master-card strong{font-size:16px}.master-card span{color:#718096;font-size:12px}
*{box-sizing:border-box}body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.main-sidebar{background:#121a2d!important;box-shadow:10px 0 30px rgba(21,31,55,.08)!important}.brand-text{font-weight:800!important;letter-spacing:-.4px}.sidebar .user-panel{border-bottom:1px solid rgba(255,255,255,.1)!important}.sidebar .info span{font-weight:600}.nav-sidebar .nav-link{border-radius:10px;margin:3px 10px;color:#aab5c9!important;transition:.2s}.nav-sidebar .nav-link:hover,.nav-sidebar .nav-link.active{color:#fff!important;background:rgba(99,102,241,.25)!important}.nav-sidebar .nav-icon{font-size:14px!important}.app-navbar{border:0!important;box-shadow:0 1px 0 var(--line);height:64px}.navbar-title{font-size:15px;font-weight:700;margin-left:16px;color:var(--ink)}.app-navbar .nav-link{color:#64748b}.app-content{background:var(--bg)}.page-heading{padding:10px 0 18px}.page-heading h1{font-weight:800;letter-spacing:-1px;margin:3px 0 4px;font-size:28px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--primary)}.period-filter{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:7px 9px;color:var(--muted)}.period-filter select{border:0;background:transparent;outline:0;color:var(--ink);font-weight:600}.period-filter .btn{border-radius:8px}.metric-grid{margin-left:-8px;margin-right:-8px}.metric-grid>[class*=col-]{padding-left:8px;padding-right:8px}.metric-card{display:flex;align-items:center;gap:16px;padding:21px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 7px 20px rgba(25,38,65,.04);margin-bottom:16px}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card span{font-weight:600;font-size:12px}.metric-card strong{display:block;font-size:21px;letter-spacing:-.5px;margin:5px 0}.metric-card small{font-size:11px}.metric-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:13px;font-size:17px}.metric-income .metric-icon{background:#dcfce7;color:#16a34a}.metric-expense .metric-icon{background:#fee2e2;color:#dc2626}.metric-profit .metric-icon{background:#e0e7ff;color:#4f46e5}.metric-loss .metric-icon{background:#ffedd5;color:#ea580c}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 20px rgba(25,38,65,.04);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 14px}.panel-header h3{font-size:15px;font-weight:800;margin:0 0 4px}.panel-header p{color:var(--muted);font-size:11px;margin:0}.panel-header .btn{border:1px solid var(--line);border-radius:8px;color:var(--primary);font-weight:600}.modern-table{margin:0}.modern-table thead th{border-top:0;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;padding:13px 22px}.modern-table td{border-top:1px solid #f0f3f7;padding:15px 22px;color:#64748b;vertical-align:middle;font-size:12px}.modern-table td strong{color:var(--ink)}.amount-positive{color:#16a34a!important;font-weight:800}.empty-state{text-align:center!important;padding:36px!important;color:var(--muted)!important}.empty-state i{font-size:25px;color:#cbd5e1}.empty-state p{margin:8px 0 0}.quick-actions{padding:0 16px 15px}.quick-actions a{display:flex;align-items:center;gap:12px;padding:13px 7px;border-bottom:1px solid #f0f3f7;color:var(--ink);font-size:12px;font-weight:600}.quick-actions a:last-child{border-bottom:0}.quick-actions a>i:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef2ff;color:var(--primary)}.quick-actions a .fa-chevron-right{font-size:10px;color:#a0aec0}.mini-stat{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 18px}.mini-stat>i{color:var(--primary);font-size:20px}.mini-stat strong,.mini-stat span{display:block}.mini-stat strong{font-size:18px}.mini-stat span{color:var(--muted);font-size:11px}.mini-stat a{margin-left:auto;color:var(--primary);font-size:11px;font-weight:700}.app-footer{border:0;background:transparent;color:#94a3b8;font-size:11px;text-align:center;padding:22px}.btn-primary{background:var(--primary);border-color:var(--primary)}
@media(max-width:767px){.period-filter{width:100%;margin-top:10px}.period-filter select{flex:1}.page-heading h1{font-size:24px}.app-navbar{height:55px}.metric-card strong{font-size:18px}.panel-header{padding:17px 15px}.modern-table thead th,.modern-table td{padding-left:15px;padding-right:15px}}
.content-header h1{font-weight:800;letter-spacing:-.7px}.content-header .breadcrumb{font-size:11px;color:var(--muted)}.card{border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 20px rgba(25,38,65,.04)}.card-header{background:var(--surface);border-bottom:1px solid var(--line);padding:18px 20px}.card-header h3,.card-header h5{font-weight:800}.card-body{padding:20px}.form-control,.custom-select{border:1px solid #dce3ed;border-radius:9px;min-height:39px;box-shadow:none}.form-control:focus,.custom-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.12)}label{font-weight:600;font-size:12px;color:#475569}.btn{border-radius:9px;font-weight:600}.table{font-size:12px}.table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-top:0}.small-box{border-radius:15px;box-shadow:0 7px 20px rgba(25,38,65,.08)}.small-box h3{font-weight:800}.main-footer{font-size:11px}
.card-primary.card-outline,.card-success.card-outline{border-top:1px solid var(--line)}.card-primary.card-outline .card-header,.card-success.card-outline .card-header{border-top:3px solid var(--primary)}.card .table{min-width:680px}.table-responsive{border-radius:10px}
.transaction-page{background:#f7f8fc}.transaction-page .content-wrapper{background:#f7f8fc}.transaction-page .transaction-form-col,.transaction-page .transaction-list-col{flex:0 0 100%;max-width:100%}.transaction-page .transaction-form-col .card,.transaction-page .transaction-list-col .card{margin-bottom:20px}.transaction-page .transaction-form-col .card-body form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end}.transaction-page .transaction-form-col .form-group{margin:0}.transaction-page .transaction-form-col .d-flex{grid-column:1/-1;justify-content:flex-end!important}.transaction-page .transaction-form-col .card-header,.transaction-page .transaction-list-col .card-header{text-align:left!important}.transaction-page .transaction-form-col .card-header h5{font-size:18px}.transaction-page .transaction-list-col .card-body{padding-top:8px}.transaction-page .transaction-list-col .table{min-width:0}.transaction-page .transaction-list-col .table th,.transaction-page .transaction-list-col .table td{vertical-align:middle;white-space:nowrap}.transaction-page .transaction-list-col .table th:nth-child(2),.transaction-page .transaction-list-col .table td:nth-child(2){width:22%}.transaction-page .transaction-list-col .table th:nth-child(3),.transaction-page .transaction-list-col .table td:nth-child(3){width:22%}.transaction-page .transaction-list-col .form-delete{gap:6px}.transaction-page .transaction-list-col .form-delete .ml-3{margin-left:0!important}.transaction-page .card-primary.card-outline,.transaction-page .card-success.card-outline{border-top:0}.transaction-page .card-primary.card-outline .card-header,.transaction-page .card-success.card-outline .card-header{border-top:0}.transaction-page .card-header{background:#fff}.transaction-page .content-header{padding-top:28px}.transaction-page .content-header h1{font-size:25px}
/* Modern shell overrides for the legacy AdminLTE markup. */
body{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important;color:#172033}.main-sidebar{width:250px!important;background:#fff!important;border-right:1px solid #e9edf4;box-shadow:none!important}.main-sidebar .brand-text{color:#111827!important;font-size:20px!important;font-weight:800!important;padding-top:8px}.main-sidebar .sidebar{padding-top:4px}.main-sidebar .user-panel{border-bottom:1px solid #eef1f6!important;margin:18px 14px 15px!important;padding-bottom:16px!important}.main-sidebar .user-panel .info span{color:#172033!important;font-weight:700}.main-sidebar .nav-sidebar .nav-link{color:#667085!important;font-weight:600;margin:4px 12px;padding:11px 13px;border-radius:11px}.main-sidebar .nav-sidebar .nav-link:hover{background:#f0efff!important;color:#5146e5!important}.main-sidebar .nav-sidebar .nav-link.active{background:#5b50e8!important;color:#fff!important;box-shadow:0 7px 14px #5b50e833}.main-sidebar .nav-sidebar .nav-icon{color:inherit!important}.main-header{margin-left:250px!important;border-bottom:1px solid #e9edf4!important;box-shadow:none!important;height:68px!important}.content-wrapper{margin-left:250px!important;background:#f7f8fc!important}.main-footer{margin-left:250px!important;background:#f7f8fc!important;border-top:1px solid #e9edf4!important}.navbar-title{font-weight:700;color:#111827}.card{border:1px solid #e7ebf2!important;border-radius:18px!important;box-shadow:0 10px 28px #1720330a!important}.card-header{border-bottom:1px solid #edf0f5!important;border-radius:18px 18px 0 0!important}.card-header h5{font-size:17px;letter-spacing:-.2px}.table thead th{background:#fbfcfe;color:#8993a5}.btn-success{background:#16a36a;border-color:#16a36a}.btn-warning{background:#fbbf24;border-color:#fbbf24}.btn-danger{background:#e5484d;border-color:#e5484d}.btn-info{background:#1da7bd;border-color:#1da7bd}
@media(max-width:991px){.main-sidebar{transform:translateX(-250px)}.sidebar-open .main-sidebar{transform:translateX(0)}.main-header,.content-wrapper,.main-footer{margin-left:0!important}.transaction-page .transaction-form-col .card-body form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.transaction-page .transaction-form-col .card-body form{grid-template-columns:1fr}.transaction-page .transaction-form-col .d-flex{justify-content:stretch!important}.transaction-page .transaction-form-col .d-flex .btn{width:100%}}
.professional-ui{--primary:#4355d8;--ink:#172033;--muted:#718096;--line:#e8ecf3;--surface:#fff;--bg:#f6f7fb}
body{background:#f6f7fb!important;color:#172033!important;letter-spacing:-.01em}body,.main-sidebar,.card,.btn,.nav-link,.form-control,.custom-select{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.main-sidebar{background:#fff!important;border-right:1px solid #e6eaf1!important}.main-sidebar .brand-link{border-bottom:1px solid #eef1f5!important}.main-sidebar .sidebar{padding:8px 10px 24px!important}.main-sidebar .user-panel{margin:14px 8px 22px!important;padding:0 0 18px!important;border-bottom:1px solid #edf0f5!important}.main-sidebar .nav-sidebar .nav-link{margin:3px 0!important;padding:11px 13px!important;color:#667085!important;border-radius:10px!important;font-size:13px!important}.main-sidebar .nav-sidebar .nav-link:hover{background:#f3f4ff!important;color:#4355d8!important;transform:translateX(2px)}.main-sidebar .nav-sidebar .nav-link.active{background:#4355d8!important;box-shadow:0 6px 14px rgba(67,85,216,.18)!important}.main-sidebar .nav-icon{width:22px!important;font-size:13px!important}.main-header{background:#fff!important;height:68px!important;border-bottom:1px solid #e7ebf2!important}.navbar-title{font-size:15px!important;letter-spacing:-.2px}.content-wrapper{background:#f6f7fb!important}.content-header{padding:30px 0 18px!important}.content-header h1{font-size:29px!important;line-height:1.15!important;letter-spacing:-1.2px!important}.content-header p{font-size:14px;color:#7b8798!important}.content{padding-bottom:28px!important}.card{border:1px solid #e7ebf2!important;border-radius:18px!important;box-shadow:0 8px 25px rgba(24,36,62,.045)!important;overflow:hidden}.card:hover{box-shadow:0 12px 30px rgba(24,36,62,.07)!important}.card-header{padding:19px 22px!important;background:#fff!important;border-bottom:1px solid #edf0f5!important}.card-header h5,.card-header h3{font-size:17px!important;letter-spacing:-.35px!important}.card-body{padding:22px!important}.form-control,.custom-select{height:42px!important;min-height:42px!important;border-radius:10px!important;border-color:#dfe5ee!important;color:#2c3748!important;background:#fff!important}.form-control:focus,.custom-select:focus{border-color:#7885e7!important;box-shadow:0 0 0 3px rgba(67,85,216,.1)!important}.form-group{margin-bottom:18px!important}label{font-size:12px!important;color:#526078!important;margin-bottom:7px!important}.btn{border-radius:10px!important;padding:9px 15px!important;font-size:13px!important}.btn-primary{background:#4355d8!important;border-color:#4355d8!important}.btn-primary:hover{background:#3547c8!important;border-color:#3547c8!important;transform:translateY(-1px)}.btn-success{background:#15956a!important;border-color:#15956a!important}.btn-danger{background:#dc5660!important;border-color:#dc5660!important}.btn-warning{background:#e6a817!important;border-color:#e6a817!important;color:#fff!important}.alert{border:0!important;border-radius:12px!important;box-shadow:none!important}.table-responsive{border-radius:12px!important}.table{margin-bottom:0!important}.table thead th{padding:14px 16px!important;background:#fafbfc!important;border-bottom:1px solid #e8ecf3!important;color:#8490a3!important;font-size:10px!important;white-space:nowrap}.table td{padding:16px!important;border-top:1px solid #f0f2f6!important;color:#5f6d83!important;vertical-align:middle!important}.table tbody tr{transition:background .16s ease}.table tbody tr:hover{background:#fafbff}.badge{border-radius:6px!important;padding:5px 8px!important;font-size:10px!important;font-weight:700!important}.badge-warning{background:#fff1c7!important;color:#946d00!important}.badge-success{background:#dff5e9!important;color:#17784f!important}.badge-secondary{background:#edf0f4!important;color:#687588!important}.badge-primary{background:#e7eaff!important;color:#4355d8!important}.badge-danger{background:#fde5e7!important;color:#b23743!important}.small-box{border-radius:18px!important;box-shadow:0 8px 24px rgba(24,36,62,.06)!important}.summary-box{border-color:#e6eaf1!important;background:#fafbfc!important;border-radius:14px!important}.modern-table td.text-success,.text-success{color:#15956a!important}.text-danger{color:#c94b58!important}.main-footer{padding:22px!important;background:#f6f7fb!important;color:#96a0b0!important;border-top:1px solid #e9edf3!important}.eyebrow{color:#4355d8!important;font-size:10px!important;letter-spacing:1.4px!important}.panel-card{margin-bottom:20px!important}
@media(max-width:991px){.main-sidebar{box-shadow:12px 0 30px rgba(20,30,50,.12)!important}.content-header{padding-top:22px!important}.content-header h1{font-size:25px!important}.card-body{padding:18px!important}.main-sidebar .sidebar{height:calc(100vh - 20px)!important;overflow-y:auto!important}}
@media(max-width:575px){.content-header h1{font-size:23px!important}.content-header{padding-bottom:12px!important}.card-header{padding:16px!important}.card-body{padding:16px!important}.table thead th,.table td{padding:12px!important}.btn-block{min-height:42px!important}}
.form-row.align-items-end>.form-group{display:flex;flex-direction:column}.form-row.align-items-end>.form-group>.btn{margin-top:auto}.form-row.align-items-end>.form-group:nth-child(2)>.btn-block{transform:translateY(-20px)}.form-row.align-items-end>.form-group:nth-child(2)>.btn-block:hover{transform:translateY(-21px)}.table-responsive{overflow-x:auto!important}.table-responsive>.table{min-width:760px}.card-body.table-responsive{padding-top:14px!important}.content>.container-fluid>.row>[class*=col-]{margin-bottom:2px}.panel-card .row:last-child{margin-bottom:0}@media(max-width:767px){.form-row.align-items-end>.form-group:nth-child(2)>.btn-block{transform:none}.form-row.align-items-end>.form-group:nth-child(2)>.btn-block:hover{transform:translateY(-1px)}.table-responsive>.table{min-width:680px}}
body{font-weight:500!important}.content-wrapper p,.text-muted,small,.form-text{font-weight:500!important}.table td{font-weight:500!important}.table th,label,.card-header h5,.card-header h3{font-weight:700!important}.content-header h1,.content-header h2{font-weight:800!important}.modern-table td:last-child{min-width:245px;white-space:nowrap}.modern-table td:last-child form.d-flex{display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px;margin-top:0!important}.modern-table td:last-child form.d-inline{display:inline!important}.modern-table td:last-child .custom-select{width:auto;min-width:92px}.modern-table td:last-child .btn{white-space:nowrap}.modern-table td:last-child .btn i{margin:0}.modern-table td:last-child>a{display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.modern-table{min-width:980px!important}.modern-table tbody tr{height:66px}.modern-table tbody tr:has(td:last-child form.d-flex){height:66px}@media(max-width:767px){.modern-table{min-width:980px!important}.modern-table td:last-child{min-width:245px}}
.content-header>.container-fluid,.content>.container-fluid{padding-left:20px!important;padding-right:20px!important}.content-header>.container-fluid{max-width:none!important}.content>.container-fluid>.row{margin-left:-10px;margin-right:-10px}.content>.container-fluid>.row>[class*=col-]{padding-left:10px;padding-right:10px}.content-header{margin-bottom:0!important}.content-header+.content{padding-top:0!important}.content>.container-fluid>.alert{margin-left:0;margin-right:0}.card.panel-card{width:100%}@media(max-width:575px){.content-header>.container-fluid,.content>.container-fluid{padding-left:14px!important;padding-right:14px!important}}
.content-header>.container-fluid{padding-left:30px!important}@media(max-width:575px){.content-header>.container-fluid{padding-left:14px!important}}
.modern-table{min-width:0!important}.modern-table:has(th:nth-child(8)){min-width:980px!important}.modern-table:has(th:nth-child(9)){min-width:1120px!important}.modern-table:has(th:nth-child(8)) td:last-child,.modern-table:has(th:nth-child(9)) td:last-child{min-width:245px}.card-body.table-responsive:has(.modern-table:not(:has(th:nth-child(8)))){overflow-x:hidden!important}.navbar-title{line-height:1.2!important;font-weight:700!important}.content-header h1{font-size:29px!important;line-height:1.15!important}.content-header .eyebrow{display:block;line-height:1.2!important;margin-bottom:7px!important}.content-header p{line-height:1.5!important;margin-top:0!important}
.main-header{display:flex!important;align-items:center!important}.main-header>.navbar-nav{height:68px!important;display:flex!important;align-items:center!important}.main-header>.navbar-nav>.nav-item,.main-header>.navbar-nav>.nav-link{height:68px!important;display:flex!important;align-items:center!important}.main-header .navbar-title{display:flex!important;align-items:center!important;height:68px!important;margin-top:0!important}.main-header .navbar-nav.ml-auto{margin-left:auto!important}.main-header .navbar-nav.ml-auto .nav-link{padding-top:0!important;padding-bottom:0!important}
.custom-select{appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important;padding-right:2.25rem!important;cursor:pointer}.custom-select:disabled{cursor:not-allowed}
/* Simo Jaya UI v2: shared visual language for every legacy page. */
:root{--sj-primary:#4355d8;--sj-primary-dark:#3547c8;--sj-ink:#172033;--sj-muted:#718096;--sj-line:#e7ebf2;--sj-bg:#f6f7fb;--sj-success:#15956a;--sj-danger:#c94b58}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;background:var(--sj-bg)!important;color:var(--sj-ink)!important;font-weight:500!important}
.wrapper{min-height:100vh}.main-sidebar{z-index:1038!important}.main-header{z-index:1037!important;background:#fff!important}.content-wrapper{min-height:calc(100vh - 68px)!important}
.content-header>.container-fluid,.content>.container-fluid{max-width:1440px;margin:0 auto}
.content-header h1{font-weight:800!important;letter-spacing:-1.1px!important}.content-header p{color:var(--sj-muted)!important;font-weight:500!important}
.card{background:#fff!important;border:1px solid var(--sj-line)!important;border-radius:18px!important;box-shadow:0 8px 25px rgba(24,36,62,.045)!important}.card-header{padding:20px 22px!important}.card-header h3,.card-header h5{color:var(--sj-ink)!important;font-weight:750!important}.card-body{padding:22px!important}
.form-control,.custom-select{font-family:inherit!important;color:#2c3748!important;font-weight:500!important}.form-control::placeholder{color:#9aa5b4!important;opacity:1}.form-control:focus,.custom-select:focus{border-color:#7885e7!important;box-shadow:0 0 0 3px rgba(67,85,216,.1)!important}
label{color:#526078!important;font-weight:700!important}.form-text,small,.text-muted{color:var(--sj-muted)!important}
.btn{font-weight:700!important;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--sj-primary)!important;border-color:var(--sj-primary)!important}.btn-primary:hover{background:var(--sj-primary-dark)!important;border-color:var(--sj-primary-dark)!important;box-shadow:0 6px 14px rgba(67,85,216,.18)}
.table-responsive{border:1px solid #edf0f5;border-radius:12px;background:#fff}.table{color:#5f6d83!important}.table thead th{font-weight:800!important;letter-spacing:.55px!important;background:#fafbfc!important;color:#8490a3!important}.table td{font-weight:500!important}.table tbody tr:hover{background:#fafbff!important}
.alert{border-radius:12px!important;padding:13px 16px!important}.badge{font-weight:800!important;letter-spacing:.05px}.main-footer{font-weight:500!important}
@media(max-width:991px){.content-wrapper{min-height:calc(100vh - 55px)!important}.content-header>.container-fluid,.content>.container-fluid{width:100%}.main-header{height:55px!important}.main-header>.navbar-nav,.main-header>.navbar-nav>.nav-item,.main-header>.navbar-nav>.nav-link,.main-header .navbar-title{height:55px!important}}
@media(max-width:575px){.content-header{padding-top:22px!important}.content-header>.container-fluid,.content>.container-fluid{padding-left:14px!important;padding-right:14px!important}.card-header,.card-body{padding:16px!important}.content-header h1{font-size:24px!important}}
.app-brand{display:flex;align-items:center;gap:10px;padding:18px 19px 12px;color:#172033}.app-brand-mark,.login-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#5b50e8;color:#fff;font-weight:800}.app-brand strong{display:block;font-size:16px;line-height:18px}.app-brand small{display:block;color:#98a2b3;font-size:9px;letter-spacing:.5px}.role-label{display:block;color:#98a2b3!important;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.login-page-modern{min-height:100vh;background:#f7f8fc!important}.login-topbar{background:#fff;border-bottom:1px solid #e9edf4}.login-topbar .navbar-brand{font-weight:800;color:#172033}.login-mark{width:28px;height:28px;border-radius:8px;font-size:14px;margin-right:7px}.login-page-modern #log-in{margin-top:0!important;min-height:calc(100vh - 58px);display:flex;align-items:center}.login-shell{display:grid;grid-template-columns:1.15fr .85fr;max-width:950px;min-height:560px;margin:0 auto;background:#fff;border:1px solid #e5e9f0;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px #17203312}.login-intro{position:relative;overflow:hidden;padding:62px 52px;background:linear-gradient(145deg,#5146e5,#7367f0);color:#fff}.login-intro .eyebrow{color:#d9d6ff}.login-intro h1{max-width:370px;margin:18px 0;font-size:38px;line-height:1.13;letter-spacing:-1.8px}.login-intro p{max-width:360px;color:#e8e7ff;line-height:1.8}.login-card{width:auto!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:42px 45px}.login-card .card-body{padding:0}.login-card .card-title{font-weight:800;color:#172033;margin-bottom:28px}.login-card label{margin-bottom:7px}.login-card .form-control{height:46px}.login-card .btn{height:46px;margin-top:12px}.login-orb{position:absolute;border-radius:50%;background:#ffffff16}.orb-one{width:280px;height:280px;right:-120px;bottom:-110px}.orb-two{width:130px;height:130px;right:90px;top:45px}.login-page-modern .swal2-popup{border-radius:18px}@media(max-width:700px){.login-page-modern #log-in{padding:20px 0}.login-shell{display:block;min-height:0;border-radius:18px}.login-intro{padding:32px 27px;min-height:230px}.login-intro h1{font-size:28px;margin:12px 0}.login-card{padding:30px 25px}.login-page-modern .container{padding-left:16px;padding-right:16px}}
.nav-sidebar .nav-header{padding:15px 13px 6px!important;margin:0!important;color:#a0a9b8!important;font-size:9px!important;font-weight:800!important;letter-spacing:1.1px!important}.nav-sidebar .nav-header:first-child{padding-top:5px!important}.main-sidebar .nav-sidebar .nav-link p{font-size:13px!important}.main-sidebar .nav-sidebar .nav-item.mt-2{border-top:1px solid #edf0f5;margin-top:14px!important;padding-top:8px}