.db-filters{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem 1.25rem;margin-bottom:1.5rem}.db-filter-item{display:flex;flex-direction:column;gap:.3rem}.db-filter-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.db-filter-select{padding:.45rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#f9fafb;color:#374151;font-size:.875rem;cursor:pointer;min-width:150px;transition:border-color .15s ease}.db-filter-select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed81a}.db-filter-loading{font-size:.8rem;color:#9ca3af;padding-bottom:.45rem}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.db-stat-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.db-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.25rem}.db-stat-value{font-size:1.75rem;font-weight:700;color:#1d4ed8;line-height:1.2}.db-section{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.25rem;margin-bottom:1.5rem}.db-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:1rem}.db-section-hint{font-size:.7rem;color:#9ca3af}.db-charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(220px,calc(25% - .6rem)),1fr));gap:.75rem;margin-bottom:1.5rem}.db-chart-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;cursor:pointer;transition:box-shadow .15s ease}.db-chart-card canvas{height:175px!important}.db-section canvas{height:80px!important}.db-chart-card:hover{box-shadow:0 4px 12px #0000001f}.db-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.db-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.15);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:100;opacity:0;transition:opacity .25s ease;pointer-events:none}.db-drawer-overlay.active{opacity:1;pointer-events:all;display:flex;align-items:center;justify-content:center}.db-drawer-overlay-hint{color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.4);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-drawer{position:fixed;top:0;right:0;height:100vh;width:min(1300px,92vw);background:#fff;box-shadow:-4px 0 24px #00000026;z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease}.db-drawer.active{transform:translate(0)}.db-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.db-drawer-body{overflow-y:auto;flex:1}.db-drawer-stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid #f3f4f6;background:#f9fafb}.db-drawer-stat{padding:.875rem 1rem;border-right:1px solid #f3f4f6;display:flex;flex-direction:column;justify-content:center}.db-drawer-stat:last-child{border-right:none}.db-drawer-stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.2rem}.db-drawer-stat-value{font-size:1.1rem;font-weight:700;color:#1d4ed8}.db-detail-title{font-size:1.05rem;font-weight:600;margin:0 0 .15rem}.db-detail-sub{font-size:.8rem;color:#9ca3af;margin:0}.db-detail-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;line-height:1;padding:.25rem;flex-shrink:0}.db-detail-close:hover{color:#374151}.db-table{width:100%;font-size:.8rem;border-collapse:collapse}.db-table thead th{background:#f9fafb;padding:.625rem 1rem;text-align:left;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap}.db-table thead th.right{text-align:right}.db-table thead th.center{text-align:center}.db-table tbody tr{border-top:1px solid #f3f4f6}.db-table tbody tr:hover{background:#f9fafb}.db-table td{padding:.5rem 1rem;vertical-align:middle}.db-table td.right{text-align:right;font-family:monospace}.db-table td.center{text-align:center}.db-table td.muted{color:#9ca3af}.db-table td.bold{font-weight:600}.db-badge{display:inline-block;font-size:.65rem;padding:.1rem .5rem;border-radius:9999px;background:#f3f4f6;color:#374151}.db-loading{padding:2rem;text-align:center;color:#9ca3af;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}@media (max-width: 1100px){.db-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.db-charts-grid,.db-stats{grid-template-columns:1fr}}