@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-main:#090d16;--bg-card:#111827;--bg-card-hover:#1f2937;--border-color:#2d3748;--text-main:#f3f4f6;--text-muted:#9ca3af;--primary:#3b82f6;--primary-glow:rgba(59,130,246,.15);--success:#10b981;--success-glow:rgba(16,185,129,.1);--danger:#ef4444;--danger-glow:rgba(239,68,68,.1);--warning:#f59e0b;--warning-glow:rgba(245,158,11,.1);--shadow:0 4px 20px 0 rgba(0,0,0,.4);--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1400px;margin:0 auto;padding:1.5rem}header{justify-content:space-between;border-bottom:1px solid var(--border-color);padding:1rem 0;margin-bottom:2rem}.brand,header{display:flex;align-items:center}.brand{gap:.75rem}.brand-icon{background:linear-gradient(135deg,var(--primary),#60a5fa);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow)}.brand h1{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-nav{display:flex;gap:1rem}.btn,.user-nav{align-items:center}.btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);font-family:inherit;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:inline-flex;gap:.5rem;transition:var(--transition)}.btn:hover{background:var(--bg-card-hover);box-shadow:0 0 10px var(--primary-glow)}.btn-primary,.btn:hover{border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-danger{background:transparent;border-color:rgba(239,68,68,.4);color:var(--danger)}.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 0 10px var(--danger-glow)}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:85vh}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--primary),var(--success))}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login-subtitle{color:var(--text-muted);font-size:.875rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.form-control{width:100%;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.error-message{background:var(--danger-glow);border:1px solid var(--danger);color:var(--danger);padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem}.dashboard-grid,.dashboard-grid-wide{display:grid;gap:1.5rem;margin-bottom:1.5rem}.dashboard-grid-wide{grid-template-columns:2fr 1fr;grid-gap:1.5rem}@media (max-width:1024px){.dashboard-grid-wide{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{border-color:#4b5563}.card-title{font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}.docker-container{display:flex;flex-direction:column;gap:1rem}.docker-row{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.docker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.docker-name{font-weight:600;font-size:.95rem;color:var(--text-main)}.docker-stats-summary{font-size:.8rem;color:var(--text-muted)}.docker-bars{display:flex;flex-direction:column;gap:.5rem}.progress-container{display:flex;align-items:center;gap:.75rem}.progress-label{font-size:.75rem;width:50px;color:var(--text-muted)}.progress-bar-bg{flex-grow:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width .4s ease}.progress-bar.warning{background:var(--warning)}.progress-bar.danger{background:var(--danger)}.progress-val{font-size:.75rem;font-weight:500;width:40px;text-align:right}.kpi-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.5rem}@media (max-width:1024px){.kpi-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-container{grid-template-columns:1fr}}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.kpi-title{font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.kpi-footer{font-size:.75rem;color:var(--text-muted)}.kpi-glow-blue:after{background:radial-gradient(circle,var(--primary-glow) 0,transparent 70%)}.kpi-glow-blue:after,.kpi-glow-green:after{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px}.kpi-glow-green:after{background:radial-gradient(circle,var(--success-glow) 0,transparent 70%)}.kpi-glow-red:after{background:radial-gradient(circle,var(--danger-glow) 0,transparent 70%)}.kpi-glow-orange:after,.kpi-glow-red:after{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px}.kpi-glow-orange:after{background:radial-gradient(circle,var(--warning-glow) 0,transparent 70%)}.chart-container{position:relative;height:280px;width:100%}.table-wrapper{overflow-x:auto;width:100%;margin-top:.5rem}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{color:var(--text-muted);font-weight:500}td,th{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}td{color:var(--text-main);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:hsla(0,0%,100%,.02)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:var(--success-glow);color:var(--success)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-info{background:var(--primary-glow);color:var(--primary)}.mono{font-family:JetBrains Mono,monospace;font-size:.85rem}.indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);margin-right:.5rem}.indicator.loading{background:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.control-group{display:flex;align-items:center;gap:.5rem}.select-control{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:.5rem;font-family:inherit;cursor:pointer}.select-control:focus{outline:none;border-color:var(--primary)}