:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--gradient-start:#6366f1;--gradient-end:#8b5cf6;--header-bg:#ffffff;--header-border:#e5e7eb}[data-bs-theme=dark]{--header-bg:#1f2937;--header-border:#374151}*{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{background:linear-gradient(135deg,#f5f7fa 0,#e9ecef 100%);min-height:100vh}[data-bs-theme=dark] body{background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%)}.dashboard-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:1rem 0;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.dashboard-header h1{font-weight:400;font-size:2rem;margin:0}.dashboard-header h1 img{margin-right:.1rem}.header-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:.2s}.metric-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.12);border:none;transition:.3s cubic-bezier(.4, 0, .2, 1);overflow:hidden}[data-bs-theme=dark] .metric-card{background:#2d3748}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.metric-card .card-body{padding:1rem}.metric-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.metric-icon.primary{background:linear-gradient(135deg,#818cf8 0,#6366f1 100%);color:#fff}.metric-icon.success{background:linear-gradient(135deg,#34d399 0,#10b981 100%);color:#fff}.metric-icon.danger{background:linear-gradient(135deg,#f87171 0,#ef4444 100%);color:#fff}.metric-icon.warning{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#fff}.metric-value{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:0;background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-bs-theme=dark] .metric-value{background:linear-gradient(135deg,#818cf8 0,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}[data-bs-theme=dark] .metric-label{color:#9ca3af}.metric-card-link{text-decoration:none;color:inherit;display:block;transition:.3s}.metric-card-link:hover{text-decoration:none}.metric-card-link:hover .metric-card{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,.2)!important}.chart-container{position:relative;height:300px;margin-bottom:1rem}.collapse-header{cursor:pointer;user-select:none;transition:background-color .2s}.collapse-header:hover{background-color:var(--bs-secondary-bg)}.collapse-icon{transition:transform .3s}.collapse-icon.collapsed{transform:rotate(-90deg)}.sortable{cursor:pointer;user-select:none}.sortable.sorted-asc::after{content:' ▲';color:#198754;margin-left:5px}.sortable.sorted-desc::after{content:' ▼';color:#198754;margin-left:5px}.ci-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.ci-status::before{content:'●';font-size:14px;margin-right:2px}.ci-status.success{background-color:#d1e7dd;color:#0a3622}.ci-status.success::before{color:#198754}.ci-status.failure{background-color:#f8d7da;color:#58151c}.ci-status.failure::before{color:#dc3545}.ci-status.error{background-color:#f8d7da;color:#58151c}.ci-status.error::before{color:#dc3545}.ci-status.pending{background-color:#fff3cd;color:#664d03}.ci-status.pending::before{color:#ffc107}.ci-status.unknown{background-color:#e9ecef;color:#6c757d}.ci-status.unknown::before{color:#adb5bd}.ci-status[title]:hover{cursor:help}.age-indicator{display:inline-block;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:600}.age-new{background-color:#d1e7dd;color:#0a3622}.age-recent{background-color:#fff3cd;color:#664d03}.age-old{background-color:#f8d7da;color:#58151c}.widget-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.12);height:100%;overflow:hidden}[data-bs-theme=dark] .widget-card{background:#2d3748}.list-group-item{transition:background-color .2s}.list-group-item:hover{background-color:var(--bs-secondary-bg)}.card-body .list-group{max-height:350px;overflow-y:auto}.card-body .list-group::-webkit-scrollbar{width:8px}.card-body .list-group::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.card-body .list-group::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.card-body .list-group::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s ease-out fadeInUp}.dashboard-footer{background-color:var(--header-bg);border-top-color:var(--header-border);margin-top:auto}.dashboard-footer small{font-size:.85rem}#last-updated-time{font-weight:500}[data-bs-theme=dark] .dashboard-footer{background-color:var(--header-bg)}