:root{--bg-shell: #f1f5f9;--bg-surface: #ffffff;--bg-muted: #f8fafc;--bg-input: #ffffff;--border: #e5e7eb;--border-muted:#f1f5f9;--text-primary: #1e293b;--text-secondary:#374151;--text-muted: #6b7280;--text-faint: #9ca3af;--topbar-bg: #ffffff;--topbar-border: #e5e7eb;--topbar-btn-hover: #f3f4f6;--table-head-bg: #f8fafc;--table-row-hover: #f8fafc;--sidebar-bg: #1e3a5f;--sidebar-border: rgba(255,255,255,.08);--sidebar-text: rgba(255,255,255,.78);--sidebar-text-dim: rgba(255,255,255,.38);--sidebar-hover-bg: rgba(255,255,255,.08);--sidebar-active-bg: rgba(32,178,170,.18);--sidebar-active-text: #5eead4;--sidebar-subitem-bg: rgba(0,0,0,.12);--transition: background .2s, color .2s, border-color .2s;--badge-blue-bg: rgba(59,130,246,.12);--badge-blue-text: #1d4ed8;--badge-purple-bg: rgba(168,85,247,.12);--badge-purple-text: #7e22ce;--badge-red-bg: rgba(239,68,68,.1);--badge-red-text: #dc2626;--badge-green-bg: rgba(34,197,94,.1);--badge-green-text:#16a34a}html.dark{--bg-shell: #18181b;--bg-surface: #27272a;--bg-muted: #2f2f33;--bg-input: #323236;--border: rgba(255,255,255,.1);--border-muted:rgba(255,255,255,.06);--text-primary: #fafafa;--text-secondary:#e4e4e7;--text-muted: #a1a1aa;--text-faint: #71717a;--topbar-bg: #27272a;--topbar-border: rgba(255,255,255,.08);--topbar-btn-hover: rgba(255,255,255,.07);--table-head-bg: #2f2f33;--table-row-hover: rgba(255,255,255,.04);--sidebar-bg: #1c1c1f;--sidebar-border: rgba(255,255,255,.06);--sidebar-text: rgba(255,255,255,.72);--sidebar-text-dim: rgba(255,255,255,.28);--sidebar-hover-bg: rgba(255,255,255,.06);--sidebar-active-bg: rgba(20,184,166,.14);--sidebar-active-text: #2dd4bf;--sidebar-subitem-bg: rgba(0,0,0,.2);--badge-blue-bg: rgba(59,130,246,.22);--badge-blue-text: #93c5fd;--badge-purple-bg: rgba(168,85,247,.22);--badge-purple-text: #d8b4fe;--badge-red-bg: rgba(239,68,68,.2);--badge-red-text: #fca5a5;--badge-green-bg: rgba(34,197,94,.2);--badge-green-text:#86efac}body{background:var(--bg-shell);color:var(--text-secondary);transition:var(--transition)}.card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;color:var(--text-secondary);transition:var(--transition)}.data-table thead tr{background:var(--table-head-bg)!important}.data-table th{color:var(--text-secondary)!important;border-bottom-color:var(--border)!important}.data-table td{color:var(--text-secondary)!important;border-bottom-color:var(--border-muted)!important}.data-table tbody tr:hover td{background:var(--table-row-hover)!important}.form-group input,.form-group select,.form-input{background:var(--bg-input)!important;color:var(--text-secondary)!important;border-color:var(--border)!important;transition:var(--transition)}.filter-body,.table-toolbar{border-color:var(--border-muted)!important}.table-title{color:var(--text-primary)!important}.modal,.modal-dialog{background:var(--bg-surface)!important;color:var(--text-secondary)}.modal-header,.modal-footer{border-color:var(--border-muted)!important;background:var(--bg-muted)!important}.pagination-row{border-color:var(--border-muted)!important}.pagination button{background:var(--bg-surface)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}.pagination button:not(:disabled):hover{background:var(--bg-muted)!important}.text-muted{color:var(--text-muted)!important}.sidebar{background:var(--sidebar-bg)!important;transition:var(--transition)}.sidebar__logo{border-color:var(--sidebar-border)!important}.sidebar__role,.sidebar__divider{color:var(--sidebar-text-dim)!important}.sidebar__divider--line{border-color:var(--sidebar-border)!important}.sidebar__subitem{color:var(--sidebar-text)!important}.sidebar__subitem:hover,.sidebar__subitem--active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important}.nav-item{color:var(--sidebar-text)!important}.nav-item:hover,.nav-item--active{background:var(--sidebar-active-bg)!important;color:#fff!important}.nav-group__trigger{color:var(--sidebar-text)!important}.nav-group__trigger:hover{background:var(--sidebar-hover-bg)!important;color:#fff!important}.nav-group__items{background:var(--sidebar-subitem-bg)!important}.nav-item__arrow,.nav-group__chevron{color:var(--sidebar-text-dim)!important}html.dark .page-title,html.dark .section-title,html.dark .modal-title{color:var(--text-primary)!important}html.dark label,html.dark .form-group label{color:var(--text-secondary)!important}html.dark .fw-600,html.dark .account-name,html.dark .bayi-badge{color:var(--text-primary)!important}html.dark .mono{color:var(--text-muted)!important}html.dark .filter-header{color:var(--text-secondary)!important;background:var(--bg-muted)!important}html.dark .breadcrumb{color:var(--text-faint)!important}html.dark .bc-current{color:var(--text-muted)!important}html.dark .ac-dropdown,html.dark .dropdown-menu{background:var(--bg-surface)!important;border-color:var(--border)!important;box-shadow:0 8px 32px #0000008c!important}html.dark .ac-item:hover,html.dark .dropdown-item:hover{background:var(--bg-muted)!important}html.dark .ac-name{color:var(--text-primary)!important}html.dark .ac-id,html.dark .ac-status{color:var(--text-muted)!important}html.dark select option{background:var(--bg-surface);color:var(--text-secondary)}html.dark .stat-label,html.dark .stat-title{color:var(--text-muted)!important}html.dark .stat-value{color:var(--text-primary)!important}html.dark .card-header.warn{background:#fbbf241a!important;color:#fcd34d!important;border-bottom-color:#fbbf2426!important}html.dark .badge-count{background:#ef444440!important;color:#fca5a5!important}html.dark .age-badge--green{background:#22c55e26!important;color:#86efac!important}html.dark .age-badge--yellow{background:#eab30826!important;color:#fde68a!important}html.dark .age-badge--red{background:#ef444433!important;color:#fca5a5!important}html.dark .badge-green{background:#22c55e26!important;color:#86efac!important}html.dark .badge-red{background:#ef44442e!important;color:#fca5a5!important}html.dark .badge-yellow{background:#eab30826!important;color:#fde68a!important}html.dark .badge-indigo{background:#6366f12e!important;color:#a5b4fc!important}html.dark .status-card--active{background:#14532d40!important;border-color:#86efac33!important}html.dark .status-card--passive{background:var(--bg-muted)!important;border-color:var(--border)!important}html.dark .status-toggle-title{color:var(--text-primary)!important}html.dark .status-toggle-desc{color:var(--text-muted)!important}html.dark .rate-card--deposit{background:#14532d33!important;border-color:#86efac26!important}html.dark .rate-card--withdraw{background:#7c2d1233!important;border-color:#fed7aa26!important}html.dark .rate-card-val{color:var(--text-primary)!important}html.dark .rate-card-label{color:var(--text-muted)!important}html.dark .badge-success{background:#16653459!important;color:#86efac!important}html.dark .badge-danger{background:#991b1b59!important;color:#fca5a5!important}html.dark .badge-warning{background:#854d0e59!important;color:#fde047!important}html.dark .badge-gray{background:#37415180!important;color:#d4d4d8!important}html.dark .badge-orange{background:#9a341259!important;color:#fdba74!important}html.dark .badge-info{background:#1d4ed84d!important;color:#93c5fd!important}html.dark .badge-collateral-warn{background:#991b1b4d!important;border-color:#fca5a533!important;color:#fca5a5!important}html.dark .method-banka{background:#1d4ed84d!important;color:#93c5fd!important}html.dark .method-kripto{background:#9a341259!important;color:#fdba74!important}html.dark .toast-success{background:#16653459!important;color:#86efac!important}html.dark .toast-error{background:#991b1b59!important;color:#fca5a5!important}html.dark ::-webkit-scrollbar{width:6px;height:6px}html.dark ::-webkit-scrollbar-track{background:var(--bg-shell)}html.dark ::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}html.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff42}html.dark .form-input:focus,html.dark .form-group input:focus,html.dark .form-group select:focus{border-color:#2dd4bf!important;box-shadow:0 0 0 3px #2dd4bf1f!important}html.dark .toggle-switch input:checked+.toggle-slider{background:#14b8a6!important}html.dark .info-text,html.dark .ban-user{color:var(--text-secondary)!important}html.dark .section-desc{color:var(--text-muted)!important}html.dark .dropdown-name{color:var(--text-primary)!important}html.dark .dropdown-email{color:var(--text-muted)!important}html.dark .dropdown-item{color:var(--text-secondary)!important}html.dark .dropdown-item--danger{color:#f87171!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1023px){.filter-grid{grid-template-columns:repeat(2,1fr)!important}.settings-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.hour-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 767px){.filter-grid,.form-grid{grid-template-columns:1fr!important}.page-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.page-header>.btn,.page-header>button{width:100%;justify-content:center}.table-toolbar{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.stats-grid{grid-template-columns:1fr!important}.preset-btns{flex-wrap:wrap!important}.pagination-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.modal{max-width:100%!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.hour-grid{grid-template-columns:repeat(3,1fr)!important}.accordion-header{flex-wrap:wrap!important;gap:6px!important}.hour-summary{flex-direction:column!important;gap:6px!important}.settings-grid{grid-template-columns:1fr!important}.setting-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.setting-input{width:100%!important}.data-table th,.data-table td{padding:8px 10px!important;font-size:.78rem!important}.card-footer{flex-wrap:wrap!important}}@media (max-width: 479px){.hour-grid{grid-template-columns:repeat(2,1fr)!important}.filter-actions{flex-direction:column!important}.filter-actions .btn{width:100%;justify-content:center}}html .btn.btn,html .btn-filter-toggle.btn-filter-toggle{border-radius:8px;font-weight:600;transition:transform .12s,filter .15s,background .15s,box-shadow .15s,border-color .15s}html .btn.btn:hover:not(:disabled),html .btn-filter-toggle.btn-filter-toggle:hover{transform:translateY(-1px)}html .btn.btn:active:not(:disabled){transform:translateY(0)}html .btn.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}html .btn.btn-blue,html .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}html .btn.btn-teal,html .btn.btn-clear{background:linear-gradient(135deg,#14b8a6,#0d9488);border:1px solid #14b8a6;color:#fff;box-shadow:0 2px 8px #0d94884d}html .btn.btn-green,html .btn.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #16a34a;color:#fff;box-shadow:0 2px 8px #16a34a4d}html .btn.btn-danger,html .btn.btn-red,html .btn.btn-solid-red{background:linear-gradient(135deg,#f43f5e,#e11d48);border:1px solid #e11d48;color:#fff;box-shadow:0 2px 8px #e11d484d}html .btn.btn-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #f59e0b;color:#422006;box-shadow:0 2px 8px #f59e0b4d}html .btn.btn-blue:hover:not(:disabled),html .btn.btn-primary:hover:not(:disabled),html .btn.btn-teal:hover:not(:disabled),html .btn.btn-clear:hover:not(:disabled),html .btn.btn-green:hover:not(:disabled),html .btn.btn-success:hover:not(:disabled),html .btn.btn-danger:hover:not(:disabled),html .btn.btn-red:hover:not(:disabled),html .btn.btn-solid-red:hover:not(:disabled),html .btn.btn-warning:hover:not(:disabled){filter:brightness(1.08)}html .btn.btn-outline,html .btn.btn-outline-gray,html .btn.btn-excel,html .btn.btn-detay,html .btn.btn-secondary,html .btn.btn-export,html .btn.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-primary);box-shadow:none}html .btn.btn-outline:hover:not(:disabled),html .btn.btn-outline-gray:hover:not(:disabled),html .btn.btn-excel:hover:not(:disabled),html .btn.btn-detay:hover:not(:disabled),html .btn.btn-secondary:hover:not(:disabled),html .btn.btn-export:hover:not(:disabled),html .btn.btn-ghost:hover:not(:disabled){background:var(--bg-muted)}html .btn.btn-outline-red,html .btn.btn-danger-outline,html .btn.btn-lock{background:#f43f5e0f;border:1px solid #f43f5e;color:#e11d48;box-shadow:none}html .btn.btn-outline-red:hover:not(:disabled),html .btn.btn-danger-outline:hover:not(:disabled),html .btn.btn-lock:hover:not(:disabled){background:#f43f5e24}html .btn.btn-outline-teal{background:#14b8a60f;border:1px solid #14b8a6;color:#0d9488;box-shadow:none}html .btn.btn-outline-teal:hover:not(:disabled){background:#14b8a624}html .btn-filter-toggle.btn-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid #3b82f6;color:#2563eb}html .btn-filter-toggle.btn-filter-toggle:hover{background:#3b82f61a}html.dark .btn.btn-outline-red,html.dark .btn.btn-danger-outline,html.dark .btn.btn-lock{color:#fda4af}html.dark .btn.btn-outline-teal{color:#5eead4}html.dark .btn-filter-toggle.btn-filter-toggle{color:#93c5fd}
