.table-container{width:100%}.table-top{justify-content:flex-end;margin-bottom:18px;display:flex}.search-box{width:320px;max-width:100%;position:relative}.search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;height:48px;padding:0 95px 0 18px;font-size:14px}.search-icon{color:#93c5fd;cursor:pointer;z-index:2;transition:all .3s;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.search-icon:hover{color:#2563eb}.clear-btn{color:#cbd5e1;cursor:pointer;z-index:3;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.clear-btn:hover{color:#ef4444}.table-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0000004d}.responsive-table{border-collapse:collapse;width:100%;min-width:850px}.responsive-table thead{background:linear-gradient(90deg,#2563eb,#7c3aed)}.responsive-table th{text-align:left;letter-spacing:.5px;color:#fff;padding:18px 20px;font-size:15px;font-weight:700}.responsive-table td{color:#e2e8f0;border-bottom:1px solid #ffffff14;padding:18px 20px;font-size:14px}.responsive-table tbody tr:nth-child(odd){background:#ffffff08}.responsive-table tbody tr:nth-child(2n){background:#ffffff0f}.responsive-table tbody tr:hover{background:#2563eb2e;transition:all .3s}.positive{color:#22c55e;font-weight:600}.negative{color:#ef4444;font-weight:600}.status-badge{color:#c4b5fd;background:#7c3aed2e;border-radius:50px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-block}.no-data{text-align:center;color:#94a3b8;padding:25px!important}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:25px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;min-width:42px;height:42px;transition:all .3s}.pagination button:hover{background:#2563eb}.pagination button:disabled{opacity:.4;cursor:not-allowed}.active-page{background:linear-gradient(90deg,#2563eb,#7c3aed)!important}@media (width<=768px){body{padding:15px}.table-top{justify-content:center}.search-box{width:100%}.responsive-table{min-width:100%}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;overflow:hidden}.responsive-table td{text-align:right;border-bottom:1px solid #ffffff0f;padding-left:50%;position:relative}.responsive-table td:before{content:attr(data-label);text-align:left;color:#93c5fd;width:45%;font-weight:700;position:absolute;left:18px}.responsive-table td:last-child{border-bottom:none}.pagination{gap:8px}.pagination button{min-width:38px;height:38px}}