:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: rgba(59, 130, 246, .2);--success: #22c55e;--success-light: rgba(34, 197, 94, .2);--warning: #eab308;--warning-light: rgba(234, 179, 8, .2);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .2);--info: #3b82f6;--background: #0a0f1a;--foreground: #f1f5f9;--muted: #1e293b;--muted-foreground: #94a3b8;--border: #334155;--input: #1e293b;--card: #111827;--card-foreground: #f1f5f9;--sidebar-bg: #0f172a;--sidebar-width: 256px;--radius: .5rem}.app-layout{display:flex;min-height:100vh;background:var(--muted)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);position:fixed;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:.5rem;height:4rem;padding:0 1.5rem;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1.125rem;font-weight:600;color:#fff}.sidebar-header span{display:none}.sidebar-nav{padding:1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:.25rem;color:#94a3b8;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius);transition:all .15s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--primary);color:#fff}.nav-item svg{width:1rem;height:1rem}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem;background:var(--background);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:600;color:#fff}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-size:.875rem;font-weight:600;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--card);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}.stat-card.healthy{border-left:4px solid var(--success)}.stat-card.warning{border-left:4px solid var(--warning)}.stat-card.critical{border-left:4px solid var(--danger)}.stat-card.info{border-left:4px solid var(--primary)}.stat-value{font-size:2rem;font-weight:700;color:#fff}.stat-label{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);background:var(--muted)}td{font-size:.875rem;color:var(--card-foreground)}tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-healthy{background:var(--success-light);color:var(--success)}.badge-degraded{background:var(--warning-light);color:var(--warning)}.badge-unhealthy{background:var(--danger-light);color:var(--danger)}.badge-pending{background:var(--primary-light);color:var(--primary)}.badge-active{background:var(--success-light);color:var(--success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--muted);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--card-foreground);margin-bottom:.375rem}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--muted);color:var(--foreground);transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background)}.login-card{background:var(--card);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000004d;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.5rem;font-weight:600;color:#fff}.login-header p{color:var(--muted-foreground);margin-top:.5rem}.login-error{background:var(--danger-light);color:var(--danger);padding:.75rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.alert-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}.alert-item:last-child{border-bottom:none}.alert-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600}.alert-icon.critical{background:var(--danger-light);color:var(--danger)}.alert-icon.warning{background:var(--warning-light);color:#b45309}.alert-icon.info{background:var(--primary-light);color:var(--primary)}.alert-content{flex:1}.alert-message{font-weight:500;color:var(--card-foreground)}.alert-meta{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.client-card{background:var(--card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border);border-left:4px solid var(--border);cursor:pointer;transition:all .15s}.client-card:hover{box-shadow:0 4px 12px #0000004d;background:var(--muted)}.client-card.healthy{border-left-color:var(--success)}.client-card.degraded{border-left-color:var(--warning)}.client-card.unhealthy{border-left-color:var(--danger)}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.client-name{font-weight:600;color:#fff}.client-slug{font-size:.75rem;color:var(--muted-foreground)}.client-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--muted-foreground)}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-weight:600;color:#fff}.modal-close{background:none;border:none;cursor:pointer;color:var(--muted-foreground);font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--foreground)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}body{background:var(--background);color:var(--foreground)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s;z-index:40}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}