:root { --asa-shell-green:#10c875; --asa-shell-text:#172033; --asa-shell-muted:#738097; --asa-shell-border:#e8edf3; }
body:has(.dashboard) { background:#f6f8fc; }
.dashboard .asa-sidebar { width:250px; overflow:hidden; background:#fff; border-right:1px solid var(--asa-shell-border); box-shadow:7px 0 28px rgba(15,23,42,.035); }
.dashboard .asa-sidebar__inner { height:100%; display:flex; flex-direction:column; padding:0 13px 12px; }
.dashboard .asa-sidebar__brand { min-height:86px; display:flex; align-items:center; margin:0; padding:12px 7px; border-bottom:1px solid #f0f3f6; }
.dashboard .asa-sidebar__brand img { max-width:205px; max-height:54px; object-fit:contain; }
.dashboard .asa-nav { min-height:0; flex:1; overflow-y:auto; padding:8px 0; scrollbar-width:thin; scrollbar-color:#dce4eb transparent; }
.dashboard .asa-nav::-webkit-scrollbar { width:3px; }.dashboard .asa-nav::-webkit-scrollbar-thumb { background:#dce4eb; border-radius:99px; }
.dashboard .asa-nav .sidebar-menu-list { margin:0; }
.dashboard .asa-nav .sidebar-menu-list__title { padding:11px 11px 5px; color:#718096; font-size:9px; font-weight:800; letter-spacing:.55px; }
.dashboard .asa-nav .sidebar-menu-list__item { margin:1px 0; }
.dashboard .asa-nav .sidebar-menu-list__link { min-height:35px; display:flex; align-items:center; padding:8px 11px; border-radius:8px; color:var(--asa-shell-text); font-size:12px; font-weight:600; transition:.18s ease; }
.dashboard .asa-nav .sidebar-menu-list__link .icon { width:22px; margin:0 7px 0 0; color:#4d607a; font-size:17px; text-align:left; }
.dashboard .asa-nav .sidebar-menu-list__link .text { flex:1; color:inherit; }
.dashboard .asa-nav .sidebar-menu-list__link.asa-nav__child { min-height:30px; margin-left:28px; width:calc(100% - 28px); padding-top:6px; padding-bottom:6px; color:#66758b; font-size:10px; }
.dashboard .asa-nav .sidebar-menu-list__link.asa-nav__child .icon { width:14px; margin-right:4px; font-size:10px; }
.dashboard .asa-nav .sidebar-menu-list__item.has-dropdown > .sidebar-menu-list__link { padding-right:34px; }
.dashboard .asa-nav .sidebar-menu-list__item.has-dropdown > .sidebar-menu-list__link::after { top:50%; right:13px; transform:translateY(-50%); color:#8995a6; }
.dashboard .asa-nav .sidebar-menu-list__item.has-dropdown.active > .sidebar-menu-list__link::after { right:13px; transform:translateY(-50%) rotate(90deg); color:#fff; }
.dashboard .asa-nav .sidebar-submenu { display:none; }
.dashboard .asa-nav .sidebar-menu-list__item.has-dropdown.active > .sidebar-submenu,
.dashboard .asa-nav .sidebar-submenu.open-submenu { display:block; }
.dashboard .asa-nav .sidebar-submenu-list { margin:4px 0 8px; padding:4px 0 4px 12px; border-left:1px solid #e4e9ef; }
.dashboard .asa-nav .sidebar-submenu-list__item { margin:1px 0; }
.dashboard .asa-nav .sidebar-submenu-list__link { min-height:29px; display:flex; align-items:center; padding:6px 9px 6px 14px; border-radius:7px; color:#6c798c; font-size:10px; font-weight:600; line-height:1.3; }
.dashboard .asa-nav .asa-sub-icon { width:22px; height:22px; flex:0 0 22px; display:grid; place-items:center; margin-right:7px; border-radius:7px; color:#52647c; background:#f1f5f8; font-size:13px; transition:.18s ease; }
.dashboard .asa-nav .sidebar-submenu-list__link:hover { color:#05aa59; background:#effcf5; }
.dashboard .asa-nav .sidebar-submenu-list__link:hover .asa-sub-icon { color:#05aa59; background:#ddf8e9; }
.dashboard .asa-nav .sidebar-submenu-list__item.active > .sidebar-submenu-list__link { color:#079a51; background:#e9faf1; }
.dashboard .asa-nav .sidebar-submenu-list__item.active > .sidebar-submenu-list__link .asa-sub-icon { color:#fff; background:#10bd69; }
.dashboard .asa-nav .sidebar-menu-list__link:hover { color:#05aa59; background:#effcf5; }
.dashboard .asa-nav .sidebar-menu-list__link:hover .icon { color:#05aa59; }
.dashboard .asa-nav .sidebar-menu-list__item.active > .sidebar-menu-list__link { color:#fff; background:linear-gradient(135deg,#08ba63,#12d379); box-shadow:0 7px 16px rgba(16,200,117,.2); }
.dashboard .asa-nav .sidebar-menu-list__item.active > .sidebar-menu-list__link .icon,.dashboard .asa-nav .sidebar-menu-list__item.active > .sidebar-menu-list__link .text { color:#fff; }
.dashboard .asa-nav__chevron { color:#8793a4; font-size:10px; }
.dashboard .asa-nav__badge { margin-left:auto; padding:2px 7px; border-radius:99px; color:#fff !important; background:linear-gradient(135deg,#7758f7,#a76ff4); font-size:8px; font-weight:800; }
.dashboard .asa-sidebar-user { display:grid; grid-template-columns:38px 1fr 14px; align-items:center; gap:8px; padding:9px; border:1px solid var(--asa-shell-border); border-radius:11px; color:var(--asa-shell-text); background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.dashboard .asa-sidebar-user:hover { color:var(--asa-shell-text); background:#f8fafc; }
.dashboard .asa-sidebar-user img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.dashboard .asa-sidebar-user span { min-width:0; display:grid; }.dashboard .asa-sidebar-user strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.dashboard .asa-sidebar-user small { color:#758196; font-size:9px; }.dashboard .asa-sidebar-user > i { color:#95a0af; }
.dashboard__right { padding-left:250px; background:#f6f8fc; }
.dashboard .dashboard-header { min-height:72px; padding:0 22px; border-bottom:1px solid #e9edf2; background:rgba(255,255,255,.96); box-shadow:0 3px 15px rgba(15,23,42,.025); backdrop-filter:blur(10px); }
.dashboard .dashboard-header__shape { display:none; }
.dashboard .dashboard-header__inner { min-height:72px; padding:10px 0; }
.dashboard .dashboard-header__left .title { color:#172033; font-size:18px; font-weight:800; }
.dashboard .user-info__right { gap:12px; }.dashboard .user-info__thumb { width:42px; height:42px; border:3px solid #f0f4f8; }.dashboard .user-info__name { color:#172033; font-size:12px; font-weight:700; }.dashboard .user-info__desc { color:#7a8698; font-size:10px; }
.dashboard .dashboard-header .btn { min-height:34px; padding:7px 12px; border-radius:8px; font-size:10px; }
.dashboard .asa-header-tools { display:flex; align-items:center; gap:8px; }
.dashboard .asa-header-search { width:255px; height:36px; position:relative; display:flex; align-items:center; border:1px solid var(--asa-shell-border); border-radius:9px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.dashboard .asa-header-search > i { margin-left:11px; color:#8a96a7; font-size:14px; }
.dashboard .asa-header-search input { min-width:0; flex:1; height:100%; padding:0 8px; border:0; outline:0; color:#273348; background:transparent; font-size:10px; }
.dashboard .asa-header-search input::placeholder { color:#8995a7; }
.dashboard .asa-header-search kbd { margin-right:7px; padding:3px 6px; border:0; border-radius:5px; color:#68758a; background:#f4f6f9; box-shadow:none; font:500 8px/1.2 inherit; white-space:nowrap; }
.dashboard .asa-search-results { display:none; width:100%; max-height:300px; position:absolute; top:calc(100% + 8px); left:0; z-index:1002; overflow-y:auto; padding:6px; border:1px solid var(--asa-shell-border); border-radius:10px; background:#fff; box-shadow:0 18px 40px rgba(15,23,42,.14); }
.dashboard .asa-search-results.is-open { display:block; }
.dashboard .asa-search-results a { display:flex; align-items:center; gap:8px; padding:8px; border-radius:7px; color:#334155; font-size:10px; font-weight:600; }
.dashboard .asa-search-results a:hover { color:#079e52; background:#edfaf3; }
.dashboard .asa-search-results a i { color:#10bd69; }
.dashboard .asa-search-empty { padding:14px 8px; color:#7b8798; font-size:10px; text-align:center; }
.dashboard .asa-header-popover { position:relative; }
.dashboard .asa-header-icon { width:36px; height:36px; position:relative; display:grid; place-items:center; flex:0 0 36px; padding:0; border:1px solid #e8edf3; border-radius:50%; color:#526078; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); font-size:16px; cursor:pointer; }
.dashboard .asa-header-icon:hover,.dashboard .asa-header-icon.is-active { color:#08aa58; border-color:#ccefdc; background:#effbf5; }
.dashboard .asa-header-icon > span { min-width:17px; height:17px; position:absolute; top:-6px; right:-5px; display:grid; place-items:center; padding:0 4px; border:2px solid #fff; border-radius:99px; color:#fff !important; background:#f20d46; font-size:8px; font-weight:800; line-height:1; }
.dashboard .asa-notification-panel { display:none; width:310px; position:absolute; top:calc(100% + 10px); right:0; z-index:1002; overflow:hidden; border:1px solid var(--asa-shell-border); border-radius:12px; background:#fff; box-shadow:0 20px 45px rgba(15,23,42,.16); }
.dashboard .asa-notification-panel.is-open { display:block; }
.dashboard .asa-notification-panel__head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #edf1f4; }
.dashboard .asa-notification-panel__head strong { color:#172033; font-size:11px; }.dashboard .asa-notification-panel__head a { color:#08a957; font-size:9px; font-weight:700; }
.dashboard .asa-notification-item { display:flex; align-items:flex-start; gap:9px; padding:10px 14px; border-bottom:1px solid #f0f2f5; }
.dashboard .asa-notification-item > i { width:25px; height:25px; display:grid; place-items:center; flex:0 0 25px; border-radius:8px; color:#08ad5a; background:#e9faf1; }
.dashboard .asa-notification-item > span { min-width:0; display:grid; }.dashboard .asa-notification-item strong { overflow:hidden; color:#273348; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.dashboard .asa-notification-item small { margin-top:2px; color:#8290a2; font-size:8px; }
.dashboard .asa-notification-empty { padding:25px 14px; color:#8190a3; font-size:10px; text-align:center; }
.dashboard .user-info-dropdown { border:1px solid var(--asa-shell-border); border-radius:10px; background:#fff; box-shadow:0 15px 35px rgba(15,23,42,.12); }
.dashboard .sidebar-menu__close { border:0; background:transparent; color:#172033; }
html[data-asa-theme="dark"] body:has(.dashboard),html[data-asa-theme="dark"] .dashboard__right,html[data-asa-theme="dark"] .dashboard-body { background:#0f1722 !important; }
html[data-asa-theme="dark"] .dashboard .asa-sidebar,html[data-asa-theme="dark"] .dashboard .dashboard-header,html[data-asa-theme="dark"] .dashboard .asa-header-search,html[data-asa-theme="dark"] .dashboard .asa-header-icon,html[data-asa-theme="dark"] .dashboard .asa-search-results,html[data-asa-theme="dark"] .dashboard .asa-notification-panel,html[data-asa-theme="dark"] .dashboard .user-info-dropdown { border-color:#2d3948; background:#17212e; }
html[data-asa-theme="dark"] .dashboard .asa-nav .sidebar-menu-list__link,html[data-asa-theme="dark"] .dashboard .dashboard-header__left .title,html[data-asa-theme="dark"] .dashboard .user-info__name,html[data-asa-theme="dark"] .dashboard .asa-header-search input,html[data-asa-theme="dark"] .dashboard .asa-notification-panel__head strong,html[data-asa-theme="dark"] .dashboard .asa-notification-item strong { color:#edf4f8; }
html[data-asa-theme="dark"] .dashboard .asa-sidebar-user,html[data-asa-theme="dark"] .dashboard .asa-header-search kbd,html[data-asa-theme="dark"] .dashboard .asa-nav .asa-sub-icon { border-color:#2d3948; background:#202d3b; }
html[data-asa-theme="dark"] .dashboard .asa-search-results a { color:#dbe6ec; }
html[data-asa-theme="dark"] .dashboard .asa-notification-panel__head,html[data-asa-theme="dark"] .dashboard .asa-notification-item { border-color:#2b3744; }
html[data-asa-theme="dark"] .asa-card { border-color:#293646; background:#17212e; }
html[data-asa-theme="dark"] .asa-dashboard,html[data-asa-theme="dark"] .asa-panel__head h2,html[data-asa-theme="dark"] .asa-kpi__head strong,html[data-asa-theme="dark"] .asa-value,html[data-asa-theme="dark"] .asa-mini strong,html[data-asa-theme="dark"] .asa-feed__item strong,html[data-asa-theme="dark"] .asa-table,html[data-asa-theme="dark"] .asa-campaign strong { color:#edf4f8; }
html[data-asa-theme="dark"] .asa-mini,html[data-asa-theme="dark"] .asa-quick a,html[data-asa-theme="dark"] .asa-risk-boxes > div { background:#202d3b; }

/* Complete dashboard dark mode: shared by every authenticated page. */
html[data-asa-theme="dark"] .dashboard .dashboard-body,
html[data-asa-theme="dark"] .dashboard .dashboard-body:has(.chatbox-area),
html[data-asa-theme="dark"] .dashboard .dashboard-container,
html[data-asa-theme="dark"] .dashboard .dashboard-container__body,
html[data-asa-theme="dark"] .dashboard .custom--card.card-two,
html[data-asa-theme="dark"] .dashboard .card,
html[data-asa-theme="dark"] .dashboard .dashboard-table,
html[data-asa-theme="dark"] .dashboard .transaction-table-inner,
html[data-asa-theme="dark"] .dashboard .chatbox-area,
html[data-asa-theme="dark"] .dashboard .chatbox-area__left,
html[data-asa-theme="dark"] .dashboard .chatbox-area__body,
html[data-asa-theme="dark"] .dashboard .chat-box,
html[data-asa-theme="dark"] .dashboard .chatbox-wrapper__header,
html[data-asa-theme="dark"] .dashboard .body-right,
html[data-asa-theme="dark"] .dashboard .profile-details,
html[data-asa-theme="dark"] .dashboard .modal-content,
html[data-asa-theme="dark"] .dashboard .dropdown-menu,
html[data-asa-theme="dark"] .dashboard .list-group-item,
html[data-asa-theme="dark"] .dashboard .accordion-item,
html[data-asa-theme="dark"] .dashboard .offcanvas {
  color:#d7e1e8 !important;
  border-color:#2c3948 !important;
  background:#17212e !important;
}
html[data-asa-theme="dark"] .dashboard .dashboard-container .container-top,
html[data-asa-theme="dark"] .dashboard .card-header,
html[data-asa-theme="dark"] .dashboard .card-footer,
html[data-asa-theme="dark"] .dashboard .modal-header,
html[data-asa-theme="dark"] .dashboard .modal-footer,
html[data-asa-theme="dark"] .dashboard .accordion-button,
html[data-asa-theme="dark"] .dashboard .chat-box__header,
html[data-asa-theme="dark"] .dashboard .chat-box__footer {
  color:#edf4f8 !important;
  border-color:#2c3948 !important;
  background:#1c2836 !important;
}
html[data-asa-theme="dark"] .dashboard .dashboard-body h1,
html[data-asa-theme="dark"] .dashboard .dashboard-body h2,
html[data-asa-theme="dark"] .dashboard .dashboard-body h3,
html[data-asa-theme="dark"] .dashboard .dashboard-body h4,
html[data-asa-theme="dark"] .dashboard .dashboard-body h5,
html[data-asa-theme="dark"] .dashboard .dashboard-body h6,
html[data-asa-theme="dark"] .dashboard .dashboard-body .title,
html[data-asa-theme="dark"] .dashboard .dashboard-body .card-title,
html[data-asa-theme="dark"] .dashboard .dashboard-body .name,
html[data-asa-theme="dark"] .dashboard .dashboard-body strong,
html[data-asa-theme="dark"] .dashboard .dashboard-body label,
html[data-asa-theme="dark"] .dashboard .dashboard-body .form--label {
  color:#edf4f8 !important;
}
html[data-asa-theme="dark"] .dashboard .dashboard-body p,
html[data-asa-theme="dark"] .dashboard .dashboard-body .text,
html[data-asa-theme="dark"] .dashboard .dashboard-body small,
html[data-asa-theme="dark"] .dashboard .dashboard-body .text-muted,
html[data-asa-theme="dark"] .dashboard .dashboard-body .container-top__desc {
  color:#9dacba !important;
}
html[data-asa-theme="dark"] .dashboard .form--control,
html[data-asa-theme="dark"] .dashboard .form-control,
html[data-asa-theme="dark"] .dashboard .form-select,
html[data-asa-theme="dark"] .dashboard input,
html[data-asa-theme="dark"] .dashboard select,
html[data-asa-theme="dark"] .dashboard textarea,
html[data-asa-theme="dark"] .dashboard .input-group-text,
html[data-asa-theme="dark"] .dashboard .select2-container .select2-selection {
  color:#e5edf2 !important;
  border-color:#344354 !important;
  background-color:#202d3b !important;
}
html[data-asa-theme="dark"] .dashboard input::placeholder,
html[data-asa-theme="dark"] .dashboard textarea::placeholder,
html[data-asa-theme="dark"] .dashboard .form--control::placeholder { color:#7f8f9f !important; }
html[data-asa-theme="dark"] .select2-dropdown,
html[data-asa-theme="dark"] .select2-results__option,
html[data-asa-theme="dark"] .select2-search__field { color:#dce6ec !important; border-color:#344354 !important; background:#202d3b !important; }
html[data-asa-theme="dark"] .select2-results__option--highlighted { color:#fff !important; background:#0dad62 !important; }
html[data-asa-theme="dark"] .dashboard .table,
html[data-asa-theme="dark"] .dashboard table { --bs-table-bg:transparent; --bs-table-color:#dce6ec; color:#dce6ec !important; }
html[data-asa-theme="dark"] .dashboard .table thead th,
html[data-asa-theme="dark"] .dashboard table thead th { color:#aebbc7 !important; border-color:#344354 !important; background:#202d3b !important; }
html[data-asa-theme="dark"] .dashboard .table tbody td,
html[data-asa-theme="dark"] .dashboard table tbody td { color:#dce6ec !important; border-color:#2c3948 !important; }
html[data-asa-theme="dark"] .dashboard .table tbody tr:hover,
html[data-asa-theme="dark"] .dashboard table tbody tr:hover { background:#1d2b39 !important; }
html[data-asa-theme="dark"] .dashboard .nav-tabs,
html[data-asa-theme="dark"] .dashboard .border,
html[data-asa-theme="dark"] .dashboard .border-top,
html[data-asa-theme="dark"] .dashboard .border-bottom { border-color:#344354 !important; }
html[data-asa-theme="dark"] .dashboard .nav-link { color:#aebbc7; }
html[data-asa-theme="dark"] .dashboard .nav-link.active { color:#1ad47c !important; background:#202d3b !important; }
html[data-asa-theme="dark"] .dashboard .page-link { color:#b8c5cf; border-color:#344354; background:#202d3b; }
html[data-asa-theme="dark"] .dashboard .page-item.active .page-link { color:#fff; border-color:#10bd69; background:#10bd69; }
html[data-asa-theme="dark"] .dashboard .alert { color:#dbe5eb; border-color:#3a4959; background:#202d3b; }
html[data-asa-theme="dark"] .dashboard .chatbox-area { border-color:#344354 !important; }
html[data-asa-theme="dark"] .dashboard .chatbox-area__left { border-right-color:#344354 !important; }
html[data-asa-theme="dark"] .dashboard .chatbody .chat-list__item:hover,
html[data-asa-theme="dark"] .dashboard .chatbody .chat-list__item.active { background:#213141 !important; }
html[data-asa-theme="dark"] .dashboard .whatsapp-empty .thumb img { filter:invert(1) brightness(1.6); opacity:.82; }
html[data-asa-theme="dark"] .dashboard ::-webkit-scrollbar-thumb { background:#3a4a5c; }
@media (max-width:1250px) { .dashboard .asa-header-search { width:200px; }.dashboard .user-info__profile { display:none; } }
@media (max-width:1050px) { .dashboard .asa-header-search { display:none; } }
@media (max-width:991px) { .dashboard__right { padding-left:0; }.dashboard .asa-sidebar { width:270px; }.dashboard .dashboard-header { padding:0 15px; } }
@media (max-width:575px) { .dashboard .user-info__profile { display:none; }.dashboard .dashboard-header__left .title { font-size:15px; }.dashboard .dashboard-header .btn--warning { display:none; }.dashboard .asa-header-tools { gap:5px; }.dashboard .asa-theme-button[data-asa-theme="light"] { display:none; }.dashboard .asa-header-icon { width:33px; height:33px; flex-basis:33px; }.dashboard .asa-notification-panel { width:min(290px,calc(100vw - 30px)); right:-80px; } }