@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f4f6f9;--sidebar:#fff;--sidebar-border:#e8edf3;--header:#fff;--header-border:#e8edf3;--surface:#fff;--surface-2:#f0f4f8;--surface-hover:#e8edf3;--text:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--text-inverse:#fff;--primary:#123a6f;--primary-hover:#174a8b;--primary-active:#0e2d57;--primary-light:#e8edf8;--primary-bg:#123a6f14;--primary-bg-hover:#123a6f24;--success:#16a34a;--success-bg:#16a34a1a;--success-light:#dcfce7;--danger:#dc2626;--danger-bg:#dc262614;--danger-light:#fee2e2;--warning:#d97706;--warning-bg:#d9770614;--warning-light:#fef3c7;--info:#2563eb;--info-bg:#2563eb14;--orange:#ea580c;--orange-bg:#ea580c14;--purple:#7c3aed;--purple-bg:#7c3aed14;--purple-hover:#7c3aed29;--border:#0f172a14;--border-strong:#0f172a26;--shadow-sm:0 1px 3px #0f172a0f;--shadow:0 2px 8px #0f172a14;--shadow-md:0 4px 12px #0f172a1a;--shadow-lg:0 8px 24px #0f172a1f;--shadow-xl:0 16px 48px #0f172a24;--error:var(--danger);--error-bg:var(--danger-bg);--bg-primary:var(--bg);--text-primary:var(--text);--text-secondary:var(--text-muted);--border-color:var(--border);--radius-xs:3px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:56px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--transition-slow:.3s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:14px}body{color:var(--text);background-color:var(--bg);min-height:100vh;transition:background-color var(--transition), color var(--transition);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--primary-bg);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}#root{min-height:100vh;display:flex}.admin-layout{width:100%;min-height:100vh;display:flex}.main-content{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-content{flex:1;padding:24px;overflow-y:auto}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--sidebar-border,var(--border));transition:width var(--transition-slow);z-index:200;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:2px 0 8px #0f172a0a}.sidebar-toggle{background:var(--surface);border:1px solid var(--sidebar-border,var(--border));width:24px;height:24px;color:var(--text-muted);z-index:1000;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:var(--primary)}[dir=rtl] .sidebar-toggle{left:-12px;right:auto;transform:translateY(-50%)rotate(180deg)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex;overflow:hidden}.sidebar-logo-icon{border-radius:var(--radius-sm);background:var(--primary-bg);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.sidebar-logo-name{color:var(--text);font-size:14px;font-weight:700;line-height:1.2}.sidebar-logo-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:9px;font-weight:600}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;padding:16px 16px 4px;font-size:10px;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0;pointer-events:none}.sidebar-item{border-radius:var(--radius-sm);height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:10px;margin:1px 8px;padding:0 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{background:var(--surface-hover);color:var(--text)}.sidebar-item.active{font-weight:600;background:var(--primary-bg)!important;color:var(--primary)!important;border-inline-start:3px solid var(--primary)!important}.sidebar-item.active:before{display:none!important}.sidebar-item-icon{width:16px;height:16px;color:var(--text-faint);transition:color var(--transition);flex-shrink:0}.sidebar-item.active .sidebar-item-icon,.sidebar-item:hover .sidebar-item-icon{color:inherit}.sidebar-item-label{flex:1;overflow:hidden}.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar.collapsed .sidebar-item{justify-content:center;width:38px;margin:1px 13px;padding:0}.sidebar-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.sidebar.collapsed .sidebar-badge{background:var(--error);width:8px;min-width:8px;height:8px;padding:0;font-size:0;position:absolute;top:4px;right:4px}.sidebar-collapse-btn{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 8px}.header{height:var(--header-height);background:var(--header);border-bottom:1px solid var(--header-border,var(--border));z-index:100;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.header-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-toggle:hover{background:var(--surface-hover);color:var(--text)}.header-breadcrumb{color:var(--text-muted);white-space:nowrap;font-size:13px}.header-breadcrumb span{color:var(--text);font-weight:600}.header-search{flex:1;max-width:380px;margin:0 auto;position:relative}.header-search-icon{color:var(--text-faint);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-search input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;height:34px;color:var(--text);transition:all var(--transition);padding:0 14px 0 34px;font-size:13px}.header-search input::placeholder{color:var(--text-faint)}.header-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);background:var(--surface);outline:none}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.header-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.header-btn:hover{background:var(--surface-hover);color:var(--text)}.header-btn-badge{background:var(--error);color:#fff;border-radius:var(--radius-full);border:2px solid var(--surface);justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.header-avatar{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition);border:2px solid #0000;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.header-avatar:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.dropdown-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:500;animation:dropdownIn var(--transition) ease;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-panel-notifications{width:320px;max-height:420px;overflow-y:auto}.dropdown-panel-profile{width:220px}.dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.dropdown-header-title{color:var(--text);font-size:13px;font-weight:600}.dropdown-header-action{color:var(--primary);cursor:pointer;transition:color var(--transition);font-size:11px;font-weight:500}.dropdown-header-action:hover{color:var(--primary-hover)}.notification-item{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--surface-hover)}.notification-item.unread{background:var(--primary-bg)}.notification-icon{border-radius:var(--radius-full);background:var(--primary-bg);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.notification-body{flex:1;min-width:0}.notification-text{color:var(--text);font-size:12px;line-height:1.4}.notification-time{color:var(--text-faint);margin-top:2px;font-size:11px}.dropdown-profile-top{border-bottom:1px solid var(--border);padding:14px 16px}.dropdown-profile-name{color:var(--text);font-size:13px;font-weight:600}.dropdown-profile-email{color:var(--text-muted);margin-top:1px;font-size:11px}.dropdown-profile-role{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.dropdown-menu-item{color:var(--text-muted);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;padding:9px 16px;font-size:13px;display:flex}.dropdown-menu-item:hover{background:var(--surface-hover);color:var(--text)}.dropdown-menu-item.danger{color:var(--error)}.dropdown-menu-item.danger:hover{background:var(--error-bg)}.dropdown-menu-item svg{flex-shrink:0;width:15px;height:15px}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);padding:20px}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-panel.overflow-hidden{overflow:hidden}.card:hover{box-shadow:var(--shadow)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text);font-size:14px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);cursor:default;padding:20px;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.kpi-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-icon.warning{background:var(--warning-bg);color:var(--warning)}.kpi-icon.info{background:var(--info-bg);color:var(--info)}.kpi-icon.success{background:var(--success-bg);color:var(--success)}.kpi-icon.primary{background:var(--primary-bg);color:var(--primary)}.kpi-icon.error{background:var(--error-bg);color:var(--error)}.kpi-icon.purple{background:var(--purple-bg);color:var(--purple)}.kpi-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-size:10px;font-weight:600}.kpi-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.kpi-footer{color:var(--text-muted);margin-top:6px;font-size:11px}.kpi-accent-line{border-radius:0 0 var(--radius-lg) var(--radius-lg);height:3px;position:absolute;bottom:0;left:0;right:0}.kpi-accent-line.warning{background:var(--warning)}.kpi-accent-line.info{background:var(--info)}.kpi-accent-line.success{background:var(--success)}.kpi-accent-line.primary{background:var(--primary)}.kpi-accent-line.error{background:var(--error)}.kpi-accent-line.purple{background:var(--purple)}.page-header{margin-bottom:24px}.page-title{color:var(--text);font-size:20px;font-weight:700;line-height:1.3}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.table-toolbar-title{color:var(--text);margin-right:auto;font-size:14px;font-weight:600}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-hover)}tbody td{height:52px;color:var(--text);vertical-align:middle;padding:0 16px;font-size:13px}.td-muted{color:var(--text-muted);font-size:12px}.td-mono{color:var(--text-muted);font-family:JetBrains Mono,Courier New,monospace;font-size:12px}.badge{white-space:nowrap;letter-spacing:.02em;border-radius:20px;align-items:center;height:24px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-confirmed,.badge-success{background:var(--success)!important;color:#fff!important}.badge-pending,.badge-warning,.badge-unconfirmed,.badge-proof-requested{background:var(--warning)!important;color:#fff!important}.badge-rejected,.badge-error,.badge-failed,.badge-suspicious,.badge-escalated{background:var(--danger)!important;color:#fff!important}.badge-reopened,.badge-info,.badge-under-review,.badge-proof-submitted{border:1px solid var(--border);background:var(--surface-2)!important;color:var(--text-muted)!important}.btn{cursor:pointer;height:40px;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #123a6f4d}.btn-secondary,.btn-ghost{color:var(--text);border:1px solid var(--border-strong);background:0 0}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-danger,.btn-error{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled),.btn-error:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:0 4px 12px #dc262640}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background:#15803d;border-color:#15803d}.btn-sm{border-radius:6px;height:30px;padding:0 12px;font-size:12px}.btn-lg{height:46px;padding:0 24px}.btn-surface{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.btn-surface:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.withdrawal-settings{padding:var(--space-6);margin-top:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.withdrawal-summary{background:var(--surface-2);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0;gap:var(--space-2);flex-direction:column;display:flex}.summary-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{padding-top:var(--space-3)}.summary-row.total strong{font-size:var(--text-lg)}.table-controls{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.search-input{min-width:220px}.pagination{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.pagination-info{color:var(--text-muted);font-size:var(--text-sm);text-align:center;min-width:60px}[dir=rtl]{font-family:Tajawal,Segoe UI,sans-serif!important}[dir=rtl] .sidebar{border-left:1px solid var(--border);border-right:none;left:auto;right:0}[dir=rtl] .sidebar-collapsed .sidebar{transform:translateX(calc(var(--sidebar-width) - 70px))}[dir=rtl] .sidebar-collapsed .main-content{margin-right:70px}[dir=rtl] .sidebar-collapse-btn{left:-12px;right:auto;transform:translateY(-50%)rotate(180deg)}[dir=rtl] .stat-card-icon,[dir=rtl] .nav-link-icon{margin-right:0;margin-left:var(--space-3)}[dir=rtl] .ml-auto{margin-left:0!important;margin-right:auto!important}[dir=rtl] .mr-2{margin-left:.5rem!important;margin-right:0!important}.timeline{padding:var(--space-2) 0;position:relative}.timeline-item{border-left:2px solid var(--border);padding-bottom:2rem;padding-left:2rem;position:relative}[dir=rtl] .timeline-item{border-left:none;border-right:2px solid var(--border);padding-left:0;padding-right:2rem}.timeline-item:last-child{border-color:#0000}.timeline-dot{background:var(--bg);border:2px solid var(--primary);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-9px}[dir=rtl] .timeline-dot{left:auto;right:-9px}.timeline-content{background:var(--surface-2);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border)}.timeline-header{justify-content:space-between;margin-bottom:4px;display:flex}.timeline-time{color:var(--text-muted);font-size:.75rem}.timeline-action{color:var(--primary);font-size:.9rem;font-weight:600}.timeline-target{color:var(--text-muted);font-size:.85rem}.dot-green{border-color:var(--success)}.dot-red{border-color:var(--error)}.dot-yellow{border-color:var(--warning)}.dot-blue{border-color:var(--primary)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);letter-spacing:.02em;font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:38px;color:var(--text);transition:all var(--transition);width:100%;padding:0 12px;font-size:13px}.form-input{border:1px solid var(--border);background:var(--surface-2)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}.form-input:-webkit-autofill{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface-2) inset!important;-webkit-text-fill-color:var(--text)!important;border:1px solid var(--border)!important}.form-input:-webkit-autofill:hover{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface-2) inset!important;-webkit-text-fill-color:var(--text)!important;border:1px solid var(--border)!important}.form-input:-webkit-autofill:focus{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface-2) inset!important;-webkit-text-fill-color:var(--text)!important;border:1px solid var(--border)!important}.form-textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);background:var(--surface);outline:none}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.form-error-text{color:var(--error);font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;animation:modalIn var(--transition) ease;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 20px 0;display:flex}.modal-title{color:var(--text);font-size:16px;font-weight:600}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-body{padding:0 20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;padding:16px 20px 20px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--text-faint);margin-bottom:16px}.empty-state-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state-desc{color:var(--text-muted);max-width:300px;margin-bottom:20px;font-size:13px}.tab-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:2px;margin-bottom:16px;padding:3px;display:flex}.tab-item{height:30px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.tab-item:hover{background:var(--surface-hover);color:var(--text)}.tab-item.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.tab-item-count{background:var(--primary-bg);min-width:16px;height:16px;color:var(--primary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex}.tab-item.active .tab-item-count{background:var(--primary);color:#fff}.pagination{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info{color:var(--text-muted);font-size:12px}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-size:12px;display:flex}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.system-integrity-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:var(--radius-lg);padding:20px}.system-status-dot{border-radius:var(--radius-full);background:var(--success);width:8px;height:8px;margin-right:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.log-item{border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.log-item:last-child{border-bottom:none}.log-item:hover{background:var(--surface-hover)}.log-icon{border-radius:var(--radius-full);background:var(--primary-bg);width:30px;height:30px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.log-body{flex:1;min-width:0}.log-name{color:var(--text);font-size:13px;font-weight:500}.log-action{color:var(--text-muted);font-size:12px}.log-time{color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:1em;margin-bottom:8px}.skeleton-title{width:40%;height:1.4em;margin-bottom:12px}.skeleton-avatar{border-radius:var(--radius-full);width:36px;height:36px}.skeleton-btn{width:90px;height:36px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-title{color:var(--text);font-size:14px;font-weight:600}.chart-legend{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.chart-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.chart-legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border);left:auto;right:0}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .main-content.sidebar-collapsed{margin-left:0;margin-right:var(--sidebar-collapsed)}[dir=rtl] .sidebar-item.active:before{border-radius:var(--radius-full) 0 0 var(--radius-full);left:auto;right:0}[dir=rtl] .dropdown-panel{left:0;right:auto}[dir=rtl] thead th{text-align:right}@media (width<=768px){.sidebar{transition:transform var(--transition-slow), width var(--transition-slow);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important;margin-right:0!important}.page-content{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.header-search{display:none}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.font-mono{font-family:JetBrains Mono,Courier New,monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recharts-layer text,.recharts-text,.recharts-cartesian-axis-tick text{fill:var(--text-faint)!important}.recharts-wrapper,.recharts-surface{background:0 0!important}.sidebar-collapse-btn{border:1px solid var(--border-strong);cursor:pointer;color:#000;width:24px;height:24px;transition:var(--transition);z-index:1000;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%);box-shadow:0 4px 12px #0006}.sidebar-collapse-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}@keyframes animate-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(0,0,.2,1) forwards animate-fade-in}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.5s linear infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mil-loader-mini{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite mil-spin}@keyframes mil-spin{to{transform:rotate(360deg)}}.badge-fixed{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.65rem;font-weight:800;display:inline-flex}.card,.glass-panel{transition:box-shadow var(--transition), transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-row-hover{transition:background var(--transition)}.table-row-hover:hover{background:var(--surface-hover)}.filter-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.filter-row{flex-wrap:wrap;gap:1rem;display:flex}.filter-field{flex-direction:column;flex:160px;gap:5px;display:flex}.filter-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.quick-date-chips{flex-wrap:wrap;gap:6px;display:flex}.quick-date-chip{border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;padding:4px 12px;font-size:.72rem;font-weight:600}.quick-date-chip:hover,.quick-date-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.mobile-header{background:var(--header);border-bottom:1px solid var(--header-border,var(--border));height:64px;box-shadow:var(--shadow-sm);z-index:500;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-hamburger{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--text);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.mobile-hamburger:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:299;background:#0f172a66;display:none;position:fixed;inset:0}.mobile-overlay.open{display:block}@media (width<=768px){.mobile-header{display:flex}.sidebar{transition:transform var(--transition-slow);z-index:300;height:100vh;top:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{padding-top:64px;margin-left:0!important}.header{display:none}.page-content{padding:16px}.table-mobile-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.hide-mobile{display:none!important}.page-header-stack{flex-direction:column;gap:.75rem;align-items:flex-start!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.filter-row{flex-direction:column}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr!important}.page-content{padding:12px}.glass-panel{padding:1rem!important}}@media (width<=768px){.glass-panel{padding:1.25rem!important}}.sidebar-item{transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition)!important}.sidebar-item:hover{transform:translate(2px)}.sidebar-item.active{transform:none}.btn{transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition)!important}.btn:active:not(:disabled){transform:scale(.97)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #123a6f1a}thead th{background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important;color:var(--text-faint)!important;font-weight:600!important}.quick-date-chip{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:4px 11px;font-size:.72rem;font-weight:600;transition:all .12s;display:inline-flex}.quick-date-chip:hover{background:var(--primary-bg,#123a6f0f);color:var(--primary);border-color:var(--primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-drawer-enter{animation:.15s slideDown}.role-badge{letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:2px 9px;font-size:.65rem;font-weight:700;display:inline-block}.role-badge.client{color:var(--primary);background:#123a6f14}.role-badge.reviewer{color:#d97706;background:#f59e0b1a}.role-badge.superadmin{color:var(--error);background:#ef44441a}.bg-blue-50{background-color:#3b82f612!important}.border-l-4{border-left:4px solid!important}.border-blue-500{border-left-color:#3b82f6!important}