:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-green: #22c55e;--accent-red: #ef4444;--accent-yellow: #eab308;--accent-blue: #3b82f6;--border-color: #475569}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:1rem;padding:1rem;min-height:100vh}.header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.header h1{font-size:1.5rem;font-weight:600}.header .status-indicator{display:flex;align-items:center;gap:.5rem}.panel{background:var(--bg-secondary);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.panel-header h2{font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.panel-content{flex:1;overflow:auto}.container-grid{display:flex;flex-direction:column;gap:.5rem}.container-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.375rem;border-left:3px solid var(--border-color)}.container-card.running{border-left-color:var(--accent-green)}.container-card.exited{border-left-color:var(--accent-red)}.container-card.restarting{border-left-color:var(--accent-yellow)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color)}.status-dot.running{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-dot.exited{background:var(--accent-red)}.container-info{display:flex;flex-direction:column;gap:.25rem}.container-name{font-weight:500;font-size:.9rem}.container-details{font-size:.75rem;color:var(--text-secondary)}.container-actions{display:flex;gap:.5rem}.btn{padding:.375rem .75rem;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-start{background:var(--accent-green);color:#fff}.btn-stop{background:var(--accent-red);color:#fff}.btn-restart{background:var(--accent-blue);color:#fff}.btn-logs{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn:hover{opacity:.8;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.log-viewer{background:#000;border-radius:.375rem;padding:1rem;font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.5;overflow:auto;max-height:400px;white-space:pre-wrap;word-break:break-all}.log-line{margin:0;padding:.125rem 0}.log-line.error{color:var(--accent-red)}.log-line.warning{color:var(--accent-yellow)}.log-line.info{color:var(--accent-green)}.vnc-container{width:100%;height:400px;background:#000;border-radius:.375rem;overflow:hidden}.vnc-container iframe{width:100%;height:100%;border:none}.vnc-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}.db-table{width:100%;border-collapse:collapse;font-size:.8rem}.db-table th,.db-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.db-table th{color:var(--text-secondary);font-weight:500;text-transform:uppercase;font-size:.7rem}.db-table tr:hover{background:var(--bg-tertiary)}.gateway-status{display:flex;flex-direction:column;gap:1rem}.gateway-card{padding:1rem;background:var(--bg-tertiary);border-radius:.375rem;display:flex;justify-content:space-between;align-items:center}.gateway-info h3{font-size:1rem;margin-bottom:.25rem}.gateway-message{font-size:.8rem;color:var(--text-secondary)}.connection-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.connection-status.connected{background:#22c55e33;color:var(--accent-green)}.connection-status.disconnected{background:#ef444433;color:var(--accent-red)}.connection-status.pending{background:#eab30833;color:var(--accent-yellow)}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;background:var(--bg-tertiary);border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tab.active{background:var(--accent-blue);color:#fff}.tab:hover:not(.active){background:var(--border-color)}.refresh-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.375rem .75rem;border-radius:.25rem;cursor:pointer;font-size:.75rem;display:flex;align-items:center;gap:.375rem}.refresh-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.refresh-btn.loading{opacity:.5}@media (max-width: 1024px){.dashboard{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}