*{box-sizing:border-box}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#e2e8f0;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;max-width:100vw;width:100%}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.spinner{width:50px;height:50px;border:4px solid #3b82f6;border-top-color:#fbbf24;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state h2{color:#fbbf24;margin-bottom:1rem}.retry-button{background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#1e293b;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;transition:all .3s;box-shadow:0 4px 16px #fbbf2480}.retry-button:hover{background:linear-gradient(45deg,#f59e0b,#d97706);transform:translateY(-2px)}.dashboard-header{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;padding:2rem;margin-bottom:2rem;border:2px solid #60a5fa;box-shadow:0 8px 24px #3b82f64d}.header-content h1{font-size:2.5rem;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tagline{font-size:1.3rem;color:#fbbf24;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.description{font-size:1.1rem;color:#e0e7ff;margin-bottom:1rem}.header-stats{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e3a8acc,#1e40afcc);padding:1rem;border-radius:8px;margin-top:1.5rem;border:1px solid #60a5fa;flex-wrap:wrap;gap:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#e0e7ff;font-weight:500}.stat-indicator{width:12px;height:12px;border-radius:50%;background:#fbbf24;box-shadow:0 0 12px #fbbf24}.stat-indicator.active{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 12px #fbbf24}50%{opacity:.7;box-shadow:0 0 20px #fbbf24}}.refresh-button{background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#1e293b;border:none;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #fbbf2480;border:2px solid #fcd34d}.refresh-button:hover{background:linear-gradient(45deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2499}.main-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;max-width:100%;overflow:hidden}.alerts-section{background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:12px;padding:2rem;border:2px solid #60a5fa;box-shadow:0 8px 24px #3b82f64d;box-sizing:border-box;max-width:100%;overflow:hidden}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.filters{display:flex;flex-direction:column;gap:1rem;background:#1e3a8a80;padding:1rem;border-radius:8px;border:1px solid #3b82f6}.filter-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-group label{color:#fbbf24;font-weight:600;min-width:60px;font-size:.9rem}.filter-btn{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#e0e7ff;border:2px solid #3b82f6;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s}.filter-btn:hover{background:linear-gradient(135deg,#1e40af,#2563eb);border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.filter-btn.active{background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#1e293b;border:2px solid #fcd34d;box-shadow:0 4px 16px #fbbf2480;transform:translateY(-2px)}.alerts-list{display:flex;flex-direction:column;gap:1.5rem}.no-alerts{text-align:center;padding:3rem;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:12px;border:2px solid #3b82f6}.no-alerts p{font-size:1.2rem;color:#fbbf24;font-weight:600}.no-alerts-subtitle{font-size:1rem;color:#e0e7ff;margin-top:.5rem}.alert-card{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-radius:10px;padding:1.5rem;border:2px solid #3b82f6;border-left-width:6px;transition:all .3s;box-shadow:0 4px 12px #3b82f633;box-sizing:border-box;max-width:100%;overflow:hidden}.alert-card:hover{transform:translate(8px);box-shadow:0 8px 24px #3b82f666;border-color:#60a5fa}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alert-provider{font-weight:700;color:#fbbf24;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.alert-severity{padding:.3rem .9rem;border-radius:12px;color:#1e293b;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(45deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466}.alert-title{font-size:1.1rem;color:#fff;margin-bottom:.75rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.alert-description{color:#e0e7ff;line-height:1.6;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word}.alert-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#93c5fd;font-weight:500}.sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:12px;padding:1.5rem;border:2px solid #60a5fa;box-shadow:0 8px 24px #3b82f64d}.sidebar-section h3{font-size:1.3rem;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-subtitle{color:#fbbf24;font-size:.9rem;margin-bottom:1.5rem;font-weight:600}.providers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.provider-card{background:linear-gradient(135deg,#1e3a8a,#1e40af);padding:1rem;border-radius:8px;border:2px solid #3b82f6;transition:all .3s;box-shadow:0 2px 8px #3b82f633}.provider-card:hover{transform:translateY(-4px);border-color:#fbbf24;box-shadow:0 6px 20px #fbbf244d;background:linear-gradient(135deg,#1e40af,#2563eb)}.provider-name{font-weight:700;color:#fff;margin-bottom:.5rem;font-size:1rem}.provider-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#e0e7ff;font-weight:500}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.connected{background:#fbbf24;box-shadow:0 0 12px #fbbf24;animation:glow 2s infinite}@keyframes glow{0%,to{box-shadow:0 0 12px #fbbf24}50%{box-shadow:0 0 20px #fbbf24,0 0 30px #fbbf24}}@media (max-width: 1024px){.main-grid{grid-template-columns:1fr}.providers-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 768px){.dashboard-container{padding:.75rem}.dashboard-header{padding:1rem;flex-direction:column;gap:1rem}.header-content h1{font-size:1.4rem}.tagline{font-size:.95rem}.description{font-size:.9rem}.header-stats{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions .status-bar{flex-wrap:wrap;gap:.5rem}.refresh-button{width:100%;padding:.75rem 1rem}.alerts-section{padding:1rem}.section-header h2,.section-title{font-size:1.3rem;margin-bottom:1rem}.filter-group{flex-direction:column;align-items:flex-start}.providers-grid,.stats-grid{grid-template-columns:1fr 1fr}.alert-header{flex-direction:column;align-items:flex-start;gap:.5rem}.alert-meta{flex-direction:column;gap:.25rem}.alert-card{max-width:100%;width:100%;padding:1rem}.alert-card:hover{transform:none}.alert-title{font-size:.95rem;line-height:1.4}.alerts-list{gap:1rem}}@media (max-width: 768px){.mobile-filter-row{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.mobile-filter-row::-webkit-scrollbar{display:none}.mobile-filter-row>div{flex-wrap:nowrap!important;min-width:max-content}.mobile-header-row{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.mobile-header-row h1{font-size:1.3rem!important}.mobile-tagline{font-size:.9rem!important}}@media (max-width: 480px){.dashboard-container{padding:.5rem}.dashboard-header{padding:.75rem;border-radius:8px;margin-bottom:1rem}.header-content h1{font-size:1.2rem}.tagline{font-size:.85rem}.alerts-section,.sidebar-section,.providers-section,.stats-section{padding:.75rem;border-radius:8px}.providers-grid{grid-template-columns:1fr;gap:.5rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.alert-card{padding:1rem}.alert-title{font-size:1rem}.alert-description{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0d1117;color:#8b949e;line-height:1.6;min-height:100vh}a{color:#58a6ff;text-decoration:none}a:hover{color:#79b8ff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#484f58}::selection{background:#58a6ff;color:#0d1117}