.tables-page{min-height:calc(100vh - var(--hd-h) - 200px);padding:24px 0 48px}.tables-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.tables-breadcrumbs a{color:var(--text-muted);text-decoration:none}.tables-breadcrumbs a:hover{color:var(--accent)}.tables-breadcrumbs .sep{opacity:.5}.tables-breadcrumbs .current{color:var(--silver);font-weight:600}.tables-header{margin-bottom:24px}.tables-title{color:var(--silver);margin-bottom:8px;font-size:32px}.tables-desc{color:var(--text-muted);max-width:800px;margin:0;font-size:15px;line-height:1.6}.table-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.table-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.table-tab-btn:hover{color:var(--text)}.table-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.table-filter-wrap{flex:1;min-width:200px;max-width:360px;position:relative}.table-filter-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:8px 12px 8px 34px;font-size:13.5px;transition:border-color .15s}.table-filter-input:focus{border-color:var(--accent)}.table-filter-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-actions{align-items:center;gap:12px;display:flex}.table-counter{color:var(--text-muted);white-space:nowrap;font-size:13px}.btn-csv{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--silver);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-csv:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.table-scroll-wrap{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-height:75vh;position:relative;overflow-x:auto}.ref-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.ref-table th{z-index:5;background:var(--panel);color:var(--silver);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;user-select:none;padding:11px 14px;font-size:11.5px;font-weight:700;position:sticky;top:0}.ref-table th.sortable{cursor:pointer;transition:color .15s,background-color .15s}.ref-table th.sortable:hover{color:var(--accent);background:#50cdfc14}.ref-table th .th-content{align-items:center;gap:6px;display:inline-flex}.ref-table th .sort-arrow{opacity:.3;font-size:10px;transition:opacity .15s}.ref-table th[aria-sort=ascending] .sort-arrow,.ref-table th[aria-sort=descending] .sort-arrow{opacity:1;color:var(--accent)}.ref-table td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #363b5e66;padding:10px 14px}.ref-table tr:hover td{background:#50cdfc0a}.ref-table tr.hidden-row{display:none!important}.text-right{text-align:right}.text-center{text-align:center}.badge-tier{align-items:center;gap:6px;font-weight:700;display:inline-flex}.badge-level{color:var(--accent);font-weight:700}.badge-points{color:var(--elyos);font-family:monospace;font-size:12.5px}.badge-quest{color:var(--accent);text-decoration:none}.badge-quest:hover{text-decoration:underline}.badge-grade{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700}.badge-grade-beginner{color:var(--grade-common);background:#b9c3ca26}.badge-grade-intermediate{color:var(--grade-rare);background:#a6ec5526}.table-empty{text-align:center;color:var(--text-muted);padding:48px 16px;font-size:14px}@media (width<=600px){.tables-title{font-size:24px}.table-controls{flex-direction:column;align-items:stretch}.table-filter-wrap{max-width:100%}.table-actions{justify-content:space-between}}