@charset "UTF-8";:root{--primary: #FF2E63;--secondary: #7366ff;--white: #FFFFFF;--bg-body: #F5F7FB;--bg-surface: #FFFFFF;--text-main: #2b2b2b;--text-muted: #8f95b2;--border-color: rgba(0,0,0,.05);--header-height: 80px;--sidebar-width: 260px;--bg-hover: rgba(0, 0, 0, .048);--color-success: #00d2b4;--color-warning: #fca130;--color-danger: #ff4d4f;--color-info: #2e9afe}body.dark-mode{--bg-body: #0F111A;--bg-surface: #1E2130;--text-main: #FFFFFF;--text-muted: #94A3B8;--border-color: rgba(255, 255, 255, .1);--bg-hover: rgba(255, 255, 255, .05)}body{background-color:var(--bg-body);color:var(--text-main);transition:background-color .3s ease,color .3s ease;margin:0;font-family:Rubik,sans-serif}.page-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;animation:fadeIn .4s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header .title{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-main)}.page-header .subtitle{margin:4px 0 0;color:var(--text-muted);font-size:.95rem}.card-table-wrapper{background:var(--bg-surface);border-radius:16px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color);padding:1.5rem;overflow:hidden}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.search-box{position:relative;width:100%;max-width:320px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box input{width:80%;padding:10px 10px 10px 40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);outline:none;color:var(--text-main);font-weight:500;transition:all .2s}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff2e631a}.actions-group{display:flex;gap:10px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;box-shadow:0 4px 10px #ff2e6333}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #ff2e634d}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:8px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:all .2s}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#ff2e630d}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.data-table thead th{text-align:left;padding:1rem;font-size:.8rem;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody td{padding:1rem;vertical-align:middle;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:.95rem;transition:background .2s}.data-table tbody tr:hover td{background-color:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.text-id{font-family:Courier New,monospace;font-weight:700;color:var(--primary);background:#ff2e630d;padding:4px 8px;border-radius:6px;font-size:.85rem}.table-item-info{display:flex;align-items:center;gap:12px}.table-item-info img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f1f1f1;border:1px solid var(--border-color)}.table-item-info .info-text{display:flex;flex-direction:column}.table-item-info .info-text .main-text{font-weight:600;color:var(--text-main)}.table-item-info .info-text .sub-text{font-size:.8rem;color:var(--text-muted)}.font-bold{font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.badgee{padding:6px 12px;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block;white-space:nowrap}.badgee.success{background:#00d2b426;color:var(--color-success)}.badgee.warning{background:#fca13026;color:var(--color-warning)}.badgee.danger{background:#ff4d4f26;color:var(--color-danger)}.badgee.info{background:#2e9afe26;color:var(--color-info)}.badgee.gray{background:#8f95b226;color:var(--text-muted)}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.btn-icon{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#ff2e6314;color:var(--primary);border-color:#ff2e6333}.btn-icon.delete:hover{background:#ff4d4f1a;color:var(--color-danger);border-color:#ff4d4f33}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-color);margin-top:auto}.pagination-info{font-size:.85rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:6px}.pagination-controls button{border:1px solid var(--border-color);background:var(--bg-surface);padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--text-main);font-size:.85rem;transition:.2s}.pagination-controls button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-controls button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-container{gap:1rem;padding:.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .btn-primary{justify-content:center}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search-box{max-width:100%}.filter-bar .actions-group{display:grid;grid-template-columns:1fr 1fr}.filter-bar .btn-outline{justify-content:center}.card-table-wrapper{padding:.5rem}.pagination-wrapper{flex-direction:column;gap:1rem;align-items:center;text-align:center}}