@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-main:#0b0d13;--bg-grid:#06070a;--card-bg:#131620a6;--card-bg-hover:#1b1f2dcc;--card-border:#ffffff14;--card-border-active:#00f2fe66;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#657081;--accent-cyan:#00f7ff;--accent-cyan-glow:#00f7ff26;--accent-purple:#a651fb;--accent-purple-glow:#a651fb26;--accent-green:#13ec6d;--accent-green-glow:#13ec6d26;--accent-red:#f53d4d;--accent-red-glow:#f53d4d26;--accent-yellow:#ffc61a;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 32px #0000005e}.glass-hover:hover{background:var(--card-bg-hover);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:var(--bg-main);font-family:var(--font-sans);cursor:pointer;border:none;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #00f2fe4d}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px #00f2fe80}.dashboard-layout{grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--card-border);flex-direction:column;height:100%;padding:24px;display:flex}.sidebar-logo{background:linear-gradient(to right, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:40px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;list-style:none;display:flex}.menu-item{color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.menu-item:hover,.menu-item.active{color:var(--text-primary);background:#ffffff0d}.menu-item.active{border-left:3px solid var(--accent-cyan);background:#00f2fe0d}.main-content{background:radial-gradient(circle at 80% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 10% 80%,#06b6d414 0%,#0000 50%);flex-direction:column;height:100vh;padding:32px;display:flex;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.user-badge{color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.status-dot.offline{background-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red)}.vitals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.vital-card{flex-direction:column;gap:16px;padding:24px;display:flex}.vital-card-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.vital-value{letter-spacing:-1px;font-size:2.25rem;font-weight:700}.progress-bar-bg{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--accent-cyan), var(--accent-purple));border-radius:3px;height:100%;transition:width .5s ease-out}.docker-grid{grid-template-columns:1fr;gap:16px;display:grid}.container-row{border:1px solid var(--card-border);background:#ffffff05;border-radius:12px;grid-template-columns:2fr 2fr 1.5fr 1fr 1.5fr;align-items:center;padding:18px 24px;transition:all .2s;display:grid}.container-row:hover{background:#ffffff0a;border-color:#ffffff1f}.action-btn{cursor:pointer;color:var(--text-primary);background:#ffffff0d;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{background:#ffffff1a}.action-btn.start{color:var(--accent-green);border-color:#22c55e33}.action-btn.stop{color:var(--accent-red);border-color:#ef444433}.db-layout{grid-template-columns:300px 1fr;gap:24px;display:grid}.db-sidebar{padding:20px}.db-main{flex-direction:column;gap:20px;display:flex}.query-editor{border:1px solid var(--card-border);font-family:var(--font-mono);color:var(--accent-cyan);resize:vertical;background:#0006;border-radius:12px;width:100%;min-height:120px;padding:16px;font-size:.95rem}.terminal-window{border:1px solid var(--card-border);font-family:var(--font-mono);color:#a9b2c3;white-space:pre-wrap;background:#090e1a;border-radius:12px;height:300px;padding:18px;font-size:.85rem;overflow-y:auto;box-shadow:inset 0 0 10px #000c}.terminal-header{color:var(--text-muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:.75rem;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.login-screen{background:radial-gradient(circle,#a651fb14 0%,#0000 70%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{text-align:center;flex-direction:column;gap:24px;width:400px;padding:40px;display:flex}.login-input{border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s}.login-input:focus{border-color:var(--accent-cyan)}.agent-chat-container{grid-template-columns:280px 1fr;gap:24px;height:calc(100vh - 180px);display:grid}.chat-window{flex-direction:column;height:100%;display:flex}.messages-list{border:1px solid var(--card-border);background:#0003;border-radius:12px;flex-direction:column;flex-grow:1;gap:12px;height:300px;margin-bottom:16px;padding:16px;display:flex;overflow-y:auto}.message-bubble{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.4}.message-bubble.user{color:var(--text-primary);background:#00f2fe1a;border:1px solid #00f2fe4d;align-self:flex-end}.message-bubble.assistant{color:var(--text-primary);background:#8b5cf61a;border:1px solid #8b5cf64d;align-self:flex-start}.chat-input-area{gap:12px;display:flex}.chat-input{border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;border-radius:8px;outline:none;flex-grow:1;padding:12px 16px;transition:all .2s}.chat-input:focus{border-color:var(--accent-cyan)}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-row-hover:hover{background:#ffffff08}.status-badge{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.status-badge.online{color:var(--accent-green);background:#22c55e1a;border:1px solid #22c55e4d;box-shadow:0 0 8px #22c55e26}.status-badge.offline{color:var(--accent-red);background:#ef44441a;border:1px solid #ef44444d;box-shadow:0 0 8px #ef444426}.terminal-window{border-color:#8b5cf633;box-shadow:inset 0 0 20px #000000e6,0 0 10px #8b5cf61a}input[type=range]{-webkit-appearance:none;background:#ffffff14;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);width:16px;height:16px;box-shadow:0 0 10px var(--accent-cyan);cursor:pointer;border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}