.db-page{background:var(--color-bg-alt);min-height:70vh}.db-header{margin-bottom:var(--space-5)}.db-header h1{margin-bottom:var(--space-2)}.db-subtitle{color:var(--color-text-muted);font-size:1.0625rem}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.db-stat{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.db-stat-value{font-size:1.75rem;font-weight:500;color:var(--color-primary)}.db-stat-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.db-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.db-table-wrap{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.db-table{width:100%;border-collapse:collapse;font-size:.9375rem}.db-table thead{background:var(--color-bg);border-bottom:2px solid var(--color-border-light)}.db-table th{padding:var(--space-3) var(--space-4);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:left}.db-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.db-table tbody tr:hover{background:var(--color-surface-hover)}.db-table tbody tr:last-child td{border-bottom:none}.db-empty{text-align:center;padding:var(--space-10) var(--space-4)!important;color:var(--color-text-muted)}.db-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-5)}.db-page-info{font-size:.875rem;color:var(--color-text-muted)}.db-row-clickable{cursor:pointer}.db-row-clickable:hover{background:var(--color-surface-hover)}.btn-view-detail{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.btn-view-detail:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.db-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14288c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .15s ease}.db-modal{background:var(--color-surface);border-radius:var(--radius-xl);max-width:680px;width:100%;max-height:85vh;overflow-y:auto;padding:var(--space-6);box-shadow:var(--shadow-xl);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.db-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.db-modal-header h2{font-size:1.375rem;font-weight:600;line-height:1.3;color:var(--color-text);margin:0}.db-modal-close{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors)}.db-modal-close:hover{background:var(--color-bg-alt);color:var(--color-text)}.db-modal-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.db-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.db-detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.db-detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.db-detail-value{font-size:.9375rem;color:var(--color-text);font-weight:500}.db-detail-narrative{margin-bottom:var(--space-5)}.db-detail-narrative-heading{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.db-detail-narrative-text{font-size:.9375rem;line-height:1.7;color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5);white-space:pre-wrap}.db-detail-disclaimer{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}@media(max-width:900px){.db-stats{grid-template-columns:1fr 1fr}.db-filters{grid-template-columns:1fr}.db-table-wrap{overflow-x:auto}}@media(max-width:600px){.db-stats{grid-template-columns:1fr 1fr}.db-detail-grid{grid-template-columns:1fr}.db-modal{padding:var(--space-5)}}