.tabs{border-bottom:1px solid var(--color-gray-200,#e5e7eb);gap:4px;margin-bottom:32px;display:flex}.tab{color:var(--color-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;position:relative}.tab:hover:not(:disabled){color:var(--color-primary,#4b83fb);background-color:var(--color-gray-50,#f9fafb)}.tab--active{color:var(--color-primary,#4b83fb);border-bottom:2px solid var(--color-primary,#4b83fb);background-color:#fff}.tab--disabled{opacity:.5;cursor:not-allowed;color:var(--color-gray-400,#9ca3af)}.tab-panel{animation:.2s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.data-table-container{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.data-table th{text-align:left;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:13px;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color .2s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--color-gray-50)}.data-table td{color:var(--color-dark);padding:16px 20px;font-size:14px}.data-table-loading,.data-table-empty{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.data-table-loading p{color:var(--color-gray-600);font-size:16px}.data-table-empty .empty-icon{width:64px;height:64px;color:var(--color-gray-400);margin-bottom:16px}.data-table-empty .empty-icon svg{width:100%;height:100%}.data-table-empty h3{color:var(--color-dark);margin-bottom:8px;font-size:20px;font-weight:600}.data-table-empty p{color:var(--color-gray-600);margin:0;font-size:14px}@media (max-width:768px){.data-table-container{overflow-x:auto}.data-table{min-width:600px}}
.pagination-container{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pagination-info{color:var(--color-gray-600);font-size:14px}.pagination-controls{align-items:center;gap:16px;display:flex}.pagination-page{color:var(--color-dark);font-size:14px;font-weight:500}.pagination-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-primary-dark,#3a6ad9);transform:translateY(-1px)}.pagination-btn:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}.pagination-btn .btn-icon{width:16px;height:16px}@media (max-width:768px){.pagination-container{flex-direction:column;align-items:stretch;gap:16px}.pagination-controls{justify-content:space-between}.pagination-info{text-align:center}}
.stat-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;align-items:center;gap:16px;min-width:200px;padding:20px 24px;display:flex}.stat-icon{width:40px;height:40px;color:var(--color-primary);flex-shrink:0}.stat-icon svg{width:100%;height:100%}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--color-gray-600);margin:0;font-size:14px}.stat-value{color:var(--color-dark);margin:0;font-size:28px;font-weight:700}@media (max-width:768px){.stat-card{min-width:150px;padding:16px}.stat-value{font-size:24px}}
.loader-container{justify-content:center;align-items:center;width:100%;display:flex}.loader{border:3px solid var(--color-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}