.data-content{min-height:850px}
.data-toolbar,.data-card,.data-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.data-toolbar{padding:15px 18px;margin-bottom:14px}
.data-toolbar form{display:flex;align-items:end;gap:28px}
.data-toolbar label{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}
.data-buttons{display:flex;gap:6px}
.data-range,.data-pagination a{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;font-weight:750;text-decoration:none}
.data-range:hover,.data-range.active,.data-pagination a:hover{border-color:var(--primary);background:#eaf1fa;color:var(--primary-dark)}
.data-toolbar select{padding:8px 28px 8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.data-summary{margin-left:auto;text-align:right}.data-summary strong{display:block;font-size:20px}.data-summary span{color:var(--muted);font-size:9px}
.data-card{overflow:hidden}.data-table-wrap{overflow-x:auto}
.weather-data{width:100%;border-collapse:collapse;white-space:nowrap}
.weather-data th{padding:11px 9px;background:var(--surface-soft);border-bottom:1px solid var(--border);color:var(--muted);font-size:9px;text-align:right;text-transform:uppercase;letter-spacing:.3px}
.weather-data th:first-child{text-align:left}.weather-data th small{display:block;font-size:8px;font-weight:500;text-transform:none}
.weather-data td{padding:9px;border-bottom:1px solid #edf1f5;color:var(--text);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
.weather-data tbody tr:hover{background:#f7fafc}.weather-data td:first-child{text-align:left}
.date-cell{color:var(--muted)!important;font-size:9px!important}.date-cell strong{display:block;color:var(--text);font-size:11px}
.dir{display:inline-block;min-width:28px;margin-left:3px;padding:2px 4px;border-radius:5px;background:var(--surface-soft);font-size:9px;font-weight:800;text-align:center}
.no-data{text-align:center!important;padding:50px!important;color:var(--muted)!important}
.data-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:var(--muted);font-size:10px}.data-pagination div{display:flex;gap:7px}
.data-note{margin-top:13px;padding:11px 14px;color:var(--muted);font-size:10px}.data-note code{color:var(--text)}