.center-data{width:100%;height:calc(100vh - 48px);position:relative;display:flex;flex-direction:column;flex:100 1;overflow:hidden;background:var(--bg)}.center-data-realtime-offline{font-size:12px;line-height:1;color:var(--text-muted);white-space:nowrap;cursor:default}.center-data-tabs{padding:var(--space-3) var(--space-6) var(--space-1);flex-shrink:0;background:var(--bg)}.center-data-content{flex:1 1;min-height:0;display:flex;flex-direction:column;padding:0 0 var(--space-4);overflow:hidden}.center-data-content--empty{display:flex;align-items:center;justify-content:center;flex:1 1}.center-data-pagination{padding:var(--space-3) var(--space-1) 0;font-size:12px;color:var(--text-muted)}.center-data-pagination .tnum{color:var(--text-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.selected-count{font-size:.75rem;color:var(--warm-700);font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--warm-300)}.modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--warm-900)}.modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--warm-700);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-header button:hover{background-color:var(--warm-300)}.modal-body{padding:20px;overflow-y:auto;flex:1 1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--warm-300)}.filter-field{margin-bottom:15px}.filter-field label{display:block;margin-bottom:5px;font-size:.875rem;font-weight:500;color:var(--warm-900)}.filter-field input{width:100%;padding:8px 12px;border:1px solid var(--warm-300);border-radius:4px;font-size:.875rem;background:var(--bg-secondary);color:var(--warm-900);transition:border-color .2s}.filter-field input:focus{outline:none;border-color:var(--orange-primary)}.filter-field input::-moz-placeholder{color:var(--warm-900)}.filter-field input::placeholder{color:var(--warm-900)}.sort-options{display:flex;flex-direction:column;gap:15px}.sort-option{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--warm-300);border-radius:4px;background:var(--bg-secondary)}.sort-option span{font-size:.875rem;font-weight:500;color:var(--warm-900)}.sort-buttons{display:flex;gap:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.center-data-header{padding:var(--space-3) var(--space-4)}}@media (max-width:640px){.center-data-header,.center-data-pagination{padding:var(--space-2) var(--space-3)}.center-data-pagination{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}}