:root{--primary: #49b749;--primary-dark: #2f9d2f;--primary-light: rgba(73,183,73,0.1);--secondary: #6b7280;--success: #059669;--danger: #dc2626;--warning: #d97706;--info: #0891b2;--light: #fafafa;--dark: #09090b;--border: #e4e4e7;--text: #18181b;--text-muted: #71717a;--bg: #ffffff;--bg-secondary: #f4f4f5;--shadow: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-lg: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--radius: 8px;--radius-lg: 12px} [data-theme="dark"]{--light: #09090b;--dark: #fafafa;--border: #27272a;--text: #fafafa;--text-muted: #a1a1aa;--bg: #18181b;--bg-secondary: #27272a} *{box-sizing: border-box;margin: 0;padding: 0} body{font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background: var(--light);color: var(--text);line-height: 1.5;font-size: 14px;transition: all 0.2s ease} .login-container{display: flex;justify-content: center;align-items: center;min-height: 100vh;background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding: 1rem} .login-card{background: var(--bg);padding: 2rem;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);width: 100%;max-width: 360px;border: 1px solid var(--border)} .login-header{text-align: center;margin-bottom: 1.5rem} .login-header p{color: var(--text-muted);font-size: 0.8rem} .login-logo{height: 60px;margin-bottom: 15px} .form-group{margin-bottom: 1rem} .form-group label{display: block;margin-bottom: 0.375rem;font-weight: 500;color: var(--text);font-size: 0.8rem} .form-input{width: 100%;padding: 0.625rem 0.75rem;border: 1px solid var(--border);border-radius: var(--radius);font-size: 0.875rem;background: var(--bg);color: var(--text);transition: all 0.15s ease} .form-input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 2px var(--primary-light)} .form-help{color: var(--text-muted);font-size: 0.75rem;margin-top: 0.375rem;display: block} .form-help--block{margin-top: 0.5rem} .checkbox-label{display: flex;align-items: center;gap: 0.5rem;font-weight: normal} .app-edit-header{display: grid;grid-template-columns: 1fr auto;gap: 1rem;align-items: center;margin-bottom: 1.5rem} .app-edit-header .page-header-text{text-align: left} .app-edit-header .btn{justify-self: end} .app-form-content{max-width: 36rem} .app-form .card{margin-bottom: 1.25rem} .app-form .card:last-of-type{margin-bottom: 1rem} .app-form-actions{margin-top: 1.5rem;display: flex;justify-content: flex-end} .app-form-logo-preview{display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;padding: 1rem;background: var(--bg-secondary);border-radius: var(--radius)} .app-form-logo-preview img{width: 64px;height: 64px;border-radius: 50%;border: 1px solid var(--border);object-fit: cover} .app-form-logo-label{font-weight: 500;margin-bottom: 0.5rem} .auth-methods-grid{display: flex;flex-wrap: wrap;gap: 1rem;margin-bottom: 1rem} .auth-method-checkbox{display: flex;align-items: center;gap: 0.5rem;font-weight: normal;cursor: pointer} .auth-method-toggles{display: flex;flex-direction: column;gap: 0.5rem} .auth-method-toggle-row{position: relative} .auth-method-hidden{position: absolute;width: 0;height: 0;opacity: 0;pointer-events: none} .auth-method-toggle{display: flex;align-items: center;gap: 0.75rem;width: 100%;padding: 0.75rem 1rem;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg);color: var(--text-muted);font-size: 0.9rem;cursor: pointer;transition: all 0.15s;text-align: left} .auth-method-toggle:hover{border-color: var(--text-muted);color: var(--text)} .auth-method-toggle.active{border-color: var(--primary);color: var(--text)} .auth-method-toggles + .form-group{margin-top: 1.5rem} .auth-method-toggle .auth-method-checkbox-custom{flex-shrink: 0;width: 1rem;height: 1rem;border: 1px solid var(--border);border-radius: 3px;display: flex;align-items: center;justify-content: center;transition: all 0.15s} .auth-method-toggle.active .auth-method-checkbox-custom{border-color: var(--primary);background: var(--primary-light)} .auth-method-toggle .auth-method-checkbox-custom i{font-size: 0.6rem;color: var(--primary);opacity: 0} .auth-method-toggle.active .auth-method-checkbox-custom i{opacity: 1} .form-panel-info{display: flex;align-items: flex-start;gap: 0.5rem;margin-bottom: 1rem;padding: 0.75rem 1rem;background: rgba(8,145,178,0.1);border-radius: var(--radius);font-size: 0.85rem;color: var(--text);line-height: 1.5} .form-panel-info i{flex-shrink: 0;color: var(--info);margin-top: 0.15rem} .callback-urls{border: 1px solid var(--border);border-radius: var(--radius);padding: 0.75rem;background: var(--bg-secondary);margin-bottom: 0.5rem} .callback-url-item{display: flex;gap: 0.5rem;margin-bottom: 0.5rem;align-items: center} .callback-url-item:last-child{margin-bottom: 0} .callback-url-item .form-input{flex: 1} .app-modal-content{max-width: 42rem;max-height: 90vh;overflow-y: auto} .app-modal-section{margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid var(--border)} .app-modal-section:last-of-type{border-bottom: none;padding-bottom: 0;margin-bottom: 0} .app-modal-section-title{font-size: 0.875rem;font-weight: 600;color: var(--text);margin-bottom: 1rem} .app-modal-actions{display: flex;gap: 0.75rem;justify-content: flex-end;margin-top: 1.25rem;padding-top: 1rem} .app-form-tabs{display: flex;gap: 0;min-height: 320px;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--bg);box-shadow: var(--shadow);overflow: hidden} .app-form-tabs-nav{flex-shrink: 0;width: 280px;padding: 1rem 1.25rem 1rem 1rem;border-right: 1px solid var(--border);margin-right: 1.5rem;background: var(--bg-secondary)} .app-form-tabs-nav button{display: flex;align-items: center;gap: 0.5rem;width: 100%;text-align: left;padding: 0.625rem 1rem;border: none;border-radius: var(--radius);margin-bottom: 0.25rem;background: none;color: var(--text-muted);font-size: 0.875rem;cursor: pointer;transition: background 0.15s,color 0.15s} .app-form-tabs-nav button i{flex-shrink: 0;width: 1.1em;text-align: center} .app-form-tabs-nav button:hover{background: var(--bg);color: var(--text)} .app-form-tabs-nav button.active{background: var(--primary-light);color: var(--primary);font-weight: 500} .app-form-tabs-content{flex: 1;padding: 1.5rem 1.5rem 1.5rem 2rem;overflow-y: auto;min-width: 0} .app-form-tab-panel{display: none} .app-form-tab-panel.active{display: block} .btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.375rem;padding: 0.5rem 1rem;border: none;border-radius: var(--radius);font-size: 0.8rem;font-weight: 500;cursor: pointer;transition: all 0.15s ease;text-decoration: none} .btn-primary{background: var(--primary);color: white} .btn-primary:hover{background: var(--primary-dark)} .btn-secondary{background: var(--secondary);color: white} .btn-success{background: var(--success);color: white} .btn-danger{background: var(--danger);color: white} .btn-sm{padding: 0.375rem 0.75rem;font-size: 0.75rem} .error{color: var(--danger);font-size: 0.75rem;margin-top: 0.375rem;display: none} .success{color: var(--success);font-size: 0.75rem;margin-top: 0.375rem;display: none} .dashboard{display: none;min-height: 100vh} .header{background: var(--bg);border-bottom: 1px solid var(--border);padding: 0.75rem 1.5rem;display: flex;justify-content: space-between;align-items: center;position: sticky;top: 0;z-index: 100;height: 60px} .header-center{display: flex;align-items: center;position: absolute;left: 50%;transform: translateX(-50%)} .header-left{display: flex;align-items: center;gap: 0.75rem} .header-logo{height: 32px} .header-right{display: flex;align-items: center;gap: 0.75rem} .trial-notification-banner{background: rgba(217,119,6,0.1);border: 1px solid rgba(217,119,6,0.2);border-radius: var(--radius);padding: 0.375rem 0.75rem;display: flex;align-items: center;gap: 0.5rem;font-size: 0.75rem;backdrop-filter: blur(4px)} [data-theme="dark"] .trial-notification-banner{background: rgba(217,119,6,0.15);border-color: rgba(217,119,6,0.3)} .trial-notification-content{display: flex;align-items: center;gap: 0.5rem} .trial-notification-icon{color: #d97706;font-size: 0.75rem;flex-shrink: 0} [data-theme="dark"] .trial-notification-icon{color: #fbbf24} .trial-notification-text{color: #92400e;font-size: 0.75rem;font-weight: 500;white-space: nowrap} [data-theme="dark"] .trial-notification-text{color: #fde68a} @media (max-width: 1200px){.trial-notification-text{display: none} } .trial-notification-cta{background: #d97706;color: white;border: none;border-radius: calc(var(--radius) * 0.75);padding: 0.25rem 0.5rem;font-size: 0.7rem;font-weight: 500;cursor: pointer;transition: all 0.15s ease;white-space: nowrap} .trial-notification-cta:hover{background: #b45309;transform: translateY(-1px)} .trial-notification-close{background: none;border: none;color: #92400e;cursor: pointer;padding: 0.125rem;display: flex;align-items: center;justify-content: center;border-radius: calc(var(--radius) * 0.5);transition: all 0.15s ease;width: 16px;height: 16px;font-size: 0.7rem;opacity: 0.7} [data-theme="dark"] .trial-notification-close{color: #fde68a} .trial-notification-close:hover{background: rgba(146,64,14,0.1);opacity: 1} [data-theme="dark"] .trial-notification-close:hover{background: rgba(251,191,36,0.1)} .theme-toggle{background: none;border: 1px solid var(--border);border-radius: var(--radius);padding: 0.375rem;cursor: pointer;color: var(--text);transition: all 0.15s ease;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center} .theme-toggle:hover{border-color: var(--primary);color: var(--primary)} .notifications-bell-btn{position: relative;background: none;border: 1px solid var(--border);border-radius: var(--radius);padding: 0.375rem;cursor: pointer;color: var(--text);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;transition: all 0.15s ease} .notifications-bell-btn:hover{background: var(--bg-secondary);color: var(--primary)} .notification-badge{position: absolute;top: -4px;right: -4px;min-width: 16px;height: 16px;padding: 0 4px;background: var(--danger);color: white;font-size: 0.65rem;font-weight: 600;border-radius: 8px;display: flex;align-items: center;justify-content: center} .notifications-dropdown-menu{position: absolute;top: calc(100% + 0.5rem);right: 0;width: 320px;max-height: 400px;background: var(--bg);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-lg);z-index: 1001;overflow: hidden} .notifications-dropdown-header{display: flex;justify-content: space-between;align-items: center;padding: 0.75rem 1rem;border-bottom: 1px solid var(--border);font-weight: 600;font-size: 0.875rem} .notifications-mark-all{background: none;border: none;color: var(--primary);font-size: 0.75rem;cursor: pointer;font-weight: 500} .notifications-mark-all:hover{text-decoration: underline} .notifications-list{max-height: 320px;overflow-y: auto} .notifications-empty{padding: 1.5rem 1rem;text-align: center;color: var(--text-muted);font-size: 0.8rem} .notification-item{display: block;padding: 0.75rem 1rem;border-bottom: 1px solid var(--border);text-decoration: none;color: var(--text);font-size: 0.8rem;cursor: pointer;transition: background 0.15s;text-align: left;width: 100%} .notification-item:hover{background: var(--bg-secondary)} .notification-item:last-child{border-bottom: none} .notification-item-title{font-weight: 600;margin-bottom: 0.25rem} .notification-item-message{color: var(--text-muted);font-size: 0.75rem} .notification-item-action{margin-top: 0.5rem;font-size: 0.7rem;color: var(--primary);font-weight: 500} .user-dropdown-btn{position: relative;background: none;border: 1px solid var(--border);border-radius: var(--radius);padding: 0.375rem 0.625rem;cursor: pointer;color: var(--text);display: flex;align-items: center;gap: 0.375rem;font-size: 0.8rem;transition: all 0.15s ease} .user-dropdown-btn:hover{background: var(--bg-secondary);color: var(--primary)} .user-dropdown-menu{position: absolute;top: calc(100% + 0.5rem);right: 0;min-width: 200px;background: var(--bg);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-lg);z-index: 1001;overflow: hidden} .user-dropdown-item{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;color: var(--text);font-size: 0.8rem;text-decoration: none;cursor: pointer;transition: background 0.15s;border: none;background: none;width: 100%;text-align: left} .user-dropdown-item:hover{background: var(--bg-secondary)} .user-dropdown-version{padding: 0.75rem 1rem;font-size: 0.7rem;color: var(--text-muted);border-top: 1px solid var(--border);pointer-events: none;cursor: default;background: var(--bg)} .user-info{display: flex;align-items: center;gap: 0.375rem;color: var(--text-muted);font-size: 0.75rem} .sidebar{position: fixed;left: 0;top: 60px;width: 240px;height: calc(100vh - 60px);background: var(--bg);border-right: 1px solid var(--border);padding: 1rem 0 0 0;overflow-y: auto;display: flex;flex-direction: column;scrollbar-width: thin;scrollbar-color: transparent transparent;transition: scrollbar-color 0.2s ease} .sidebar:hover{scrollbar-color: var(--border) transparent} .sidebar::-webkit-scrollbar{width: 4px} .sidebar::-webkit-scrollbar-track{background: transparent} .sidebar::-webkit-scrollbar-thumb{background: transparent;border-radius: 2px;transition: background 0.2s ease} .sidebar:hover::-webkit-scrollbar-thumb{background: var(--border)} .nav-section{margin-bottom: 1.5rem} .nav-section-title{padding: 0 1rem;margin-bottom: 0.5rem;font-size: 0.65rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted)} .nav-item{display: flex;align-items: center;gap: 0.625rem;padding: 0.625rem 1rem;margin: 0 0.5rem;color: var(--text-muted);text-decoration: none;transition: all 0.15s ease;cursor: pointer;border-radius: var(--radius);font-size: 0.8rem} .nav-item:hover{background: var(--bg-secondary);color: var(--text)} .nav-item.active{background: var(--primary);color: white} .nav-item i{width: 16px;text-align: center;font-size: 0.75rem;flex-shrink: 0} .main-content{margin-left: 240px;padding: 1.5rem;min-height: calc(100vh - 60px)} .page-header{margin-bottom: 1.5rem} .page-title{font-size: 1.5rem;font-weight: 600;color: var(--text);margin-bottom: 0.25rem} .page-subtitle{color: var(--text-muted);font-size: 0.8rem} .card{background: var(--bg);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 1rem;margin-bottom: 1rem;box-shadow: var(--shadow)} .card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 1px solid var(--border)} .card-title{font-size: 1rem;font-weight: 600;color: var(--text)} .stats-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 1rem;margin-bottom: 1.5rem} .stat-card{background: var(--bg);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 1rem;text-align: center} .stat-icon{width: 36px;height: 36px;border-radius: var(--radius);display: flex;align-items: center;justify-content: center;margin: 0 auto 0.75rem;font-size: 1rem} .stat-icon.primary{background: var(--primary-light);color: var(--primary)} .stat-icon.success{background: rgba(5,150,105,0.1);color: var(--success)} .stat-icon.warning{background: rgba(217,119,6,0.1);color: var(--warning)} .stat-icon.danger{background: rgba(220,38,38,0.1);color: var(--danger)} .stat-icon.info{background: rgba(8,145,178,0.1);color: var(--info)} .stat-number{font-size: 1.5rem;font-weight: 600;color: var(--text);margin-bottom: 0.125rem} .stat-label{color: var(--text-muted);font-size: 0.75rem} .table-container{overflow-x: auto;border-radius: var(--radius);border: 1px solid var(--border)} .dataTables_wrapper:has(.dataTables_empty) .dataTables_length,.dataTables_wrapper:has(.dataTables_empty) .dataTables_filter,.dataTables_wrapper:has(.dataTables_empty) .dataTables_info,.dataTables_wrapper:has(.dataTables_empty) .dataTables_paginate{display: none} .table{width: 100%;border-collapse: collapse;background: var(--bg)} .table th,.table td{padding: 0.75rem;text-align: left;border-bottom: 1px solid var(--border)} .table th{background: var(--bg-secondary);font-weight: 600;color: var(--text);font-size: 0.75rem} .table td{color: var(--text);font-size: 0.8rem} .table tr:hover{background: var(--bg-secondary)} .badge{display: inline-flex;align-items: center;padding: 0.125rem 0.5rem;border-radius: 9999px;font-size: 0.65rem;font-weight: 500} .badge.success{background: rgba(5,150,105,0.1);color: var(--success)} .badge.danger{background: rgba(220,38,38,0.1);color: var(--danger)} .badge.warning{background: rgba(217,119,6,0.1);color: var(--warning)} .badge.info{background: rgba(8,145,178,0.1);color: var(--info)} .badge.primary{background: var(--primary-light);color: var(--primary)} .modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1000;backdrop-filter: blur(2px)} .modal-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: var(--bg);border-radius: var(--radius-lg);padding: 1.5rem;width: 90%;max-width: 450px;max-height: 90vh;overflow-y: auto;border: 1px solid var(--border)} .modal-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem} .modal-title{font-size: 1rem;font-weight: 600;color: var(--text)} .modal-close{background: none;border: none;font-size: 1.25rem;cursor: pointer;color: var(--text-muted);padding: 0.25rem} .hidden{display: none !important} .chart-container{position: relative;height: 250px;margin: 0.75rem 0} .orders-controls-row{grid-template-columns: 1fr 1fr} @media (max-width: 900px){.orders-controls-row{grid-template-columns: 1fr} .orders-controls-row > div:last-child{justify-content: flex-start} } @media (max-width: 768px){.sidebar{transform: translateX(-100%);transition: transform 0.2s ease} .sidebar.open{transform: translateX(0)} .main-content{margin-left: 0;padding: 1rem} .header{padding: 0.75rem 1rem} .stats-grid{grid-template-columns: 1fr} } .loading{display: inline-block;width: 16px;height: 16px;border: 2px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #fff;animation: spin 1s ease-in-out infinite} @keyframes spin{to{transform: rotate(360deg)} } .notification{position: fixed;bottom: 16px;right: 16px;z-index: 1000;min-width: 280px;max-width: 400px;border-radius: var(--radius);box-shadow: var(--shadow-lg);animation: slideIn 0.2s ease} .notification-success{background: var(--success);color: white} .notification-error{background: var(--danger);color: white} .notification-info{background: var(--info);color: white} .notification-content{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem;font-size: 0.8rem} .notification-close{background: none;border: none;color: white;cursor: pointer;margin-left: auto;opacity: 0.8;padding: 0.125rem} .notification-close:hover{opacity: 1} @keyframes slideIn{from{transform: translateY(100%);opacity: 0} to{transform: translateY(0);opacity: 1} } .tooltip{position: absolute;background: var(--dark);color: var(--light);padding: 0.5rem 0.75rem;border-radius: var(--radius);font-size: 0.75rem;font-weight: 500;white-space: nowrap;z-index: 1000;opacity: 0;visibility: hidden;transition: all 0.2s ease;pointer-events: none;box-shadow: var(--shadow-lg);border: 1px solid var(--border)} .tooltip.show{opacity: 1;visibility: visible} .tooltip::after{content: '';position: absolute;width: 0;height: 0;border: 4px solid transparent} .tooltip.top::after{top: 100%;left: 50%;transform: translateX(-50%);border-top-color: var(--dark)} .tooltip.bottom::after{bottom: 100%;left: 50%;transform: translateX(-50%);border-bottom-color: var(--dark)} .tooltip.left::after{left: 100%;top: 50%;transform: translateY(-50%);border-left-color: var(--dark)} .tooltip.right::after{right: 100%;top: 50%;transform: translateY(-50%);border-right-color: var(--dark)} [data-tooltip]{position: relative} .test-result{padding: 1rem;border-radius: var(--radius);margin-top: 1rem;font-family: 'Courier New',monospace;font-size: 0.75rem} .test-result.success{background: rgba(5,150,105,0.1);border: 1px solid var(--success);color: var(--success)} .test-result.error{background: rgba(220,38,38,0.1);border: 1px solid var(--danger);color: var(--danger)} .test-result.info{background: rgba(8,145,178,0.1);border: 1px solid var(--info);color: var(--info)} .settings-tab.active{color: var(--primary) !important;border-bottom-color: var(--primary) !important} .settings-tab:hover{color: var(--text) !important} .settings-tab-content{padding: 1rem} .dataTables_wrapper{font-size: 0.8rem;margin-top: 1rem} .table-wrapper{margin-bottom: 1rem} .table-controls-top{display: flex;justify-content: space-between;align-items: center;margin: 1rem 0;padding: 0 10px} .table-controls-bottom{display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;padding: 0 10px} .dataTables_wrapper .dataTables_length label,.dataTables_wrapper .dataTables_filter label{font-weight: 500;color: var(--text);font-size: 0.8rem} .dataTables_filter input{border: 1px solid var(--border) !important;border-radius: var(--radius) !important;padding: 0.375rem 0.75rem !important;background: var(--bg) !important;color: var(--text) !important;margin-left: 0.5rem !important} .dataTables_length select{border: 1px solid var(--border) !important;border-radius: var(--radius) !important;padding: 0.25rem 0.5rem !important;background: var(--bg) !important;color: var(--text) !important;margin: 0 0.5rem !important} .table-info{color: var(--text-muted);font-size: 0.8rem} .pagination{display: flex;gap: 0.25rem} .page-btn{padding: 0.25rem 0.5rem;border: 1px solid var(--border);background: var(--bg);color: var(--text);cursor: pointer;border-radius: 4px} .page-btn:hover:not(:disabled){background: var(--bg-secondary)} .page-btn.active{background: var(--primary);color: white;border-color: var(--primary)} .page-btn:disabled{opacity: 0.5;cursor: not-allowed} .page-ellipsis{padding: 0.25rem 0.5rem;color: var(--text-muted)} th.sort-asc::after{content: ' ↑'} th.sort-desc::after{content: ' ↓'} .length-select,.search-input{padding: 0.25rem;border: 1px solid var(--border);border-radius: 4px;background: var(--bg);color: var(--text)} .dataTables_paginate .paginate_button{border: 1px solid var(--border) !important;background: var(--bg) !important;color: var(--text) !important;padding: 0.375rem 0.75rem !important;margin: 0 0.125rem !important;border-radius: var(--radius) !important;font-size: 0.8rem !important} .dataTables_paginate .paginate_button:hover{background: var(--bg-secondary) !important;border-color: var(--primary) !important;color: var(--primary) !important} .dataTables_paginate .paginate_button.current{background: var(--primary) !important;border-color: var(--primary) !important;color: white !important} .dataTables_paginate .paginate_button.disabled{opacity: 0.5 !important;cursor: not-allowed !important} .dataTable thead th{background: var(--bg-secondary) !important;border-bottom: 1px solid var(--border) !important;color: var(--text) !important;font-weight: 600 !important;font-size: 0.75rem !important;padding: 0.75rem !important} .dataTable tbody td{border-bottom: 1px solid var(--border) !important;padding: 0.75rem !important;font-size: 0.8rem !important} .dataTable tbody tr:hover{background: var(--bg-secondary) !important} .dataTables_wrapper .dataTables_paginate .paginate_button.previous,.dataTables_wrapper .dataTables_paginate .paginate_button.next{border-radius: var(--radius) !important} .dataTables_wrapper .dataTables_scroll{border-radius: var(--radius)}