*{box-sizing:border-box;margin:0;overflow-x:hidden;padding:0}:root{--bg-dark:#0d1117;--bg-card:#161b22;--bg-hover:#1c2128;--text-primary:#f0f6fc;--text-secondary:#8b949e;--primary:#4a90e2;--primary-light:#6ba3f5;--accent:#d4a574;--accent-light:#e8c4a0;--danger:#f85149;--success:#3fb950;--warning:#d29922;--border:#30363d;--shadow:0 4px 6px #0000004d;--shadow-hover:0 10px 15px #4a90e226}body,html{background-color:#0d1117;background-color:var(--bg-dark);color:#f0f6fc;color:var(--text-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;width:100%}body{line-height:1.6}.top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#161b22f2;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.top-nav-container{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:1rem 1.5rem}.top-nav-brand{gap:.75rem}.top-nav-brand,.top-nav-logo{align-items:center;display:flex}.top-nav-logo{background-color:#000;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.top-nav-title{color:#f0f6fc;color:var(--text-primary);font-size:1.25rem;font-weight:600}.top-nav-actions{align-items:center;display:flex;gap:1rem}.top-nav-button{align-items:center;background:none;border:none;color:#8b949e;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:color .2s ease}.top-nav-button:hover{color:#f0f6fc;color:var(--text-primary)}.top-nav-notification-badge{background-color:#f85149;background-color:var(--danger);border-radius:50%;height:.5rem;position:absolute;right:.25rem;top:.25rem;width:.5rem}.top-nav-avatar{align-items:center;background-color:#4a90e233;border-radius:50%;color:#6ba3f5;color:var(--primary-light);display:flex;font-size:.875rem;font-weight:600;height:2.5rem;justify-content:center;margin-left:.5rem;width:2.5rem}.client-grid-container{margin:0 auto;max-width:1600px;padding:2rem 1.5rem}.client-grid-header{margin-bottom:2rem}.client-grid-title{color:#f0f6fc;color:var(--text-primary);font-size:1.5rem;font-weight:600}.client-grid-subtitle{color:#8b949e;color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.client-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:640px){.client-grid{grid-template-columns:1fr}}@media (min-width:768px){.client-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.client-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.client-grid{grid-template-columns:repeat(4,1fr)}}.client-card{background-color:#161b22;background-color:var(--bg-card);border:1px solid #30363d;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .3s ease}.client-card:hover{box-shadow:0 10px 15px #4a90e226;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.client-card-gradient{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.client-card:hover .client-card-gradient{opacity:1}.client-card-gradient.excellent{background:linear-gradient(135deg,#3fb9501a,#3fb9500d)}.client-card-gradient.stable{background:linear-gradient(135deg,#4a90e21a,#4a90e20d)}.client-card-gradient.warning{background:linear-gradient(135deg,#d4a5741a,#d4a5740d)}.client-card-gradient.critical{background:linear-gradient(135deg,#f851491a,#f851490d)}.client-card-content{padding:1.25rem;position:relative}.client-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.client-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f0f6fc;color:var(--text-primary);display:-webkit-box;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden}.client-card-status{align-items:center;background-color:#161b2280;border-radius:9999px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.client-card-status-label{color:#8b949e;color:var(--text-secondary)}.client-card-metric{margin-bottom:1rem}.client-card-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.client-card-metric-label{color:#8b949e;color:var(--text-secondary);font-size:.75rem;font-weight:500}.client-card-metric-value{color:#f0f6fc;color:var(--text-primary);font-size:.875rem;font-weight:600}.client-card-progress-bar{background-color:#1c2128;background-color:var(--bg-hover);border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.client-card-progress-fill{background:linear-gradient(90deg,#4a90e2,#6ba3f5);background:linear-gradient(to right,var(--primary),var(--primary-light));height:100%;transition:width .5s ease}.client-card-progress-fill.risk-high{background:linear-gradient(90deg,#f85149,#ff6b6b);background:linear-gradient(to right,var(--danger),#ff6b6b)}.client-card-progress-fill.risk-medium{background:linear-gradient(90deg,#d4a574,#e8c4a0);background:linear-gradient(to right,var(--accent),var(--accent-light))}.client-card-progress-fill.risk-low{background:linear-gradient(90deg,#3fb950,#58a368);background:linear-gradient(to right,var(--success),#58a368)}.client-card-recommendation{background-color:#8b949e1a;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.client-card-recommendation-text{color:#8b949e;color:var(--text-secondary);font-size:.75rem;line-height:1.5}.client-card-action-button{background-color:#4a90e21a;border:1px solid #4a90e24d;border-radius:.375rem;color:#6ba3f5;color:var(--primary-light);cursor:pointer;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .3s ease;width:100%}.client-card-action-button:hover{background-color:#4a90e233;border-color:#4a90e280}.client-card-action-button.hidden{opacity:.9;transform:translateY(.25rem)}.client-card:hover .client-card-action-button.hidden{opacity:1;transform:translateY(0)}svg{display:inline-block;vertical-align:middle}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.client-card{animation:fadeInUp .4s ease forwards}body{background:#181818}.dashboard-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;padding:24px 16px;width:100vw}.client-recommendation{color:#00bcd4;font-weight:600;margin-top:5px}.loading{color:#00bcd4;font-size:1.5rem}.error,.loading{margin-top:60px;text-align:center}.error{color:#ff5050;font-size:1.3rem;font-weight:600}.dashboard-title{color:#fff;font-family:Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:1.6rem;margin-top:1.1rem;text-align:center;text-shadow:0 1px 7px #0007;transform:scale(.93)}.cards-holder{align-items:center;display:flex;flex-direction:column;gap:22px;width:100%}.client-card{background:#222;border:1.25px solid #222;border-radius:10px;box-shadow:0 2px 6px #0009;margin:0;max-width:520px;padding:18px 22px;transform:scale(.95);transition:box-shadow .18s,background .18s;width:94%}.client-card:hover{box-shadow:0 10px 20px #00bcd466;cursor:pointer;transform:translateY(-3px);transition:box-shadow .3s ease,transform .3s ease}.client-card.healthy{background:#202c22;border-color:#36cc77}.client-card.alert{background:#322;border-color:#ff4c4c}.client-name{color:#f7f7f7;font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 .5px 3px #0008}.client-detail{color:#d1d1d1;font-size:1.03rem;margin-bottom:4px}.alert-message{color:#ff5050;font-size:1.06rem;font-weight:700;text-shadow:0 0 4px #0006}.client-details{background:#1a1a1a;color:#e5e7eb;font-family:Inter,sans-serif;min-height:100vh;padding:2rem}.not-found{align-items:center;color:#e5e7eb;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;text-align:center}.back-button,.back-link{align-items:center;color:#e5e7eb;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1rem;text-decoration:none}.back-button:hover,.back-link:hover{color:#fff;text-decoration:underline}.header .client-header{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.client-id{color:#9ca3af;font-size:.875rem}.status-badge{align-items:center;border:1px solid;border-radius:9999px;display:inline-flex;font-weight:500;gap:.5rem;padding:.3rem .6rem;text-transform:capitalize}.status-badge.excellent{border-color:#047857;color:#16a34a}.status-badge.stable{border-color:#1e40af;color:#2563eb}.status-badge.warning{border-color:#78350f;color:#ca8a04}.status-badge.critical{border-color:#991b1b;color:#dc2626}.metrics{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.card{background:#2c2c2c;border:1px solid #3f3f3f;border-radius:1rem;box-shadow:0 2px 8px #0006;flex:1 1;min-width:280px;padding:1.5rem}.card h2,.card h3{font-size:1.125rem}.card h2,.card h3,.metric{color:#e5e7eb;margin-bottom:.5rem}.metric{display:flex;font-weight:500;justify-content:space-between}.progress-bar{background:#3f3f3f;border-radius:.25rem;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{border-radius:.25rem;height:100%}.green{background:#16a34a}.yellow{background:#ca8a04}.red{background:#dc2626}.blue{background:#2563eb}.metric-note{color:#9ca3af;font-size:.875rem}.recommendation p{color:#e5e7eb}.insights{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.footer{color:#9ca3af;font-size:.875rem;padding:2rem 0;text-align:center}.icon{height:1.25rem;width:1.25rem}.icon.small{height:1rem;width:1rem}.recommendation{margin-bottom:30px}.welcome-page{align-items:center;background:#1a1a1a;color:#e5e7eb;display:flex;flex-direction:column;justify-content:center;margin-left:60px;min-height:100vh;padding:2rem;text-align:center}.welcome-content h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.welcome-content p{color:#9ca3af;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.btn-primary{background:#2563eb;border-radius:.75rem;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.btn-primary:hover{background:#1e40af;transform:translateY(-2px)}.welcome-illustration{margin-top:3rem}@media (min-width:768px){.welcome-page{flex-direction:row;justify-content:space-between;text-align:left}.welcome-content{max-width:50%}.welcome-illustration{max-width:45%}}
/*# sourceMappingURL=main.4bfe3c34.css.map*/