.data-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.type-tab{background:transparent;border:none;padding:10px 24px;border-radius:40px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s;color:var(--gray-600)}.type-tab i{margin-right:8px}.type-tab.active{background:var(--primary-color);color:white;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.type-tab:hover:not(.active){background:var(--gray-100)}.data-table-container{background:white;border-radius:16px;overflow:hidden;border:1px solid var(--gray-200);animation:fadeIn 0.3s ease}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg, var(--gray-50), #fff);border-bottom:1px solid var(--gray-200)}.table-header h3{font-size:1rem;color:var(--gray-700)}.table-header h3 i{color:var(--primary-color);margin-right:8px}.copy-table-btn{background:var(--gray-100);border:1px solid var(--gray-200);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:0.75rem;transition:all 0.2s}.copy-table-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.table-wrapper{overflow-x:auto;padding:0}.data-table{width:100%;border-collapse:collapse;font-size:0.85rem}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--gray-100)}.data-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);position:sticky;top:0}.data-table tr:hover{background:rgba(59,130,246,0.05)}.type-name{font-weight:600;color:var(--primary-color);font-family:monospace}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.type-tab{padding:6px 16px;font-size:0.8rem}.data-table th,.data-table td{padding:8px 12px;font-size:0.75rem}}