:root{--sidebar-width:260px;--sidebar-collapsed-width:60px;--font-size-base:12px;--sidebar-bg-start:#0f0c29;--sidebar-bg-mid:#1a1a3e;--sidebar-bg-end:#24243e}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-mid) 50%, var(--sidebar-bg-end) 100%);color:#fff;z-index:1000;font-size:var(--font-size-base);flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:2px 0 20px #0009}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:16px 12px;transition:all .3s;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 8px}.logo{align-items:center;gap:10px;transition:all .3s;display:flex;overflow:hidden}.logo-icon{filter:drop-shadow(0 2px 4px #0000004d);flex-shrink:0;font-size:22px}.logo-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;transition:opacity .3s,width .3s}.sidebar.collapsed .logo-text{opacity:0;width:0;margin:0;display:none}.toggle-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.toggle-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}.sidebar.collapsed .toggle-btn{margin:0 auto}.sidebar-nav{scrollbar-width:thin;flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.nav-list{margin:0;padding:0;list-style:none}.nav-item{border-radius:6px;margin:2px 8px;transition:all .3s}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#667eea26}.nav-item.active .nav-link{color:#fff}.nav-item.active .nav-icon{color:#667eea!important}.nav-link{color:#fff9;font-size:var(--font-size-base);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-item.collapsed .nav-link{justify-content:center;padding:10px}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px;transition:all .3s}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-label{font-size:var(--font-size-base);white-space:nowrap;font-weight:500;transition:all .3s;overflow:hidden}.sidebar.collapsed .nav-label,.sidebar.collapsed .sub-count,.sidebar.collapsed .toggle-icon{display:none}.active-indicator{background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:24px;margin-left:auto}.nav-section{margin:2px 8px;position:relative}.nav-toggle{color:#fff9;cursor:pointer;width:100%;font-size:var(--font-size-base);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-weight:500;transition:all .3s;display:flex}.nav-toggle:hover{color:#fff;background:#ffffff0d}.nav-toggle.expanded{color:#fff;background:#ffffff0a}.nav-section.collapsed .nav-toggle{justify-content:center;padding:10px}.nav-section.collapsed .nav-toggle:hover{background:#ffffff14}.nav-section.has-active .nav-toggle{color:#fff}.toggle-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.nav-section.collapsed .toggle-left{justify-content:center}.nav-toggle .nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px;transition:all .3s}.nav-section.collapsed .nav-toggle .nav-icon{font-size:18px}.nav-toggle .toggle-icon{color:#ffffff4d;flex-shrink:0;font-size:10px;transition:all .3s}.nav-toggle.expanded .toggle-icon{color:#ffffffb3}.sub-count{color:#fff6;background:#ffffff14;border-radius:10px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600}.sub-nav-list{margin:2px 0 4px;padding:0;list-style:none;animation:.25s cubic-bezier(.4,0,.2,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-nav-item{border-radius:4px;margin:1px 0;transition:all .3s}.sub-nav-item:hover{background:#ffffff0a}.sub-nav-item.active{background:#667eea1a}.sub-nav-item.active .sub-nav-link{color:#fff}.sub-nav-item.active .sub-nav-icon{color:#667eea!important}.sub-nav-link{color:#ffffff80;font-size:var(--font-size-base);cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:6px 12px 6px 32px;text-decoration:none;transition:all .3s;display:flex}.sub-nav-link:hover{color:#fff;background:#ffffff0d;padding-left:36px}.sub-nav-icon{text-align:center;flex-shrink:0;width:16px;font-size:13px;transition:all .3s}.sub-nav-link:hover .sub-nav-icon{transform:scale(1.1)}.sub-nav-label{font-weight:400;font-size:var(--font-size-base)}.sub-active-indicator{background:#667eea;border-radius:2px;width:3px;height:16px;margin-left:auto}.nav-section:not(:last-child):after{content:"";background:linear-gradient(90deg,#ffffff0f 0%,#ffffff05 100%);height:1px;margin:4px 12px;display:block}.sidebar.collapsed .nav-section:not(:last-child):after{margin:4px 8px}.sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px 16px;transition:all .3s}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.sidebar.collapsed .system-status .status-text,.sidebar.collapsed .system-status .status-label{display:none}.sidebar.collapsed .system-status{justify-content:center;padding:4px}.sidebar.collapsed .status-icon{font-size:18px}.sidebar.collapsed .version-info{display:none}.system-status{background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.status-indicator{align-items:center;gap:6px;display:flex}.status-icon{color:#48bb78;font-size:12px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:var(--font-size-base);color:#ffffff80}.status-label{color:#48bb78;background:#48bb781f;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600}.version-info{text-align:center;padding:6px 0 2px}.version-text{color:#fff3;letter-spacing:.3px;font-size:10px}.hover-menu{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1e1e3f 0%,#2a2a4a 100%);border:1px solid #ffffff1a;border-radius:10px;min-width:220px;max-width:280px;padding:6px 0;animation:.2s cubic-bezier(.4,0,.2,1) fadeInRight;position:fixed;box-shadow:0 8px 30px #000000b3}@keyframes fadeInRight{0%{opacity:0;transform:translate(-10px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.hover-menu-header{font-size:var(--font-size-base);color:#ffffffd9;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:8px 14px 6px;font-weight:600;display:flex}.hover-menu-header svg{font-size:15px}.hover-badge{color:#fff6;background:#ffffff14;border-radius:10px;margin-left:auto;padding:1px 8px;font-size:9px;font-weight:600}.hover-sub-list{margin:0;padding:4px 0;list-style:none}.hover-sub-item{border-radius:6px;margin:1px 6px;transition:all .2s}.hover-sub-item:hover{background:#ffffff14}.hover-sub-item.active .hover-sub-link{color:#fff;background:#667eea26}.hover-sub-item.active .hover-sub-link svg{color:#667eea!important}.hover-sub-link{color:#ffffffa6;font-size:var(--font-size-base);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:7px 12px;text-decoration:none;transition:all .2s;display:flex}.hover-sub-link:hover{color:#fff;background:#ffffff0d;padding-left:16px}.hover-sub-link svg{text-align:center;flex-shrink:0;width:16px;font-size:13px;transition:all .2s}.hover-sub-link:hover svg{transform:scale(1.1)}.hover-sub-arrow{color:#fff3;margin-left:auto;font-size:11px;transition:all .2s}.hover-sub-link:hover .hover-sub-arrow{color:#ffffff80;transform:translate(3px)}.not-authorized-popup{border:1px solid #ed893633!important;border-radius:16px!important;max-width:420px!important;padding:24px!important;box-shadow:0 20px 60px #00000080!important}.not-authorized-title{color:#ed8936!important;font-size:20px!important;font-weight:700!important}.not-authorized-btn{color:#fff!important;background:#ed8936!important;border:none!important;border-radius:8px!important;padding:10px 28px!important;font-size:14px!important;font-weight:600!important;transition:all .3s!important}.not-authorized-btn:hover{background:#dd6b20!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #ed893666!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=768px){.sidebar{z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 20px #00000080;width:280px!important}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:280px!important}.sidebar.collapsed.open{transform:translate(0)}.hover-menu{display:none!important}.sidebar .toggle-btn{display:flex!important}.sidebar-nav{padding:8px 0}.nav-item{margin:2px 8px}.sub-nav-list{margin:2px 0 4px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sub-count,.sidebar.collapsed .toggle-icon{display:flex!important}.sidebar.collapsed .nav-link{justify-content:flex-start!important;padding:8px 12px!important}.sidebar.collapsed .nav-toggle{justify-content:space-between!important;padding:8px 12px!important}.sidebar.collapsed .toggle-left{justify-content:flex-start!important}.sidebar.collapsed .logo-text{opacity:1!important;width:auto!important;display:block!important}.sidebar.collapsed .sidebar-header{justify-content:space-between!important;padding:16px 12px!important}.sidebar.collapsed .toggle-btn{margin:0!important}.sidebar.collapsed .system-status .status-text,.sidebar.collapsed .system-status .status-label{display:flex!important}.sidebar.collapsed .system-status{justify-content:space-between!important;padding:6px 10px!important}.sidebar.collapsed .status-icon{font-size:12px!important}.sidebar.collapsed .version-info{display:block!important}}@media (width<=480px){.sidebar{max-width:320px;width:100%!important}.sidebar.open{transform:translate(0)}.sidebar .toggle-btn{width:28px;height:28px;font-size:12px}.nav-link,.nav-toggle{padding:6px 10px;font-size:11px}.sub-nav-link{padding:5px 10px 5px 28px;font-size:11px}.logo-icon{font-size:18px}.logo-text{font-size:14px}.sidebar-header{min-height:48px;padding:12px 10px}.sidebar-footer{padding:10px 12px}}.sidebar-overlay{z-index:999;background:#0009;animation:.3s overlayFade;position:fixed;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media (width>=769px){.sidebar-overlay{display:none}}:root{--navbar-height:64px;--font-size-base:12px;--primary-color:#667eea}.navbar{height:var(--navbar-height);z-index:999;font-size:var(--font-size-base);background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:0 24px;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:260px;right:0;box-shadow:0 1px 3px #0000000d}.navbar.sidebar-collapsed{left:60px}.navbar-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.menu-toggle{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:18px;transition:all .3s;display:none}.menu-toggle:hover{color:var(--primary-color);background:#f7fafc}.search-box{background:#f7fafc;border:2px solid #0000;border-radius:8px;flex:1;align-items:center;max-width:500px;padding:0 16px;transition:all .3s;display:flex;position:relative}.search-box:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #667eea1a}.search-icon{color:#a0aec0;margin-right:12px;font-size:14px}.search-input{font-size:var(--font-size-base);color:#2d3748;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0}.search-input::placeholder{color:#a0aec0}.search-clear{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .3s}.search-clear:hover{color:#4a5568;background:#edf2f7}.navbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.dropdown-container{position:relative}.icon-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:18px;transition:all .3s;position:relative}.icon-btn:hover{color:var(--primary-color);background:#f7fafc}.icon-btn.active{color:var(--primary-color);background:#667eea1a}.badge{color:#fff;text-align:center;background:#e53e3e;border-radius:50%;min-width:18px;padding:1px 6px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #e53e3e4d}.user-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:4px 8px 4px 4px;transition:all .3s;display:flex}.user-btn:hover{background:#f7fafc}.user-btn.active{background:#667eea1a}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-info{flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.user-name{font-size:var(--font-size-base);color:#2d3748;font-weight:600}.user-meta{align-items:center;gap:6px;display:flex}.user-role{color:#a0aec0;font-size:10px;font-weight:400}.user-role-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 8px;font-size:8px;font-weight:700}.user-dropdown-icon{color:#a0aec0;font-size:14px;transition:all .3s}.user-btn:hover .user-dropdown-icon{color:#4a5568}.dropdown-menu{background:#fff;border:1px solid #0000000a;border-radius:12px;flex-direction:column;min-width:380px;max-width:420px;max-height:480px;animation:.2s cubic-bezier(.4,0,.2,1) dropdownSlide;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #f0f4f8;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdown-title{font-size:var(--font-size-base);color:#2d3748;font-weight:600}.dropdown-action{font-size:var(--font-size-base);color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-weight:500;transition:all .3s}.dropdown-action:hover{background:#667eea1a}.dropdown-body{flex:1;max-height:340px;padding:4px 0;overflow-y:auto}.dropdown-body::-webkit-scrollbar{width:4px}.dropdown-body::-webkit-scrollbar-track{background:0 0}.dropdown-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.dropdown-footer{border-top:1px solid #f0f4f8;flex-shrink:0;justify-content:space-around;gap:8px;padding:8px 12px;display:flex}.footer-btn{color:#4a5568;font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .3s;display:flex}.footer-btn:hover{color:var(--primary-color);background:#f7fafc}.notifications-dropdown{min-width:400px}.notification-item{cursor:pointer;border-left:3px solid #0000;gap:12px;padding:10px 16px;transition:all .3s;display:flex}.notification-item:hover{background:#f7fafc}.notification-item.unread{border-left-color:var(--primary-color);background:#667eea08}.notification-item.read{opacity:.7}.notification-icon{background:#f7fafc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notification-content{flex:1;min-width:0}.notification-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.notification-title{font-size:var(--font-size-base);color:#2d3748;font-weight:600}.notification-time{color:#a0aec0;flex-shrink:0;font-size:10px}.notification-message{font-size:var(--font-size-base);color:#4a5568;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.messages-dropdown{min-width:400px}.message-item{cursor:pointer;gap:12px;padding:10px 16px;transition:all .3s;display:flex;position:relative}.message-item:hover{background:#f7fafc}.message-item.unread{background:#667eea08}.message-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.message-content{flex:1;min-width:0}.message-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.message-sender{font-size:var(--font-size-base);color:#2d3748;font-weight:600}.message-time{color:#a0aec0;flex-shrink:0;font-size:10px}.message-subject{font-size:var(--font-size-base);color:#4a5568;font-weight:500;display:block}.message-preview{font-size:var(--font-size-base);color:#718096;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.unread-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;animation:2s infinite pulse}.profile-dropdown{min-width:280px;max-width:320px}.profile-header{border-bottom:1px solid #f0f4f8;align-items:center;gap:14px;padding:16px 16px 12px;display:flex}.profile-avatar-large{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.profile-info-large{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-name{font-size:var(--font-size-base);color:#2d3748;font-weight:600}.profile-email{font-size:var(--font-size-base);color:#718096;word-break:break-all}.profile-badges{align-items:center;gap:6px;margin-top:2px;display:flex}.profile-role-badge{color:var(--primary-color);background:#667eea1a;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:600}.profile-account-type{border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:9px;font-weight:600;display:inline-flex}.profile-account-type svg{font-size:10px}.profile-menu-item{color:#2d3748;width:100%;font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;transition:all .3s;display:flex}.profile-menu-item:hover{background:#f7fafc}.profile-menu-item.logout:hover{color:#e53e3e;background:#fff5f5}.profile-menu-item .menu-icon{color:#718096;width:18px;font-size:14px}.profile-menu-item:hover .menu-icon{color:var(--primary-color)}.profile-menu-item.logout:hover .menu-icon{color:#e53e3e}.menu-label{text-align:left;flex:1;font-weight:400}.menu-shortcut{color:#a0aec0;font-size:10px;font-weight:400}.dropdown-divider{background:#f0f4f8;height:1px;margin:4px 12px}.dropdown-footer .footer-version{color:#a0aec0;font-size:10px}.dropdown-footer .footer-status{color:#48bb78;align-items:center;gap:6px;font-size:10px;display:flex}.status-dot{background:#48bb78;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.logout-confirm-popup{border:1px solid #ffffff14!important;border-radius:16px!important;max-width:420px!important;padding:24px!important;box-shadow:0 20px 60px #00000080!important}.logout-confirm-title{color:#fff!important;font-size:20px!important;font-weight:700!important}.logout-confirm-text{color:#a0aec0!important;font-size:14px!important;line-height:1.6!important}.logout-confirm-icon{color:#e53e3e!important;border-color:#e53e3e!important}.logout-confirm-btn{color:#fff!important;background:#e53e3e!important;border:none!important;border-radius:8px!important;padding:10px 28px!important;font-size:14px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 12px #e53e3e4d!important}.logout-confirm-btn:hover{background:#c53030!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #e53e3e66!important}.logout-cancel-btn{color:#a0aec0!important;background:#ffffff14!important;border:1px solid #ffffff1a!important;border-radius:8px!important;padding:10px 24px!important;font-size:14px!important;font-weight:600!important;transition:all .3s!important}.logout-cancel-btn:hover{color:#fff!important;background:#ffffff26!important}.logout-success-popup{background:#1a202c!important;border:1px solid #48bb7833!important;border-radius:12px!important;padding:16px 24px!important;box-shadow:0 10px 40px #0000004d!important}@media (width<=1024px){.user-info{display:none}.dropdown-menu{min-width:320px;max-width:360px}}@media (width<=768px){.navbar{padding:0 16px;left:0!important}.menu-toggle{display:block}.search-box{max-width:160px}.search-input::placeholder{font-size:11px}.dropdown-menu{top:var(--navbar-height);min-width:unset;max-width:unset;width:auto;max-height:70vh;position:fixed;left:8px;right:8px}.notifications-dropdown,.messages-dropdown{min-width:unset}.user-btn{padding:4px}.user-dropdown-icon{display:none}.profile-dropdown{min-width:unset}.logout-confirm-popup{max-width:340px!important;margin:16px!important}}@media (width<=480px){.search-box{max-width:120px;padding:0 8px}.search-icon{margin-right:6px}.navbar-right{gap:4px}.icon-btn{padding:6px 8px;font-size:16px}.dropdown-menu{max-height:60vh}.logout-confirm-popup{max-width:300px!important;padding:16px!important}.logout-confirm-title{font-size:17px!important}.logout-confirm-btn,.logout-cancel-btn{padding:8px 16px!important;font-size:13px!important}}:root{--subnavbar-height:48px;--font-size-base:12px;--primary-color:#667eea;--bg-light:#f7fafc;--border-color:#e2e8f0;--tooltip-bg:#1a202c;--tooltip-color:#fff}.subnavbar{height:var(--subnavbar-height);background:var(--bg-light);border-bottom:1px solid var(--border-color);z-index:998;align-items:center;padding:0 12px;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:64px;left:260px;right:0;overflow:hidden}.subnavbar.sidebar-collapsed{left:60px}.subnavbar-scroll{-webkit-overflow-scrolling:touch;align-items:center;width:100%;height:100%;display:flex;overflow:auto hidden}.subnavbar-scroll::-webkit-scrollbar{height:2px}.subnavbar-scroll::-webkit-scrollbar-track{background:0 0}.subnavbar-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.subnavbar-content{flex-wrap:nowrap;align-items:center;gap:2px;min-width:min-content;height:100%;padding:4px 0;display:flex}.action-group{flex-shrink:0;align-items:center;gap:2px;height:100%;padding:0 2px;display:flex}.action-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:15px;transition:all .2s;display:flex;position:relative}.action-btn svg{font-size:16px;transition:all .2s}.action-btn:hover{background:#0000000a;transform:translateY(-1px)}.action-btn:active{transform:scale(.92)}.action-btn.primary:hover svg{color:var(--btn-color,var(--primary-color))}.action-btn.filter:hover svg{color:var(--btn-color,#718096)}.action-btn.filter.active{background:#667eea14}.action-btn.filter.active svg{color:var(--primary-color)}.action-btn.filter.active:after{content:"";background:var(--primary-color);border-radius:1px;width:12px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.action-btn.sort svg{font-size:15px}.action-btn.sort.asc svg,.action-btn.sort.desc svg{color:var(--primary-color)}.action-btn.item:hover svg{color:var(--btn-color,#ed8936)}.action-btn.view svg{font-size:15px}.action-btn.view.active{background:#667eea14}.action-btn.view.active svg{color:var(--primary-color)}.action-btn.nav svg{font-size:14px}.action-btn.nav:hover{background:#667eea14}.action-btn.nav:hover svg{color:var(--primary-color)}.action-btn.nav.options:hover{background:#7180961a}.page-indicator{font-size:var(--font-size-base);color:#a0aec0;text-align:center;-webkit-user-select:none;user-select:none;min-width:32px;padding:0 6px;font-weight:500;line-height:1}.divider{background:var(--border-color);flex-shrink:0;width:1px;height:28px;margin:0 4px}.subnavbar-tooltip{background:var(--tooltip-bg);color:var(--tooltip-color);white-space:nowrap;pointer-events:none;z-index:9999;letter-spacing:.2px;-webkit-user-select:none;user-select:none;border-radius:6px;padding:5px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;animation:.15s tooltipFadeIn;position:fixed;box-shadow:0 4px 16px #00000040}.tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--tooltip-bg);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width<=1024px){.subnavbar{height:44px;left:0}.action-btn{width:30px;height:30px;font-size:13px}.action-btn svg{font-size:14px}.divider{height:22px;margin:0 2px}.page-indicator{min-width:28px;font-size:11px}}@media (width<=768px){.subnavbar{height:40px;padding:0 6px;left:0!important}.action-btn{width:28px;height:28px;font-size:12px}.action-btn svg{font-size:13px}.divider{height:18px;margin:0 2px}.page-indicator{min-width:24px;padding:0 4px;font-size:10px}.subnavbar-tooltip{padding:4px 10px;font-size:11px}.action-group.item-actions{display:none}.action-group.nav-actions{gap:0}}@media (width<=480px){.subnavbar{height:36px;padding:0 4px}.action-btn{width:24px;height:24px;font-size:10px}.action-btn svg{font-size:11px}.divider{height:14px;margin:0 1px}.action-group.filter-actions{gap:0}.action-group.primary-actions .action-btn:nth-child(n+4),.action-group.view-actions .action-btn:nth-child(n+4){display:none}.page-indicator{min-width:20px;font-size:9px}.subnavbar-tooltip{padding:3px 8px;font-size:10px}}.custom-toast{border:1px solid #ffffff14!important;border-radius:12px!important;min-width:320px!important;padding:16px 20px!important;box-shadow:0 10px 40px #0000004d!important}.custom-toast-title{letter-spacing:.2px!important;font-size:14px!important;font-weight:500!important}.swal2-popup{animation:.4s cubic-bezier(.4,0,.2,1) toastSlideIn!important}.swal2-timer-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2)!important;height:3px!important}.swal2-popup:hover{transition:transform .3s;transform:scale(1.02)}.inbound-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.inbound-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.inbound-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.inbound-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.inbound-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.inbound-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.inbound-title-icon{color:#667eea;font-size:24px}.inbound-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.inbound-header-right{flex-wrap:wrap;gap:10px;display:flex}.inbound-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.inbound-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.inbound-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.inbound-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.inbound-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.inbound-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.inbound-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.inbound-search-input::placeholder{color:#94a3b8}.inbound-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.inbound-search-clear:hover{color:#475569}.inbound-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.inbound-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.inbound-filter-group{gap:8px;display:flex}.inbound-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.inbound-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.inbound-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.inbound-table-wrapper{width:100%;overflow-x:auto}.inbound-data-table{border-collapse:collapse;width:100%;font-size:13px}.inbound-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.inbound-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.inbound-data-table tbody tr:hover{background:#f8fafc}.inbound-data-table tbody tr:last-child td{border-bottom:none}.inbound-reference{color:#667eea;font-size:12px;font-weight:600}.inbound-partner{font-weight:500}.inbound-amount{color:#0f172a;font-weight:700}.inbound-coin{font-weight:500}.inbound-network{color:#64748b;font-size:12px}.inbound-txhash-text{color:#64748b;background:#f8fafc;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:11px}.inbound-date{color:#64748b;white-space:nowrap;font-size:12px}.inbound-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.inbound-action-btn:hover{color:#667eea;background:#f1f5f9}.inbound-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.inbound-pagination-info{color:#64748b;font-size:13px}.inbound-pagination-controls{align-items:center;gap:8px;display:flex}.inbound-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.inbound-page-btn:hover:not(:disabled){color:#667eea;background:#f8fafc;border-color:#667eea}.inbound-page-btn:disabled{opacity:.4;cursor:not-allowed}.inbound-page-info{color:#475569;padding:0 8px;font-size:13px;font-weight:500}.inbound-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.inbound-page-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.inbound-page-size-select:focus{border-color:#667eea}.inbound-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.inbound-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inbound-loading p{color:#94a3b8;font-size:14px}.inbound-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.inbound-error h3{color:#e53e3e;margin:0;font-size:18px}.inbound-error p{color:#64748b;font-size:14px}.inbound-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.inbound-error button:hover{background:#5a67d8}.inbound-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.inbound-empty-icon{color:#e2e8f0;font-size:48px}.inbound-empty h3{color:#1e293b;margin:0;font-size:18px}.inbound-empty p{color:#94a3b8;margin:0;font-size:14px}.inbound-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.inbound-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.inbound-modal::-webkit-scrollbar{width:4px}.inbound-modal::-webkit-scrollbar-track{background:0 0}.inbound-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.inbound-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.inbound-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.inbound-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.inbound-modal-close:hover{color:#475569;background:#f1f5f9}.inbound-modal-body{padding:20px}.inbound-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.inbound-detail-item{flex-direction:column;gap:4px;display:flex}.inbound-detail-item.full{grid-column:1/-1}.inbound-detail-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:600}.inbound-detail-value{color:#1e293b;font-size:14px;font-weight:500}.inbound-detail-value.highlight{color:#667eea;font-size:16px;font-weight:700}.inbound-detail-value.hash{word-break:break-all;background:#f8fafc;border-radius:4px;padding:4px 10px;font-family:Courier New,monospace;font-size:12px}.inbound-detail-commissions{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:16px}.inbound-detail-subtitle{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:600}.inbound-commission-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inbound-commission-item{background:#f8fafc;border-radius:6px;justify-content:space-between;padding:8px 12px;display:flex}.inbound-commission-label{color:#64748b;font-size:13px}.inbound-commission-value{color:#0f172a;font-size:13px;font-weight:600}.inbound-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.inbound-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.inbound-modal-btn.primary{color:#fff;background:#667eea}.inbound-modal-btn.primary:hover{background:#5a67d8}.inbound-modal-btn.secondary{color:#475569;background:#f1f5f9}.inbound-modal-btn.secondary:hover{background:#e2e8f0}@media (width<=1024px){.inbound-detail-grid,.inbound-commission-grid{grid-template-columns:1fr}}@media (width<=768px){.inbound-container{padding:14px 16px}.inbound-header{flex-direction:column;align-items:flex-start}.inbound-header-left,.inbound-header-right{width:100%}.inbound-title{font-size:20px}.inbound-search-bar{flex-direction:column}.inbound-search-box{min-width:unset;width:100%}.inbound-filter-group{width:100%}.inbound-filter-btn{flex:1;justify-content:center}.inbound-pagination{flex-direction:column;align-items:center}.inbound-modal{max-width:100%;max-height:95vh;margin:16px}.inbound-data-table{font-size:12px}.inbound-data-table thead th,.inbound-data-table tbody td{padding:8px 10px}}@media (width<=480px){.inbound-container{padding:10px 12px}.inbound-title{font-size:18px}.inbound-back-btn,.inbound-btn-secondary{padding:6px 12px;font-size:12px}.inbound-search-btn{padding:6px 14px;font-size:12px}.inbound-data-table{font-size:11px}.inbound-data-table thead th,.inbound-data-table tbody td{padding:6px 8px}.inbound-reference{font-size:10px}}.commissions-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.commissions-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.commissions-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.commissions-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.commissions-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.commissions-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.commissions-title-icon{color:#ed8936;font-size:24px}.commissions-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.commissions-header-right{flex-wrap:wrap;gap:10px;display:flex}.commissions-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.commissions-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.commissions-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.commissions-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.commissions-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.commissions-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.commissions-search-box:focus-within{background:#fff;border-color:#ed8936;box-shadow:0 0 0 4px #ed893614}.commissions-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.commissions-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.commissions-search-input::placeholder{color:#94a3b8}.commissions-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.commissions-search-clear:hover{color:#475569}.commissions-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed8936 0%,#dd6b20 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.commissions-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed893666}.commissions-filter-group{align-items:center;gap:8px;display:flex}.commissions-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s}.commissions-filter-select:focus{border-color:#ed8936}.commissions-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.commissions-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.commissions-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.commissions-table-wrapper{width:100%;overflow-x:auto}.commissions-data-table{border-collapse:collapse;width:100%;font-size:13px}.commissions-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.commissions-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.commissions-data-table tbody tr:hover{background:#f8fafc}.commissions-data-table tbody tr:last-child td{border-bottom:none}.commissions-id{color:#ed8936;font-size:12px;font-weight:600}.commissions-name{color:#0f172a;font-weight:600}.commissions-fullname{color:#64748b}.commissions-rate{color:#ed8936;font-weight:700}.commissions-amount{color:#0f172a;font-weight:700}.commissions-date{color:#64748b;white-space:nowrap;font-size:12px}.commissions-type-badge{color:#475569;background:#f0f4f8;border-radius:6px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.commissions-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-flex}.commissions-status-badge.active{color:#48bb78;background:#f0fff4}.commissions-status-badge.inactive{color:#e53e3e;background:#fff5f5}.commissions-status-badge.pending{color:#ed8936;background:#fffbeb}.commissions-status-badge svg{font-size:10px}.commissions-action-buttons{gap:4px;display:flex}.commissions-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.commissions-action-btn:hover{color:#ed8936;background:#f1f5f9}.commissions-action-btn.payout{color:#94a3b8}.commissions-action-btn.payout:hover{color:#667eea;background:#667eea1a}.commissions-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.commissions-pagination-info{color:#64748b;font-size:13px}.commissions-pagination-controls{align-items:center;gap:8px;display:flex}.commissions-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.commissions-page-btn:hover:not(:disabled){color:#ed8936;background:#f8fafc;border-color:#ed8936}.commissions-page-btn:disabled{opacity:.4;cursor:not-allowed}.commissions-page-info{color:#475569;padding:0 8px;font-size:13px;font-weight:500}.commissions-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.commissions-page-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.commissions-page-size-select:focus{border-color:#ed8936}.commissions-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.commissions-spinner{border:3px solid #e2e8f0;border-top-color:#ed8936;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.commissions-loading p{color:#94a3b8;font-size:14px}.commissions-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.commissions-error h3{color:#e53e3e;margin:0;font-size:18px}.commissions-error p{color:#64748b;font-size:14px}.commissions-error button{color:#fff;cursor:pointer;background:#ed8936;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.commissions-error button:hover{background:#dd6b20}.commissions-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.commissions-empty-icon{color:#e2e8f0;font-size:48px}.commissions-empty h3{color:#1e293b;margin:0;font-size:18px}.commissions-empty p{color:#94a3b8;margin:0;font-size:14px}.commissions-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}.commissions-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.commissions-modal::-webkit-scrollbar{width:4px}.commissions-modal::-webkit-scrollbar-track{background:0 0}.commissions-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.commissions-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.commissions-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.commissions-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.commissions-modal-close:hover{color:#475569;background:#f1f5f9}.commissions-modal-body{padding:20px}.commissions-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.commissions-detail-item{flex-direction:column;gap:4px;display:flex}.commissions-detail-item.full{grid-column:1/-1}.commissions-detail-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:600}.commissions-detail-value{color:#1e293b;font-size:14px;font-weight:500}.commissions-detail-value.highlight{color:#ed8936;font-size:16px;font-weight:700}.commissions-detail-value.rate{color:#ed8936;font-size:18px;font-weight:700}.commissions-detail-value.amount{color:#48bb78;font-size:18px;font-weight:700}.commissions-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.commissions-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.commissions-modal-btn.primary{color:#fff;background:#ed8936}.commissions-modal-btn.primary:hover{background:#dd6b20}.commissions-modal-btn.secondary{color:#475569;background:#f1f5f9}.commissions-modal-btn.secondary:hover{background:#e2e8f0}.commissions-modal-btn.quote{color:#fff;background:#4299e1}.commissions-modal-btn.quote:hover{background:#3182ce}.commissions-select-wrapper{width:100%;position:relative}.commissions-select-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:14px;transition:all .3s;display:flex}.commissions-select-btn:hover{border-color:#667eea}.commissions-select-btn:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.commissions-select-btn.error{border-color:#e53e3e}.commissions-select-btn .select-arrow{color:#94a3b8;transition:transform .3s}.commissions-select-btn .select-arrow.open{transform:rotate(180deg)}.commissions-select-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #00000026}.commissions-select-dropdown::-webkit-scrollbar{width:4px}.commissions-select-dropdown::-webkit-scrollbar-track{background:0 0}.commissions-select-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.commissions-select-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.commissions-select-item:last-child{border-bottom:none}.commissions-select-item:hover{background:#f8fafc}.commissions-select-item.active{color:#667eea;background:#667eea14}.commissions-select-name{color:#0f172a;font-size:14px;font-weight:500}.commissions-select-item.active .commissions-select-name{color:#667eea}.commissions-select-rate{color:#64748b;font-size:13px;font-weight:500}.commissions-select-empty{text-align:center;color:#94a3b8;padding:12px 14px;font-size:14px}.payout-modal{max-width:550px!important}.commissions-form-info-box{color:#2d3748;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.commissions-form-group{margin-bottom:16px}.commissions-form-label{color:#2d3748;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.commissions-form-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.commissions-form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.commissions-form-input.error{border-color:#e53e3e}.commissions-form-input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 4px #e53e3e14}.commissions-form-input:disabled{cursor:not-allowed;background:#f1f5f9}.commissions-form-select{color:#0f172a;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.commissions-form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.commissions-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.commissions-form-error{color:#e53e3e;margin-top:4px;font-size:12px;display:block}.commissions-form-info{color:#4a5568;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:13px}.commissions-form-info-list{color:#718096;margin:6px 0 0 20px;padding:0;font-size:12px}.commissions-form-info-list li{margin-bottom:4px}.commissions-quote-box{background:#f0fff4;border:1px solid #48bb78;border-radius:8px;margin-top:12px;padding:14px 16px}.commissions-quote-box h4{color:#0f172a;margin:0 0 10px;font-size:14px;font-weight:600}.commissions-quote-details{grid-template-columns:1fr 1fr;gap:8px;display:grid}.commissions-quote-item{color:#2d3748;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.commissions-quote-item .highlight{color:#667eea;font-weight:600}.commissions-quote-note{color:#48bb78;margin:10px 0 0;font-size:13px;font-weight:500}@media (width<=1024px){.commissions-detail-grid{grid-template-columns:1fr}}@media (width<=768px){.commissions-container{padding:14px 16px}.commissions-header{flex-direction:column;align-items:flex-start}.commissions-header-left{flex-wrap:wrap;width:100%}.commissions-header-right{width:100%}.commissions-title{font-size:20px}.commissions-search-bar{flex-direction:column}.commissions-search-box{min-width:unset;width:100%}.commissions-filter-group{flex-wrap:wrap;width:100%}.commissions-filter-select{flex:1}.commissions-filter-btn{flex:1;justify-content:center}.commissions-pagination{flex-direction:column;align-items:center}.commissions-modal{max-width:100%;max-height:95vh;margin:16px}.commissions-data-table{font-size:12px}.commissions-data-table thead th,.commissions-data-table tbody td{padding:8px 10px}.commissions-form-row{grid-template-columns:1fr;gap:0}.payout-modal{max-width:100%!important;margin:16px!important}.commissions-quote-details{grid-template-columns:1fr}.commissions-form-info-box{flex-direction:column;align-items:flex-start;gap:4px}.commissions-select-dropdown{max-height:150px}.commissions-btn-primary{padding:6px 14px;font-size:12px}}@media (width<=480px){.commissions-container{padding:10px 12px}.commissions-title{font-size:18px}.commissions-back-btn,.commissions-btn-secondary{padding:6px 12px;font-size:12px}.commissions-search-btn{padding:6px 14px;font-size:12px}.commissions-data-table{font-size:11px}.commissions-data-table thead th,.commissions-data-table tbody td{padding:6px 8px}.commissions-id{font-size:10px}.commissions-action-buttons{flex-direction:column;gap:2px}}.wallets-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.wallets-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.wallets-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wallets-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.wallets-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.wallets-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.wallets-title-icon{color:#4299e1;font-size:24px}.wallets-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.wallets-total-amount{color:#48bb78;background:#f0fff4;border:1px solid #48bb78;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:600}.wallets-header-right{flex-wrap:wrap;gap:10px;display:flex}.wallets-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.wallets-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.wallets-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.wallets-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.wallets-search-box:focus-within{background:#fff;border-color:#4299e1;box-shadow:0 0 0 4px #4299e114}.wallets-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.wallets-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.wallets-search-input::placeholder{color:#94a3b8}.wallets-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.wallets-search-clear:hover{color:#475569}.wallets-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.wallets-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4299e166}.wallets-filter-group{align-items:center;gap:8px;display:flex}.wallets-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s}.wallets-filter-select:focus{border-color:#4299e1}.wallets-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.wallets-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.wallets-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.wallets-table-wrapper{width:100%;overflow-x:auto}.wallets-data-table{border-collapse:collapse;width:100%;font-size:13px}.wallets-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.wallets-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.wallets-data-table tbody tr:hover{background:#f8fafc}.wallets-data-table tbody tr:last-child td{border-bottom:none}.wallets-id{align-items:center;gap:6px;display:flex}.wallets-id-text{color:#64748b;font-family:Courier New,monospace;font-size:12px}.wallets-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;transition:all .3s}.wallets-copy-btn:hover{color:#4299e1}.wallets-coin-badge{color:#4299e1;background:#ebf8ff;border-radius:6px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.wallets-amount{color:#0f172a;font-weight:700}.wallets-commission{color:#64748b;font-size:12px}.wallets-date{color:#64748b;white-space:nowrap;font-size:12px}.wallets-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.wallets-action-btn:hover{color:#4299e1;background:#f1f5f9}.wallets-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-flex}.wallets-status-badge.active{color:#48bb78;background:#f0fff4}.wallets-status-badge.inactive{color:#e53e3e;background:#fff5f5}.wallets-status-badge svg{font-size:11px}.wallets-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.wallets-pagination-info{color:#64748b;font-size:13px}.wallets-pagination-controls{align-items:center;gap:8px;display:flex}.wallets-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.wallets-page-btn:hover:not(:disabled){color:#4299e1;background:#f8fafc;border-color:#4299e1}.wallets-page-btn:disabled{opacity:.4;cursor:not-allowed}.wallets-page-info{color:#475569;padding:0 8px;font-size:13px;font-weight:500}.wallets-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.wallets-page-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.wallets-page-size-select:focus{border-color:#4299e1}.wallets-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.wallets-spinner{border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.wallets-loading p{color:#94a3b8;font-size:14px}.wallets-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.wallets-error h3{color:#e53e3e;margin:0;font-size:18px}.wallets-error p{color:#64748b;font-size:14px}.wallets-error button{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.wallets-error button:hover{background:#3182ce}.wallets-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.wallets-empty-icon{color:#e2e8f0;font-size:48px}.wallets-empty h3{color:#1e293b;margin:0;font-size:18px}.wallets-empty p{color:#94a3b8;margin:0;font-size:14px}.wallets-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}.wallets-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.wallets-modal::-webkit-scrollbar{width:4px}.wallets-modal::-webkit-scrollbar-track{background:0 0}.wallets-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.wallets-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wallets-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.wallets-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.wallets-modal-close:hover{color:#475569;background:#f1f5f9}.wallets-modal-body{padding:20px}.wallets-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wallets-detail-item{flex-direction:column;gap:4px;display:flex}.wallets-detail-item.full{grid-column:1/-1}.wallets-detail-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:600}.wallets-detail-value{color:#1e293b;font-size:14px;font-weight:500}.wallets-detail-value.highlight{color:#4299e1;font-size:16px;font-weight:700}.wallets-detail-value.amount{color:#48bb78;font-size:16px;font-weight:700}.wallets-detail-value.hash{word-break:break-all;font-family:Courier New,monospace;font-size:12px}.wallets-detail-value-with-copy{align-items:center;gap:8px;display:flex}.wallets-detail-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px;transition:all .3s}.wallets-detail-copy-btn:hover{color:#4299e1}.wallets-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.wallets-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.wallets-modal-btn.primary{color:#fff;background:#4299e1}.wallets-modal-btn.primary:hover{background:#3182ce}.wallets-modal-btn.secondary{color:#475569;background:#f1f5f9}.wallets-modal-btn.secondary:hover{background:#e2e8f0}@media (width<=1024px){.wallets-detail-grid{grid-template-columns:1fr}}@media (width<=768px){.wallets-container{padding:14px 16px}.wallets-header{flex-direction:column;align-items:flex-start}.wallets-header-left{flex-wrap:wrap;width:100%}.wallets-header-right{width:100%}.wallets-title{font-size:20px}.wallets-search-bar{flex-direction:column}.wallets-search-box{min-width:unset;width:100%}.wallets-filter-group{flex-wrap:wrap;width:100%}.wallets-filter-select{flex:1}.wallets-filter-btn{flex:1;justify-content:center}.wallets-pagination{flex-direction:column;align-items:center}.wallets-modal{max-width:100%;max-height:95vh;margin:16px}.wallets-data-table{font-size:12px}.wallets-data-table thead th,.wallets-data-table tbody td{padding:8px 10px}}@media (width<=480px){.wallets-container{padding:10px 12px}.wallets-title{font-size:18px}.wallets-back-btn,.wallets-btn-secondary{padding:6px 12px;font-size:12px}.wallets-search-btn{padding:6px 14px;font-size:12px}.wallets-data-table{font-size:11px}.wallets-data-table thead th,.wallets-data-table tbody td{padding:6px 8px}.wallets-total-amount{padding:2px 10px;font-size:12px}}.transactions-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.transactions-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.transactions-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.transactions-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.transactions-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.transactions-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.transactions-title-icon{color:#667eea;font-size:24px}.transactions-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.transactions-header-right{flex-wrap:wrap;gap:10px;display:flex}.transactions-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.transactions-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.transactions-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.transactions-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.transactions-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.transactions-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.transactions-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.transactions-search-input::placeholder{color:#94a3b8}.transactions-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.transactions-search-clear:hover{color:#475569}.transactions-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.transactions-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.transactions-filter-group{gap:8px;display:flex}.transactions-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.transactions-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.transactions-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.transactions-table-wrapper{width:100%;overflow-x:auto}.transactions-data-table{border-collapse:collapse;width:100%;font-size:13px}.transactions-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.transactions-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.transactions-data-table tbody tr:hover{background:#f8fafc}.transactions-data-table tbody tr:last-child td{border-bottom:none}.transactions-reference{color:#667eea;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.transactions-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;transition:all .3s}.transactions-copy-btn:hover{color:#667eea}.transactions-partner{font-weight:500}.transactions-amount{color:#0f172a;font-weight:700}.transactions-coin{font-weight:500}.transactions-network{color:#64748b;font-size:12px}.transactions-txhash-text{color:#64748b;background:#f8fafc;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:11px}.transactions-date{color:#64748b;white-space:nowrap;font-size:12px}.transactions-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.transactions-action-btn:hover{color:#667eea;background:#f1f5f9}.transactions-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.transactions-pagination-info{color:#64748b;font-size:13px}.transactions-pagination-controls{align-items:center;gap:8px;display:flex}.transactions-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.transactions-page-btn:hover:not(:disabled){color:#667eea;background:#f8fafc;border-color:#667eea}.transactions-page-btn:disabled{opacity:.4;cursor:not-allowed}.transactions-page-info{color:#475569;padding:0 8px;font-size:13px;font-weight:500}.transactions-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.transactions-page-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.transactions-page-size-select:focus{border-color:#667eea}.transactions-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.transactions-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.transactions-loading p{color:#94a3b8;font-size:14px}.transactions-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.transactions-error h3{color:#e53e3e;margin:0;font-size:18px}.transactions-error p{color:#64748b;font-size:14px}.transactions-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.transactions-error button:hover{background:#5a67d8}.transactions-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.transactions-empty-icon{color:#e2e8f0;font-size:48px}.transactions-empty h3{color:#1e293b;margin:0;font-size:18px}.transactions-empty p{color:#94a3b8;margin:0;font-size:14px}.transactions-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}.transactions-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.transactions-modal::-webkit-scrollbar{width:4px}.transactions-modal::-webkit-scrollbar-track{background:0 0}.transactions-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.transactions-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.transactions-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.transactions-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.transactions-modal-close:hover{color:#475569;background:#f1f5f9}.transactions-modal-body{padding:20px}.transactions-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.transactions-detail-item{flex-direction:column;gap:4px;display:flex}.transactions-detail-item.full{grid-column:1/-1}.transactions-detail-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:600}.transactions-detail-value{color:#1e293b;font-size:14px;font-weight:500}.transactions-detail-value.highlight{color:#667eea;font-size:16px;font-weight:700}.transactions-detail-value.amount{color:#48bb78;font-size:16px;font-weight:700}.transactions-detail-value.hash{word-break:break-all;font-family:Courier New,monospace;font-size:12px}.transactions-detail-value-with-copy{align-items:center;gap:8px;display:flex}.transactions-detail-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px;transition:all .3s}.transactions-detail-copy-btn:hover{color:#667eea}.transactions-detail-commissions{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:16px}.transactions-detail-subtitle{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:600}.transactions-commission-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.transactions-commission-item{background:#f8fafc;border-radius:6px;justify-content:space-between;padding:8px 12px;display:flex}.transactions-commission-label{color:#64748b;font-size:13px}.transactions-commission-value{color:#0f172a;font-size:13px;font-weight:600}.transactions-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.transactions-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.transactions-modal-btn.primary{color:#fff;background:#667eea}.transactions-modal-btn.primary:hover{background:#5a67d8}.transactions-modal-btn.secondary{color:#475569;background:#f1f5f9}.transactions-modal-btn.secondary:hover{background:#e2e8f0}@media (width<=1024px){.transactions-detail-grid,.transactions-commission-grid{grid-template-columns:1fr}}@media (width<=768px){.transactions-container{padding:14px 16px}.transactions-header{flex-direction:column;align-items:flex-start}.transactions-header-left,.transactions-header-right{width:100%}.transactions-title{font-size:20px}.transactions-search-bar{flex-direction:column}.transactions-search-box{min-width:unset;width:100%}.transactions-filter-group{width:100%}.transactions-filter-btn{flex:1;justify-content:center}.transactions-pagination{flex-direction:column;align-items:center}.transactions-modal{max-width:100%;max-height:95vh;margin:16px}.transactions-data-table{font-size:12px}.transactions-data-table thead th,.transactions-data-table tbody td{padding:8px 10px}}@media (width<=480px){.transactions-container{padding:10px 12px}.transactions-title{font-size:18px}.transactions-back-btn,.transactions-btn-secondary{padding:6px 12px;font-size:12px}.transactions-search-btn{padding:6px 14px;font-size:12px}.transactions-data-table{font-size:11px}.transactions-data-table thead th,.transactions-data-table tbody td{padding:6px 8px}.transactions-reference{font-size:10px}}.transactions-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.transactions-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.new-transaction-modal{max-width:550px!important}.transactions-form-group{margin-bottom:16px}.transactions-form-label{color:#2d3748;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.transactions-form-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.transactions-form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.transactions-form-input.error{border-color:#e53e3e}.transactions-form-input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 4px #e53e3e14}.transactions-form-select{color:#0f172a;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.transactions-form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.transactions-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.transactions-form-error{color:#e53e3e;margin-top:4px;font-size:12px;display:block}.transactions-form-info{color:#4a5568;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:13px}.transactions-form-info-list{color:#718096;margin:6px 0 0 20px;padding:0;font-size:12px}.transactions-form-info-list li{margin-bottom:4px}@media (width<=768px){.transactions-form-row{grid-template-columns:1fr;gap:0}.new-transaction-modal{max-width:100%!important;margin:16px!important}.transactions-btn-primary{padding:6px 14px;font-size:12px}}.dashboard-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.dashboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.dashboard-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dashboard-loading p{color:#a0aec0;font-size:14px}.dashboard-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.dashboard-error h3{color:#e53e3e;margin:0;font-size:20px}.dashboard-error p{color:#718096;max-width:400px;font-size:14px}.dashboard-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:8px 24px;font-size:14px;transition:all .3s}.dashboard-error button:hover{background:#5a67d8;transform:translateY(-2px)}.dashboard-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.dashboard-title{color:#0f172a;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.dashboard-subtitle{color:#64748b;margin:0;font-size:14px}.dashboard-subtitle .highlight{color:#0f172a;-webkit-text-fill-color:#0f172a;font-weight:700}.stats-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}.stat-card.clickable{cursor:pointer;transition:all .3s;position:relative}.stat-card.clickable:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.stat-card.clickable .stat-value{color:#667eea}.stat-card.clickable:after{content:"→";color:#a0aec0;opacity:0;font-size:14px;transition:all .3s;position:absolute;bottom:8px;right:12px}.stat-card.clickable:hover:after{opacity:1;transform:translate(4px)}.content-row{grid-template-columns:1.6fr 1fr;gap:20px;width:100%;display:grid}@keyframes barGrow{0%{height:0}}.chart-empty{color:#a0aec0;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.content-row{grid-template-columns:1fr 1fr}}@media (width<=992px){.dashboard-container{padding:16px 18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-row{grid-template-columns:1fr}}@media (width<=768px){.dashboard-container{padding:14px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:10px 14px}.stat-value{font-size:16px}.dashboard-title{font-size:22px}.header-left{width:100%}.header-right{justify-content:flex-start;width:100%}.btn-primary{padding:6px 14px;font-size:12px}.date-display{padding:6px 12px;font-size:11px}.content-card{min-height:180px;padding:14px 16px}.chart-container{min-height:140px}.chart-bar{max-width:28px}}@media (width<=480px){.dashboard-container{padding:10px 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:10px 12px}.stat-value{font-size:15px}.stat-title{font-size:11px}.stat-trend{padding:1px 8px;font-size:10px}.stat-icon-wrapper{width:28px;height:28px;font-size:12px}.btn-primary{padding:5px 10px;font-size:11px}.date-display{padding:4px 10px;font-size:10px}.card-title{font-size:13px}.chart-bar{max-width:20px}.chart-bar-label{font-size:7px}}.iso-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.iso-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.iso-header-left{flex-direction:column;gap:4px;display:flex}.iso-title{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:800;display:flex}.iso-title-icon{color:#667eea;font-size:28px}.iso-description{color:#64748b;margin:0;font-size:14px}.iso-header-right{flex-wrap:wrap;gap:10px;display:flex}.iso-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.iso-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.iso-btn-secondary{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.iso-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.iso-btn-download{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.iso-btn-download:hover{background:#f1f5f9;border-color:#cbd5e1}.iso-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}.iso-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.iso-stat-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 30px #00000014}.iso-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.iso-stat-info{flex-direction:column;gap:2px;display:flex}.iso-stat-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.iso-stat-label{color:#64748b;font-size:13px;font-weight:500}.iso-search-filter{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 18px;display:flex}.iso-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:250px;padding:0 14px;transition:all .3s;display:flex}.iso-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.iso-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.iso-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.iso-search-input::placeholder{color:#94a3b8}.iso-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.iso-search-clear:hover{color:#475569}.iso-filter-buttons{flex-wrap:wrap;gap:6px;display:flex}.iso-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .3s}.iso-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.iso-filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}.iso-filter-btn.active[style*=--filter-color]{background:var(--filter-color);border-color:var(--filter-color)}.iso-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;width:100%;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.iso-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.iso-table-title{color:#0f172a;font-size:16px;font-weight:700}.iso-table-wrapper{width:100%;overflow-x:auto}.iso-data-table{border-collapse:collapse;width:100%;font-size:13px}.iso-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.iso-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.iso-data-table tbody tr{transition:all .2s}.iso-data-table tbody tr:hover{background:#f8fafc}.iso-data-table tbody tr:last-child td{border-bottom:none}.iso-clickable-row{cursor:default}.iso-msg-id{color:#667eea;font-size:12px;font-weight:700}.iso-type-badge{border-radius:6px;padding:3px 12px;font-family:Courier New,monospace;font-size:11px;font-weight:700;display:inline-block}.iso-msg-party{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.iso-msg-amount{color:#0f172a;font-size:13px;font-weight:700}.iso-msg-date{color:#94a3b8;white-space:nowrap;font-size:12px}.iso-status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-flex}.iso-status-badge svg{font-size:11px}.iso-status-badge.success{color:#059669;background:#ecfdf5}.iso-status-badge.pending{color:#d97706;background:#fffbeb}.iso-status-badge.failed{color:#dc2626;background:#fef2f2}.iso-action-buttons{gap:4px;display:flex}.iso-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.iso-action-btn:hover{color:#667eea;background:#f1f5f9}.iso-action-btn:hover:nth-child(3){color:#059669}.iso-action-btn:hover:nth-child(4){color:#dc2626}.iso-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px 20px;display:flex}.iso-empty-icon{color:#e2e8f0;font-size:56px}.iso-empty-state h3{color:#1e293b;margin:0;font-size:20px}.iso-empty-state p{color:#94a3b8;margin:0;font-size:14px}@media (width<=1200px){.iso-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.iso-container{padding:16px 18px}.iso-search-filter{flex-direction:column;align-items:stretch}.iso-search-box{min-width:unset}.iso-filter-buttons{justify-content:flex-start}}@media (width<=768px){.iso-container{padding:14px 16px}.iso-header{flex-direction:column;align-items:flex-start;padding:16px 18px}.iso-header-right{width:100%}.iso-header-right .iso-btn-primary,.iso-header-right .iso-btn-secondary{flex:1;justify-content:center}.iso-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.iso-stat-card{padding:12px 14px}.iso-stat-value{font-size:18px}.iso-title{font-size:20px}.iso-data-table{font-size:12px}.iso-data-table thead th,.iso-data-table tbody td{padding:8px 10px}.iso-msg-amount{font-size:12px}.iso-action-btn{width:28px;height:28px;font-size:12px}.iso-table-card{padding:14px 16px}}@media (width<=480px){.iso-container{padding:10px 12px}.iso-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.iso-stat-card{gap:10px;padding:10px 12px}.iso-stat-value{font-size:16px}.iso-stat-icon{width:36px;height:36px;font-size:16px}.iso-header{padding:12px 14px}.iso-title{font-size:18px}.iso-title-icon{font-size:22px}.iso-search-filter{padding:10px 12px}.iso-filter-btn{padding:4px 12px;font-size:11px}.iso-data-table{font-size:11px}.iso-data-table thead th,.iso-data-table tbody td{padding:6px 8px}.iso-msg-id{font-size:10px}.iso-type-badge{padding:2px 8px;font-size:9px}.iso-status-badge{padding:2px 10px;font-size:10px}.iso-msg-date{font-size:10px}.iso-action-btn{width:24px;height:24px;font-size:11px}.iso-table-card{padding:10px 12px}.iso-btn-primary,.iso-btn-secondary{padding:6px 14px;font-size:12px}.iso-empty-icon{font-size:40px}.iso-empty-state h3{font-size:17px}}.iso-table-wrapper::-webkit-scrollbar{height:4px}.iso-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.iso-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.iso-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes isoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.iso-stat-card{animation:.4s forwards isoFadeIn}.iso-stat-card:first-child{animation-delay:50ms}.iso-stat-card:nth-child(2){animation-delay:.1s}.iso-stat-card:nth-child(3){animation-delay:.15s}.iso-stat-card:nth-child(4){animation-delay:.2s}.kyc-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.kyc-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.kyc-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.kyc-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.kyc-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.kyc-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.kyc-title-icon{color:#667eea;font-size:24px}.kyc-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.kyc-header-right{flex-wrap:wrap;gap:10px;display:flex}.kyc-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.kyc-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.kyc-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.kyc-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.kyc-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.kyc-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.kyc-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.kyc-search-input::placeholder{color:#94a3b8}.kyc-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.kyc-search-clear:hover{color:#475569}.kyc-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.kyc-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.kyc-filter-group{align-items:center;gap:8px;display:flex}.kyc-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s}.kyc-filter-select:focus{border-color:#667eea}.kyc-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.kyc-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.kyc-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.kyc-table-wrapper{width:100%;overflow-x:auto}.kyc-data-table{border-collapse:collapse;width:100%;font-size:13px}.kyc-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.kyc-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.kyc-data-table tbody tr:hover{background:#f8fafc}.kyc-data-table tbody tr:last-child td{border-bottom:none}.kyc-id{color:#667eea;font-size:12px;font-weight:600}.kyc-user{align-items:center;gap:8px;font-weight:500;display:flex}.kyc-user-icon{color:#94a3b8;font-size:14px}.kyc-email{color:#64748b}.kyc-docs-count{color:#64748b;background:#f8fafc;border-radius:12px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:inline-flex}.kyc-date{color:#64748b;white-space:nowrap;font-size:12px}.kyc-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.kyc-status-badge.pending{color:#ed8936;background:#fffbeb}.kyc-status-badge.approved{color:#48bb78;background:#f0fff4}.kyc-status-badge.rejected{color:#e53e3e;background:#fff5f5}.kyc-status-badge svg{font-size:12px}.kyc-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.kyc-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .3s;display:flex}.kyc-action-btn.view{color:#94a3b8;background:0 0}.kyc-action-btn.view:hover{color:#667eea;background:#f1f5f9}.kyc-action-btn.approve{color:#48bb78;background:#f0fff4}.kyc-action-btn.approve:hover{color:#fff;background:#48bb78;transform:scale(1.05)}.kyc-action-btn.reject{color:#e53e3e;background:#fff5f5}.kyc-action-btn.reject:hover{color:#fff;background:#e53e3e;transform:scale(1.05)}.kyc-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.kyc-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.kyc-pagination-info{color:#64748b;font-size:13px}.kyc-pagination-controls{align-items:center;gap:8px;display:flex}.kyc-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.kyc-page-btn:hover:not(:disabled){color:#667eea;background:#f8fafc;border-color:#667eea}.kyc-page-btn:disabled{opacity:.4;cursor:not-allowed}.kyc-page-info{color:#475569;padding:0 8px;font-size:13px;font-weight:500}.kyc-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.kyc-page-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.kyc-page-size-select:focus{border-color:#667eea}.kyc-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.kyc-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.kyc-loading p{color:#94a3b8;font-size:14px}.kyc-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.kyc-error h3{color:#e53e3e;margin:0;font-size:18px}.kyc-error p{color:#64748b;font-size:14px}.kyc-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.kyc-error button:hover{background:#5a67d8}.kyc-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.kyc-empty-icon{color:#e2e8f0;font-size:48px}.kyc-empty h3{color:#1e293b;margin:0;font-size:18px}.kyc-empty p{color:#94a3b8;margin:0;font-size:14px}.kyc-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}.kyc-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.kyc-modal::-webkit-scrollbar{width:4px}.kyc-modal::-webkit-scrollbar-track{background:0 0}.kyc-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.kyc-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.kyc-modal-title{color:#0f172a;align-items:center;margin:0;font-size:18px;font-weight:700;display:flex}.kyc-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.kyc-modal-close:hover{color:#475569;background:#f1f5f9}.kyc-modal-body{padding:20px}.kyc-detail-section{margin-bottom:24px}.kyc-detail-section:last-child{margin-bottom:0}.kyc-detail-section-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.kyc-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kyc-detail-item{background:#f8fafc;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.kyc-detail-label{text-transform:uppercase;letter-spacing:.3px;color:#94a3b8;font-size:11px;font-weight:600}.kyc-detail-value{color:#1e293b;font-size:14px;font-weight:500}.kyc-document-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:14px 16px}.kyc-document-card:last-child{margin-bottom:0}.kyc-document-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.kyc-document-type{color:#0f172a;align-items:center;gap:8px;font-weight:600;display:flex}.kyc-document-id{color:#94a3b8;font-size:12px}.kyc-document-fields{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.kyc-document-field{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.kyc-document-field-label{color:#64748b;font-weight:500}.kyc-document-field-value{color:#0f172a;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:500;overflow:hidden}.kyc-document-images{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.kyc-document-images-label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.kyc-document-images-grid{flex-wrap:wrap;gap:8px;display:flex}.kyc-document-image-link{color:#667eea;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;text-decoration:none;transition:all .3s;display:inline-flex}.kyc-document-image-link:hover{background:#f7fafc;border-color:#667eea;transform:translateY(-1px)}.kyc-document-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.kyc-modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex;position:sticky;bottom:0}.kyc-modal-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.kyc-modal-btn.approve{color:#fff;background:#48bb78}.kyc-modal-btn.approve:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.kyc-modal-btn.reject{color:#fff;background:#e53e3e}.kyc-modal-btn.reject:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}.kyc-modal-btn.secondary{color:#475569;background:#f1f5f9}.kyc-modal-btn.secondary:hover{background:#e2e8f0}.kyc-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (width<=1024px){.kyc-detail-grid,.kyc-document-fields{grid-template-columns:1fr}}@media (width<=768px){.kyc-container{padding:14px 16px}.kyc-header{flex-direction:column;align-items:flex-start}.kyc-header-left{flex-wrap:wrap;width:100%}.kyc-header-right{width:100%}.kyc-title{font-size:20px}.kyc-search-bar{flex-direction:column}.kyc-search-box{min-width:unset;width:100%}.kyc-filter-group{flex-wrap:wrap;width:100%}.kyc-filter-select{flex:1}.kyc-filter-btn{flex:1;justify-content:center}.kyc-pagination{flex-direction:column;align-items:center}.kyc-modal{max-width:100%;max-height:95vh;margin:16px}.kyc-data-table{font-size:12px}.kyc-data-table thead th,.kyc-data-table tbody td{padding:8px 10px}.kyc-action-buttons{flex-wrap:wrap}.kyc-action-btn{width:28px;height:28px;font-size:12px}}@media (width<=480px){.kyc-container{padding:10px 12px}.kyc-title{font-size:18px}.kyc-back-btn,.kyc-btn-secondary{padding:6px 12px;font-size:12px}.kyc-search-btn{padding:6px 14px;font-size:12px}.kyc-data-table{font-size:11px}.kyc-data-table thead th,.kyc-data-table tbody td{padding:6px 8px}.kyc-id{font-size:10px}.kyc-status-badge{padding:2px 10px;font-size:10px}.kyc-modal{margin:8px}.kyc-modal-body{padding:12px}.kyc-document-fields{grid-template-columns:1fr}}.kyc-image-modal-overlay{z-index:3000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}.kyc-image-modal{background:#1a202c;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;max-width:90vw;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;display:flex;box-shadow:0 20px 60px #000c}.kyc-image-modal-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.kyc-image-modal-title{color:#fff;align-items:center;margin:0;font-size:16px;font-weight:600;display:flex}.kyc-image-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.kyc-image-modal-close:hover{color:#fff;background:#ffffff1a}.kyc-image-modal-body{flex:1;justify-content:center;align-items:center;min-height:300px;max-height:70vh;padding:16px;display:flex;overflow:hidden}.kyc-image-modal-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 20px #0000004d}.kyc-image-modal-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.kyc-image-modal-link{color:#667eea;background:#667eea1a;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.kyc-image-modal-link:hover{background:#667eea33;transform:translateY(-1px)}.kyc-image-modal-close-btn{color:#a0aec0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .3s}.kyc-image-modal-close-btn:hover{color:#fff;background:#ffffff1a}.kyc-document-image-btn{color:#667eea;cursor:pointer;background:#667eea14;border:1px solid #667eea26;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;text-decoration:none;transition:all .3s;display:inline-flex}.kyc-document-image-btn:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.kyc-image-expand{color:#94a3b8;margin-left:2px;font-size:10px}.kyc-document-image-btn:hover .kyc-image-expand{color:#667eea}.kyc-image-error{color:#a0aec0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.kyc-image-error svg{color:#ed8936;font-size:48px}.kyc-image-error p{margin:0;font-size:14px}.kyc-image-error a{color:#667eea;border:1px solid #667eea4d;border-radius:6px;padding:6px 16px;font-weight:500;text-decoration:none;transition:all .3s}.kyc-image-error a:hover{background:#667eea1a}@media (width<=768px){.kyc-image-modal{max-width:95vw;max-height:95vh}.kyc-image-modal-body{min-height:200px;max-height:60vh;padding:10px}.kyc-image-modal-footer{flex-direction:column;align-items:stretch}.kyc-image-modal-link{justify-content:center}.kyc-image-modal-close-btn{justify-content:center;width:100%}.kyc-document-image-btn{padding:4px 12px;font-size:11px}}@media (width<=480px){.kyc-image-modal{border-radius:0;max-width:100vw;max-height:100vh}.kyc-image-modal-body{min-height:150px;max-height:50vh;padding:8px}.kyc-image-modal-header{padding:10px 14px}.kyc-image-modal-title{font-size:14px}.kyc-image-modal-footer{padding:8px 14px}}.super-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.super-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.super-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.super-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.super-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.super-title-icon{color:#667eea;font-size:24px}.super-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.super-header-right{flex-wrap:wrap;gap:10px;display:flex}.super-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.super-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.super-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.super-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.super-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.super-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.super-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.super-search-input::placeholder{color:#94a3b8}.super-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.super-search-clear:hover{color:#475569}.super-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.super-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.super-filter-group{align-items:center;gap:8px;display:flex}.super-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s}.super-filter-select:focus{border-color:#667eea}.super-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.super-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.super-table-wrapper{width:100%;overflow-x:auto}.super-data-table{border-collapse:collapse;width:100%;font-size:13px}.super-data-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.super-data-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.super-data-table tbody tr:hover{background:#f8fafc}.super-data-table tbody tr:last-child td{border-bottom:none}.super-reference{color:#667eea;font-size:12px;font-weight:600}.super-amount{color:#0f172a;font-weight:700}.super-coin{font-weight:500}.super-user{color:#64748b;font-size:12px}.super-date{color:#64748b;white-space:nowrap;font-size:12px}.super-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.super-status-badge.initiated{color:#ed8936;background:#fffbeb}.super-status-badge.confirmed{color:#48bb78;background:#f0fff4}.super-status-badge.approved{color:#4299e1;background:#ebf8ff}.super-status-badge.completed{color:#48bb78;background:#f0fff4}.super-status-badge.failed,.super-status-badge.rejected{color:#e53e3e;background:#fff5f5}.super-status-badge svg{font-size:12px}.super-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.super-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .3s;display:flex}.super-action-btn.view{color:#94a3b8;background:0 0}.super-action-btn.view:hover{color:#667eea;background:#f1f5f9}.super-action-btn.confirm{color:#48bb78;background:#f0fff4}.super-action-btn.confirm:hover{color:#fff;background:#48bb78;transform:scale(1.05)}.super-action-btn.approve{color:#4299e1;background:#ebf8ff}.super-action-btn.approve:hover{color:#fff;background:#4299e1;transform:scale(1.05)}.super-action-btn.reject{color:#e53e3e;background:#fff5f5}.super-action-btn.reject:hover{color:#fff;background:#e53e3e;transform:scale(1.05)}.super-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.super-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.super-pagination-info{color:#64748b;font-size:13px}.super-pagination-controls{align-items:center;gap:8px;display:flex}.super-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.super-page-btn:hover:not(:disabled){color:#667eea;background:#f8fafc;border-color:#667eea}.super-page-btn:disabled{opacity:.4;cursor:not-allowed}.super-page-info{color:#475569;padding:0 8px;font-size:13px;font-weight:500}.super-pagination-size{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.super-page-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.super-page-size-select:focus{border-color:#667eea}.super-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.super-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.super-loading p{color:#94a3b8;font-size:14px}.super-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.super-error h3{color:#e53e3e;margin:0;font-size:18px}.super-error p{color:#64748b;font-size:14px}.super-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.super-error button:hover{background:#5a67d8}.super-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.super-empty-icon{color:#e2e8f0;font-size:48px}.super-empty h3{color:#1e293b;margin:0;font-size:18px}.super-empty p{color:#94a3b8;margin:0;font-size:14px}.super-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFade;display:flex;position:fixed;inset:0}.super-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.super-modal::-webkit-scrollbar{width:4px}.super-modal::-webkit-scrollbar-track{background:0 0}.super-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.super-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.super-modal-title{color:#0f172a;align-items:center;margin:0;font-size:18px;font-weight:700;display:flex}.super-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.super-modal-close:hover{color:#475569;background:#f1f5f9}.super-modal-body{padding:20px}.super-modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex;position:sticky;bottom:0}.super-modal-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.super-modal-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.super-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.super-modal-btn.confirm{color:#fff;background:#48bb78}.super-modal-btn.confirm:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.super-modal-btn.approve{color:#fff;background:#4299e1}.super-modal-btn.approve:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.super-modal-btn.reject{color:#fff;background:#e53e3e}.super-modal-btn.reject:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}.super-modal-btn.secondary{color:#475569;background:#f1f5f9}.super-modal-btn.secondary:hover{background:#e2e8f0}.super-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.new-transfer-modal{max-width:550px!important}.super-form-group{margin-bottom:16px}.super-form-label{color:#2d3748;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.super-form-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.super-form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.super-form-input.error{border-color:#e53e3e}.super-form-input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 4px #e53e3e14}.super-form-select{color:#0f172a;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.super-form-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.super-form-select.error{border-color:#e53e3e}.super-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.super-form-error{color:#e53e3e;margin-top:4px;font-size:12px;display:block}.super-form-info{color:#4a5568;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:13px}.details-modal{max-width:650px!important}.super-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.super-detail-item{background:#f8fafc;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.super-detail-item.full{grid-column:1/-1}.super-detail-label{text-transform:uppercase;letter-spacing:.3px;color:#94a3b8;font-size:11px;font-weight:600}.super-detail-value{color:#1e293b;font-size:14px;font-weight:500}.super-detail-value.highlight{color:#667eea;font-weight:700}.super-detail-value.amount{color:#48bb78;font-size:16px;font-weight:700}.super-detail-value.hash{word-break:break-all;font-family:Courier New,monospace;font-size:12px}@media (width<=1024px){.super-detail-grid{grid-template-columns:1fr}}@media (width<=768px){.super-container{padding:14px 16px}.super-header{flex-direction:column;align-items:flex-start}.super-header-left{flex-wrap:wrap;width:100%}.super-header-right{width:100%}.super-title{font-size:20px}.super-search-bar{flex-direction:column}.super-search-box{min-width:unset;width:100%}.super-filter-group{flex-wrap:wrap;width:100%}.super-filter-select{flex:1}.super-filter-btn{flex:1;justify-content:center}.super-pagination{flex-direction:column;align-items:center}.super-modal{max-width:100%;max-height:95vh;margin:16px}.super-data-table{font-size:12px}.super-data-table thead th,.super-data-table tbody td{padding:8px 10px}.super-form-row{grid-template-columns:1fr;gap:0}.new-transfer-modal,.details-modal{max-width:100%!important}}@media (width<=480px){.super-container{padding:10px 12px}.super-title{font-size:18px}.super-back-btn,.super-btn-secondary{padding:6px 12px;font-size:12px}.super-btn-primary,.super-search-btn{padding:6px 14px;font-size:12px}.super-data-table{font-size:11px}.super-data-table thead th,.super-data-table tbody td{padding:6px 8px}.super-reference{font-size:10px}.super-status-badge{padding:2px 10px;font-size:10px}.super-action-btn{width:26px;height:26px;font-size:11px}}.super-accounts-container{box-sizing:border-box;background:#f0f4f8;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);padding:20px 24px 24px;display:flex}.super-accounts-header{border-bottom:2px solid #667eea14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:16px;display:flex}.super-accounts-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.super-accounts-back-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-accounts-back-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translate(-2px)}.super-accounts-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.super-accounts-title-icon{color:#667eea;font-size:24px}.super-accounts-total{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.super-accounts-header-right{flex-wrap:wrap;gap:10px;display:flex}.super-accounts-btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-accounts-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.super-accounts-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.super-accounts-search-box{background:#f8fafc;border:2px solid #0000;border-radius:10px;flex:1;align-items:center;min-width:280px;padding:0 14px;transition:all .3s;display:flex}.super-accounts-search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.super-accounts-search-icon{color:#94a3b8;margin-right:10px;font-size:14px}.super-accounts-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.super-accounts-search-input::placeholder{color:#94a3b8}.super-accounts-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;transition:all .3s}.super-accounts-search-clear:hover{color:#475569}.super-accounts-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-left:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.super-accounts-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.super-accounts-filter-group{align-items:center;gap:8px;display:flex}.super-accounts-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-accounts-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.super-accounts-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:100%;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.super-accounts-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.super-accounts-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.super-accounts-loading p{color:#94a3b8;font-size:14px}.super-accounts-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.super-accounts-error h3{color:#e53e3e;margin:0;font-size:18px}.super-accounts-error p{color:#64748b;font-size:14px}.super-accounts-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .3s}.super-accounts-error button:hover{background:#5a67d8}.super-accounts-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.super-accounts-empty-icon{color:#e2e8f0;font-size:48px}.super-accounts-empty h3{color:#1e293b;margin:0;font-size:18px}.super-accounts-empty p{color:#94a3b8;margin:0;font-size:14px}.super-accounts-list{flex-direction:column;gap:16px;display:flex}.super-account-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden}.super-account-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000a}.super-account-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.super-account-header:hover{background:#00000005}.super-account-info{flex:1;align-items:center;gap:14px;display:flex}.super-account-icon{color:#667eea;background:#667eea1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.super-account-details{flex-direction:column;gap:4px;display:flex}.super-account-label{color:#0f172a;margin:0;font-size:16px;font-weight:600}.super-account-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.super-account-email{align-items:center;gap:6px;display:flex}.super-account-email svg{color:#94a3b8;font-size:12px}.super-account-id{color:#94a3b8;font-family:Courier New,monospace;font-size:12px}.super-account-stats{flex-shrink:0;align-items:center;gap:20px;display:flex}.super-account-balance-total{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.super-account-balance-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.super-account-assets-count{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex}.super-account-assets-count svg{color:#667eea;font-size:12px}.super-account-expand-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.super-account-expand-btn:hover{color:#667eea;background:#f1f5f9}.super-account-body{border-top:1px solid #e2e8f0;padding:0 20px 20px;animation:.3s slideDown}.super-account-balances{padding-top:16px}.super-account-balances-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.super-account-balances-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.super-account-toggle-balances{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:500;transition:all .3s}.super-account-toggle-balances:hover{background:#667eea14}.super-account-balances-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.super-account-balance-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .3s;display:flex}.super-account-balance-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000a}.super-account-balance-coin{align-items:center;gap:8px;display:flex}.super-account-balance-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.super-account-balance-coin-name{color:#0f172a;font-size:13px;font-weight:600}.super-account-balance-network{color:#94a3b8;font-size:11px}.super-account-balance-amount{align-items:center;gap:10px;display:flex}.super-account-balance-value{color:#0f172a;font-size:13px;font-weight:600}.super-account-balance-status{border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:600;display:inline-flex}.super-account-balance-status.active{color:#48bb78;background:#f0fff4}.super-account-balance-status.inactive{color:#94a3b8;background:#f8fafc}.super-account-balance-status svg{font-size:10px}.super-account-balances-summary{padding:12px 0}.super-account-active-assets{flex-direction:column;gap:8px;display:flex}.super-account-active-assets p{color:#64748b;margin:0;font-size:13px}.super-account-quick-balances{flex-wrap:wrap;gap:8px;display:flex}.super-account-quick-balance{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.super-account-quick-coin{color:#667eea;font-weight:700}.super-account-no-assets{color:#94a3b8;margin:0;font-size:13px}.super-account-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;display:flex}.super-account-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.super-account-action-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.super-account-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.super-account-action-btn.secondary{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.super-account-action-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e0}@media (width<=1024px){.super-account-balances-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=768px){.super-accounts-container{padding:14px 16px}.super-accounts-header{flex-direction:column;align-items:flex-start}.super-accounts-header-left{flex-wrap:wrap;width:100%}.super-accounts-header-right{width:100%}.super-accounts-title{font-size:20px}.super-accounts-search-bar{flex-direction:column}.super-accounts-search-box{min-width:unset;width:100%}.super-accounts-filter-group{width:100%}.super-accounts-filter-btn{flex:1;justify-content:center}.super-account-header{flex-direction:column;align-items:flex-start;gap:12px}.super-account-stats{justify-content:space-between;width:100%}.super-account-balance-total{align-items:flex-start}.super-account-balances-grid{grid-template-columns:1fr}.super-account-balances-header{flex-direction:column;align-items:flex-start;gap:8px}.super-account-actions{flex-direction:column}.super-account-action-btn{justify-content:center}.super-account-meta{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=480px){.super-accounts-container{padding:10px 12px}.super-accounts-title{font-size:18px}.super-accounts-back-btn,.super-accounts-btn-secondary{padding:6px 12px;font-size:12px}.super-accounts-search-btn{padding:6px 14px;font-size:12px}.super-account-label,.super-account-balance-value{font-size:14px}.super-account-balance-item{flex-direction:column;align-items:flex-start;gap:6px}.super-account-balance-amount{justify-content:space-between;width:100%}.super-account-stats{flex-wrap:wrap}}.main-content{box-sizing:border-box;background:#f7fafc;flex-direction:column;gap:20px;width:100%;max-width:100%;min-height:calc(100vh - 116px);margin-top:116px;padding:20px 24px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.main-content.sidebar-collapsed{width:100%;max-width:100%}.content-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.header-left{flex-direction:column;gap:2px;display:flex}.page-title{color:#1a202c;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.page-subtitle{color:#718096;margin:0;font-size:14px}.page-subtitle .highlight{color:#2d3748;font-weight:600}.header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.date-display{color:#718096;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px}.stats-grid{flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}.stat-card{background:#fff;border:1px solid #00000005;border-radius:12px;flex-direction:column;min-width:0;padding:14px 18px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.stat-trend{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:flex}.stat-trend.up{color:#48bb78;background:#f0fff4}.stat-trend.down{color:#e53e3e;background:#fff5f5}.stat-trend.neutral{color:#ed8936;background:#fffbeb}.stat-body{flex-direction:column;flex:1;gap:1px;display:flex}.stat-value{color:#1a202c;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700;line-height:1.2}.stat-title{color:#718096;margin:0;font-size:12px;font-weight:500}.stat-change-label{color:#a0aec0;font-size:10px}.content-row{flex:1;grid-template-columns:1.6fr 1fr;gap:20px;width:100%;display:grid}.content-row:last-child{margin-bottom:0}.content-card{box-sizing:border-box;background:#fff;border:1px solid #00000005;border-radius:12px;flex-direction:column;width:100%;height:100%;min-height:200px;padding:18px 20px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.content-card:hover{box-shadow:0 8px 25px #0000000f}.card-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:14px;display:flex}.card-title{color:#1a202c;margin:0;font-size:15px;font-weight:600}.card-action-link{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .3s;display:flex}.card-action-link:hover{background:#667eea14}.card-action-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .3s}.card-action-btn.active{color:#fff;background:#667eea}.card-action-btn:hover:not(.active){background:#f7fafc}.card-actions{gap:3px;display:flex}.chart-container{flex:1;align-items:flex-end;width:100%;min-height:160px;padding:4px 0;display:flex}.chart-bars{justify-content:space-around;align-items:flex-end;gap:6px;width:100%;height:100%;padding:0 4px;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:4px 4px 0 0;width:100%;max-width:36px;min-height:8px;transition:all .6s cubic-bezier(.4,0,.2,1);animation:.8s ease-out barGrow;position:relative}.chart-bar:hover{opacity:.85;transform-origin:bottom;transform:scaleX(1.05)}.chart-bar-value{color:#4a5568;opacity:0;font-size:9px;font-weight:600;transition:opacity .3s;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-bar-value{opacity:1}.chart-bar-label{color:#a0aec0;text-align:center;margin-top:4px;font-size:9px}.commission-list{flex-direction:column;flex:1;gap:6px;width:100%;display:flex}.commission-item{box-sizing:border-box;background:#f7fafc;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;transition:all .3s;display:flex}.commission-item:hover{background:#edf2f7}.commission-item.total{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea1f;padding:8px 12px;font-weight:600}.commission-info{align-items:center;gap:8px;display:flex}.commission-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.commission-label{color:#2d3748;font-size:12px}.commission-value{color:#1a202c;font-size:12px;font-weight:600}.commission-footer{border-top:1px solid #e2e8f0;flex-shrink:0;width:100%;margin-top:10px;padding-top:10px}.commission-summary{color:#718096;justify-content:space-between;align-items:center;width:100%;font-size:11px;display:flex}.split-details{color:#667eea;font-weight:500}.table-wrapper{flex:1;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table thead th{text-align:left;color:#4a5568;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e2e8f0;padding:8px 10px;font-size:11px;font-weight:600}.data-table tbody td{color:#2d3748;border-bottom:1px solid #f0f4f8;padding:8px 10px}.data-table tbody tr:hover{background:#f7fafc}.data-table tbody tr:last-child td{border-bottom:none}.tx-id{color:#667eea;font-size:11px;font-weight:500}.tx-amount{font-weight:600}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.status-badge.success{color:#48bb78;background:#f0fff4}.status-badge.pending{color:#ed8936;background:#fffbeb}.status-badge.failed{color:#e53e3e;background:#fff5f5}.status-badge svg{font-size:10px}.pgl-list{flex-direction:column;flex:1;gap:6px;width:100%;display:flex}.pgl-item{box-sizing:border-box;background:#f7fafc;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;transition:all .3s;display:flex}.pgl-item:hover{background:#edf2f7}.pgl-info{align-items:center;gap:8px;display:flex}.pgl-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pgl-dot.active{background:#48bb78;animation:2s infinite pulse}.pgl-id{color:#2d3748;font-size:12px;font-weight:500}.pgl-type{color:#718096;font-size:11px}.pgl-footer{border-top:1px solid #e2e8f0;flex-shrink:0;width:100%;margin-top:10px;padding-top:10px}.pgl-summary{color:#718096;justify-content:space-between;align-items:center;width:100%;font-size:11px;display:flex}.pgl-status-all{color:#48bb78;font-weight:500}.integration-list{flex-direction:column;flex:1;gap:6px;width:100%;display:flex}.integration-item{box-sizing:border-box;background:#f7fafc;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;transition:all .3s;display:flex}.integration-item:hover{background:#edf2f7}.integration-info{align-items:center;gap:8px;display:flex}.integration-icon{color:#667eea;font-size:13px}.integration-name{color:#2d3748;font-size:12px}.integration-status{align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.integration-status.connected{color:#48bb78}.integration-status.connected svg{font-size:11px}.integration-status-label{color:#48bb78;background:#f0fff4;border-radius:20px;padding:2px 12px;font-size:11px;font-weight:500}.audit-list{flex-direction:column;flex:1;gap:6px;width:100%;max-height:200px;display:flex;overflow-y:auto}.audit-list::-webkit-scrollbar{width:3px}.audit-list::-webkit-scrollbar-track{background:0 0}.audit-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.audit-item{box-sizing:border-box;background:#f7fafc;border-radius:6px;width:100%;padding:6px 12px;transition:all .3s}.audit-item:hover{background:#edf2f7}.audit-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;display:flex}.audit-date{color:#a0aec0;font-size:10px}.audit-action{color:#2d3748;margin:0;font-size:12px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.content-row{grid-template-columns:1fr 1fr}}@media (width<=992px){.main-content{padding:16px 18px 18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-row{grid-template-columns:1fr}.header-right .btn-secondary{display:none}}@media (width<=768px){.main-content{margin-top:108px;padding:14px 16px 16px;width:100%!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:10px 14px}.stat-value{font-size:16px}.page-title{font-size:18px}.header-left{width:100%}.header-right{justify-content:flex-start;width:100%}.btn-primary{padding:6px 14px;font-size:12px}.date-display{padding:6px 12px;font-size:11px}.content-card{min-height:180px;padding:14px 16px 16px}.chart-container{min-height:140px}.chart-bar{max-width:28px}}@media (width<=480px){.main-content{padding:10px 12px 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:10px 12px}.stat-value{font-size:15px}.stat-title{font-size:11px}.stat-trend{padding:1px 8px;font-size:10px}.stat-icon-wrapper{width:28px;height:28px;font-size:12px}.header-right .btn-primary{padding:5px 10px;font-size:11px}.date-display{padding:4px 10px;font-size:10px}.card-title{font-size:13px}.chart-bar{max-width:20px}.chart-bar-label{font-size:7px}}.page-placeholder{color:#a0aec0;text-align:center;text-align:center;background:#fff;border:1px solid #00000005;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;padding:40px;font-size:24px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000a}.page-placeholder-icon{margin-bottom:16px;font-size:64px}.page-placeholder h2{color:#1a202c;margin:0 0 8px;font-size:24px;font-weight:700}.page-placeholder p{color:#a0aec0;margin:0;font-size:16px}.layout{background:#f7fafc;min-height:100vh;display:flex}.layout-main{flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.layout-main.sidebar-collapsed{width:calc(100% - 60px);margin-left:60px}@media (width<=768px){.layout-main,.layout-main.sidebar-collapsed{width:100%!important;margin-left:0!important}}.login-container{background:linear-gradient(135deg,#0f0c29 0%,#1a1a3e 50%,#24243e 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-bg-circle{opacity:.1;border-radius:50%;position:absolute}.login-bg-circle-1{background:linear-gradient(135deg,#667eea,#764ba2);width:600px;height:600px;animation:20s ease-in-out infinite loginFloat;top:-200px;right:-200px}.login-bg-circle-2{background:linear-gradient(135deg,#764ba2,#667eea);width:400px;height:400px;animation:25s ease-in-out infinite reverse loginFloat;bottom:-100px;left:-100px}.login-bg-circle-3{background:#667eea26;width:200px;height:200px;animation:10s ease-in-out infinite loginPulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loginFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes loginPulse{0%,to{opacity:.1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.05;transform:translate(-50%,-50%)scale(1.5)}}.login-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:1100px;min-height:600px;margin:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.login-branding{background:linear-gradient(135deg,#667eea26,#764ba226);flex:1;justify-content:center;align-items:center;min-width:300px;padding:48px 40px;display:flex}.login-branding-content{color:#fff;max-width:380px}.login-logo{align-items:center;gap:12px;margin-bottom:40px;display:flex}.login-logo-icon{color:#667eea;font-size:32px}.login-logo-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.login-branding-title{margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.2}.login-branding-subtitle{color:#fff9;margin:0 0 32px;font-size:16px;line-height:1.6}.login-features{flex-direction:column;gap:12px;display:flex}.login-feature{color:#ffffffb3;align-items:center;gap:12px;font-size:14px;display:flex}.login-feature-icon{color:#667eea;width:20px;font-size:16px}.login-form-wrapper{flex:1;justify-content:center;align-items:center;min-width:340px;padding:48px 40px;display:flex}.login-form-container{width:100%;max-width:400px}.login-form-header{margin-bottom:32px}.login-form-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.login-form-subtitle{color:#ffffff80;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#fc8181;background:#e53e3e26;border:1px solid #e53e3e4d;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;animation:.4s loginShake;display:flex}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-error-icon{font-size:16px}.login-form-group{flex-direction:column;gap:6px;display:flex}.login-label{color:#ffffffb3;font-size:13px;font-weight:600}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#ffffff4d;font-size:16px;transition:color .3s;position:absolute;left:14px}.login-input{color:#fff;background:#ffffff0d;border:2px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 16px 12px 44px;font-size:15px;transition:all .3s}.login-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.login-input:focus+.login-input-icon,.login-input:focus~.login-input-icon{color:#667eea}.login-input::placeholder{color:#ffffff40}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input-error{border-color:#e53e3e80}.login-input-error:focus{border-color:#e53e3e80;box-shadow:0 0 0 4px #e53e3e26}.login-password-toggle{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;transition:color .3s;position:absolute;right:14px}.login-password-toggle:hover{color:#fff9}.login-options{justify-content:space-between;align-items:center;margin:4px 0;display:flex}.login-checkbox{color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.login-checkbox input{display:none}.login-checkmark{border:2px solid #fff3;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .3s;display:inline-block;position:relative}.login-checkbox input:checked+.login-checkmark{background:#667eea;border-color:#667eea}.login-checkbox input:checked+.login-checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-checkbox:hover .login-checkmark{border-color:#fff6}.login-forgot-link{color:#ffffff80;font-size:13px;text-decoration:none;transition:color .3s}.login-forgot-link:hover{color:#667eea}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #667eea66}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-submit-btn svg{font-size:18px}.login-submit-loading{gap:12px}.login-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:8px}.login-footer-text{color:#fff6;margin:0 0 4px;font-size:13px}.login-footer-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s}.login-footer-link:hover{color:#764ba2}.login-footer-version{color:#ffffff26;letter-spacing:.5px;margin:0;font-size:11px}@media (width<=1024px){.login-wrapper{max-width:900px;min-height:500px}.login-branding,.login-form-wrapper{padding:40px 32px}.login-branding-title{font-size:30px}}@media (width<=768px){.login-wrapper{border-radius:20px;flex-direction:column;max-width:450px;min-height:auto;margin:16px}.login-branding{min-width:unset;border-radius:20px 20px 0 0;padding:32px 28px}.login-branding-content{text-align:center;max-width:100%}.login-logo{justify-content:center}.login-branding-title{font-size:28px}.login-features{align-items:center}.login-form-wrapper{min-width:unset;padding:32px 28px}.login-form-container{max-width:100%}.login-form-title{font-size:24px}.login-bg-circle-1{width:300px;height:300px;top:-100px;right:-100px}.login-bg-circle-2{width:200px;height:200px;bottom:-50px;left:-50px}}@media (width<=480px){.login-wrapper{border-radius:16px;margin:12px}.login-branding{padding:24px 20px}.login-branding-title{font-size:24px}.login-branding-subtitle{font-size:14px}.login-form-wrapper{padding:24px 20px}.login-form-title{font-size:22px}.login-input{padding:10px 14px 10px 40px;font-size:14px}.login-submit-btn{padding:12px 20px;font-size:14px}.login-options{flex-direction:column;align-items:flex-start;gap:12px}.login-bg-circle-1{width:200px;height:200px;top:-80px;right:-80px}.login-bg-circle-2{width:150px;height:150px;bottom:-40px;left:-40px}}.login-input-wrapper .login-input-icon-tag{color:#667eea!important}#tag{letter-spacing:.5px;font-weight:500}#tag::placeholder{letter-spacing:0;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background:#f7fafc;min-height:100vh}:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--border-color:#e2e8f0;--bg-light:#f7fafc;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 25px #0000001f;--sidebar-width:260px;--sidebar-collapsed-width:60px;--navbar-height:64px;--subnavbar-height:52px;--header-total-height:116px}.app-loading{color:#fff;background:linear-gradient(135deg,#0f0c29 0%,#1a1a3e 50%,#24243e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading-spinner{border:3px solid #ffffff1a;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:.8s linear infinite appSpin}@keyframes appSpin{to{transform:rotate(360deg)}}.app-loading p{color:#fff9;font-size:16px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}