@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap";.chat-layout-centered{width:100%;max-width:calc(100% - 40px)!important;margin:0 auto!important;padding:0 24px}.chat-bubble{display:flex;flex-direction:column;margin-bottom:40px;position:relative;width:100%;animation:fadeInSlide .5s ease-out forwards}.chat-bubble.user{align-items:flex-end}.chat-bubble.user .chat-bubble-content{background:#fce8d8!important;color:#1a1a1a!important;padding:12px 24px;border-radius:24px;font-size:.95rem;font-weight:500;line-height:1.5;max-width:80%;box-shadow:0 4px 12px #0000000d;border:none!important;align-self:flex-end}.chat-bubble.user .chat-bubble-content *{background:transparent!important;color:inherit!important}.chat-bubble.user .chat-avatar,.chat-bubble.user .chat-sender{display:none}.chat-bubble.assistant{align-items:flex-start}.chat-bubble.assistant .chat-bubble-content{width:100%;background:transparent!important;border:none!important;box-shadow:none!important;padding:0}.chat-bubble.assistant .chat-sender{margin-bottom:16px;font-weight:600;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.chat-bubble.assistant .chat-avatar{margin:0;width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.markdown-content{font-size:1.05rem;line-height:1.75;color:var(--text-primary)}.markdown-content h1,.markdown-content h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:700}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content p{margin-bottom:1.25rem;opacity:.9}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.75rem}.code-block-container{background:var(--bg-terminal);border-radius:12px;margin:20px 0;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow);animation:slideUp .4s ease-out;width:100%;box-sizing:border-box}.code-block-header{background:var(--bg-terminal-header);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.code-block-lang{font-family:var(--font-mono);font-size:.75rem;color:var(--text-terminal-muted);text-transform:uppercase}.copy-button{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#9ca3af;font-size:.75rem;cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px}.copy-button:hover{color:#fff;background:#ffffff1a}.code-block-content{padding:20px!important;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;color:var(--text-terminal)!important;margin:0;overflow-x:auto}.terminal-block{background:var(--bg-terminal)!important;border-radius:12px;margin:24px 0;width:100%;box-sizing:border-box;overflow:hidden}.terminal-block .terminal-body{overflow-x:hidden;padding:12px 16px;max-width:100%}.terminal-block .terminal-body pre,.terminal-block .terminal-output{white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.sticky-input-container{padding:0 20px;max-width:calc(100% - 40px);margin:0 auto}.chat-view-container{overflow-x:hidden}.account-container{max-width:1000px}.account-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.account-grid{grid-template-columns:1fr 2fr}}.profile-card{position:relative;height:100%;overflow:hidden;background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-normal)}.profile-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-size:cover;background-position:center;mix-blend-mode:overlay;transition:opacity var(--transition-slow);z-index:0}.profile-card:hover .profile-card-bg{opacity:.3}.profile-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-primary),transparent 80%);opacity:.6;z-index:1}.profile-card-content{position:relative;z-index:2;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-container{position:relative;margin-bottom:var(--spacing-md)}.profile-avatar{width:96px;height:96px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500),#7c3aed);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:0 20px 25px -5px #6366f133;border:4px solid rgba(255,255,255,.1)}.profile-status-dot{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:var(--status-success);border-radius:50%;border:4px solid var(--bg-primary);display:flex;align-items:center;justify-content:center}.profile-status-pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.profile-role-badge{padding:.125rem .75rem;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#6366f11a;color:var(--primary-400);border:1px solid rgba(99,102,241,.3);margin:var(--spacing-sm) 0 var(--spacing-lg)}.profile-divider{width:100%;height:1px;background:var(--glass-border);margin-bottom:var(--spacing-lg)}.profile-details{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.profile-detail-label{color:var(--text-muted)}.profile-detail-value{color:var(--text-primary);font-weight:500}.profile-detail-mono{font-family:var(--font-mono);font-size:.75rem}.security-card{position:relative;background:#1a1a2e33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:0 10px 30px -10px #0000004d}.security-card:hover{border-color:#8b5cf666;box-shadow:0 20px 40px -15px #0006}.security-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-size:cover;background-position:center;mix-blend-mode:color-dodge;transition:opacity var(--transition-slow),transform 10s linear;z-index:0}.security-card:hover .security-card-bg{opacity:.25;transform:scale(1.1)}.security-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--bg-primary) 0%,transparent 100%);opacity:.4;z-index:1}.security-card-header{position:relative;z-index:2;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-400);font-weight:600;background:#ffffff05}.security-card-content{position:relative;z-index:2;padding:var(--spacing-lg)}.security-form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 640px){.security-form-grid{grid-template-columns:1fr 1fr}}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-left:4px}.password-input-wrapper{position:relative}.password-input-wrapper .chat-input{width:100%;padding-right:var(--spacing-xl)}.security-form-actions{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end}.btn-update-password{background:linear-gradient(to right,var(--primary-600),var(--primary-700));color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 10px 15px -3px #6366f14d;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-update-password:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f166}.btn-update-password:disabled{opacity:.6;cursor:not-allowed;transform:none}.clone-project-container{padding:var(--spacing-xl);height:100%;overflow-y:auto}.clone-header{margin-bottom:var(--spacing-xl)}.clone-title-section h1{display:flex;align-items:center;gap:var(--spacing-md);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.clone-subtitle{color:var(--text-secondary);font-size:.95rem;margin-left:calc(28px + var(--spacing-md))}.clone-content{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-xl)}@media (max-width: 1200px){.clone-content{grid-template-columns:1fr}}.clone-form-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.clone-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom:1px solid var(--glass-border)}.section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.section-header svg{color:var(--primary-500)}.section-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #8b5cf626}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.password-group .password-input-wrapper{display:flex;gap:var(--spacing-xs)}.password-group .password-input-wrapper input{flex:1}.password-toggle,.generate-btn{display:flex;align-items:center;justify-content:center;width:40px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.password-toggle:hover,.generate-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:400;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-500);cursor:pointer}.advanced-section{border:1px dashed var(--glass-border);background:transparent}.advanced-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.advanced-toggle:hover{color:var(--text-primary);background:#8b5cf60d}.advanced-toggle svg:last-child{margin-left:auto}.advanced-content{border-top:1px dashed var(--glass-border)}.clone-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.clone-btn{display:flex;align-items:center;gap:var(--spacing-sm);min-width:160px;justify-content:center}.clone-progress-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:fit-content;position:sticky;top:var(--spacing-xl)}.progress-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#22c55e1a,#3b82f61a)}.progress-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.progress-header svg{color:var(--status-success)}.progress-content{padding:var(--spacing-lg);min-height:300px}.progress-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:250px;color:var(--text-muted);gap:var(--spacing-md)}.progress-empty svg{opacity:.3}.progress-empty p{font-size:.9rem;max-width:250px}.progress-steps{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-step{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--glass-border);transition:all .3s ease}.progress-step.completed{border-left-color:var(--status-success);background:#22c55e1a}.progress-step.running{border-left-color:var(--accent-500);background:#3b82f61a}.progress-step.error{border-left-color:var(--status-error);background:#ef44441a}.step-icon{flex-shrink:0;margin-top:2px}.step-icon.completed{color:var(--status-success)}.step-icon.running{color:var(--accent-500)}.step-icon.error{color:var(--status-error)}.step-icon.pending{color:var(--text-muted)}.step-content{display:flex;flex-direction:column;gap:2px}.step-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.step-message{font-size:.75rem;color:var(--text-secondary)}.steps-info{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--glass-border);background:var(--bg-secondary)}.steps-info h4{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.steps-info ol{margin:0;padding-left:var(--spacing-lg);font-size:.75rem;color:var(--text-muted);line-height:1.8}.steps-info ol li::marker{color:var(--primary-500)}.result-modal{max-width:550px}.result-modal .modal-header h3{display:flex;align-items:center;gap:var(--spacing-sm)}.success-icon{color:var(--status-success)}.error-icon{color:var(--status-error)}.result-success{display:flex;flex-direction:column;gap:var(--spacing-lg)}.result-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.result-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;font-weight:600;color:var(--primary-400);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--glass-border)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:.875rem}.result-item span{color:var(--text-secondary)}.result-item code{background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:.8rem;color:var(--accent-400)}.result-item a{color:var(--accent-400);text-decoration:none}.result-item a:hover{text-decoration:underline}.result-item.success{color:var(--status-success);justify-content:flex-start;gap:var(--spacing-sm)}.result-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-md);color:var(--status-warning);font-size:.875rem}.result-error{padding:var(--spacing-lg);background:#ef44441a;border-radius:var(--radius-md);color:var(--status-error)}.failed-step{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(239,68,68,.3);display:flex;gap:var(--spacing-sm);font-size:.875rem}.failed-step code{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-height:90vh;overflow-y:auto;width:100%;max-width:500px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--glass-border)}.ssl-manager{padding:var(--spacing-md);animation:fadeIn .3s ease;width:100%;max-width:1400px;margin:0 auto}.ssl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.ssl-header h1{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:1.8rem;color:var(--text-primary)}[data-theme=light] .ssl-header h1{color:#000!important;background:none!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important}.ssl-header p{color:var(--text-secondary);font-size:.95rem;margin-left:2px}.ssl-table-container{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:var(--glass-shadow)}.ssl-table{width:100%;border-collapse:collapse;font-size:.9rem}.ssl-table th{background:var(--glass-bg);padding:16px 20px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.ssl-table td{padding:16px 20px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.ssl-table tr:last-child td{border-bottom:none}.ssl-table tr:hover{background:#ffffff05}.td-domain{display:flex;align-items:center;gap:12px;font-weight:500;min-width:250px}.td-domain svg{color:var(--primary-color);opacity:.8}.td-domain span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-mono{font-family:SF Mono,Fira Code,monospace}.days-left,.date-display{display:flex;align-items:center;gap:8px;font-size:.9rem}.text-warning{color:#fbbf24}.text-muted{color:var(--text-muted)}.badge{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-flex;letter-spacing:.05em;min-width:80px;justify-content:center}.badge-green{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-red{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-yellow{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-orange{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.badge-gray{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--glass-border)}.status-badge.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.status-badge.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003;filter:brightness(1.2)}.diag-modal{max-width:550px!important}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.diag-item{background:var(--bg-secondary);padding:12px 16px;border-radius:10px;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px}.diag-item.full{grid-column:span 2}.diag-item label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.diag-item span{font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:var(--text-primary);word-break:break-all}.text-success{color:#10b981}.text-error{color:#ef4444}.text-primary-400{color:#818cf8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #4f46e5);box-shadow:0 0 10px #6366f166}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-xs{padding:6px 16px;font-size:.8rem;border-radius:6px}.ssl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:16px}.empty-state{padding:60px;text-align:center;background:transparent;border:none}.empty-state svg{color:var(--text-muted);opacity:.3;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.ssl-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;padding:24px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #00000080;font-weight:500;width:90%;max-width:500px;word-break:break-word;color:#fff;max-height:80vh;overflow-y:auto}.no-server-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .4s ease-out}.no-server-card{width:90%;max-width:480px;padding:64px 40px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:32px;text-align:center;box-shadow:0 32px 64px #0003,0 0 0 1px #ffffff1a inset;animation:scaleUpBounce .6s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1001;margin:auto}.no-server-icon-wrapper{width:80px;height:80px;margin:0 auto 28px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 32px -8px #6366f166;position:relative;animation:float 3s ease-in-out infinite}.no-server-icon-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:28px;background:linear-gradient(135deg,#6366f1,#a855f7);opacity:.3;filter:blur(12px);z-index:-1}.no-server-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.no-server-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:36px;max-width:380px;margin-left:auto;margin-right:auto;opacity:.8}.connect-server-btn{width:100%;padding:16px 32px;background:#6366f1;color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 24px -6px #6366f166}.connect-server-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 20px 32px -8px #6366f180}.connect-server-btn:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleUpBounce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;background-image:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-blend-mode:overlay;padding:2rem;position:relative;overflow:hidden;font-family:Inter,sans-serif}.login-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px}.node-logo-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo-flex{display:flex;align-items:center;gap:1rem}.node-main-logo{filter:drop-shadow(0 0 10px rgba(140,200,75,.4))}.node-text{color:#f0f0f0;font-size:3.5rem;font-weight:600;letter-spacing:-.05em;display:flex;align-items:center}.node-js-box{background:#8cc84b;color:#000;padding:4px 10px;border-radius:6px;font-size:1.2rem;font-weight:900;margin-left:10px;box-shadow:0 4px 15px #8cc84b66;display:inline-flex;align-items:center;justify-content:center}.login-title{font-family:Playfair Display,serif;color:#f5f5f5;font-size:5rem;font-weight:400;letter-spacing:.15em;margin-bottom:3rem;text-shadow:0 0 30px rgba(255,255,255,.05)}.login-box{width:100%;background:#111;border-radius:2rem;padding:4rem 3.5rem;box-shadow:inset 1px 1px #ffffff0d,25px 25px 50px #00000080,-5px -5px 20px #ffffff05;border:1px solid rgba(255,255,255,.03)}.login-form{display:flex;flex-direction:column;gap:2.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{color:#d0d0d0;font-size:1.1rem;font-weight:400;padding-left:.5rem}.styled-input{width:100%;background:#0d0d0d;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:1.25rem 1.5rem;color:#f0f0f0;font-size:1.1rem;box-shadow:inset 2px 2px 8px #0006;transition:all .3s ease}.styled-input:focus{outline:none;border-color:#8cc84b4d;box-shadow:inset 2px 2px 8px #00000080,0 0 15px #8cc84b0d}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#666;cursor:pointer;padding:.5rem;transition:color .2s ease}.password-toggle:hover{color:#8cc84b}.login-button{margin-top:1rem;background:linear-gradient(135deg,#1a1a1a,#111);color:#e0d0b0;padding:1.25rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;font-size:1.2rem;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0000004d;text-transform:uppercase}.login-button:hover:not(:disabled){transform:translateY(-2px);border-color:#e0d0b04d;background:linear-gradient(135deg,#1e1e1e,#151515);box-shadow:0 15px 30px #0006,0 0 20px #e0d0b00d;color:#fff}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{background:#ef44441a;color:#ef4444;padding:1rem;border-radius:.75rem;font-size:.95rem;text-align:center;border:1px solid rgba(239,68,68,.2);margin-bottom:.5rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-content{animation:fadeInSlide .8s cubic-bezier(.2,.8,.2,1) forwards}@media (max-width: 480px){.login-container{padding:1rem}.login-box{padding:3rem 2rem}.login-title{font-size:2.5rem}}.perf-container{padding:2.5rem;color:var(--text-primary);font-family:Rajdhani,sans-serif;min-height:100%}.perf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.perf-header h1{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;margin:0;background:var(--title-gradient, linear-gradient(90deg, #0cebeb, #20e3b2, #29ffc6));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px}.perf-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-top:.5rem;font-weight:500}.perf-top-gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.perf-gauge-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.perf-gauge-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #000000b3}.perf-gauge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-glow, #3b82f6),transparent)}.perf-gauge-card.cpu:before{--card-glow: #0cebeb}.perf-gauge-card.ram:before{--card-glow: #f59e0b}.perf-gauge-card.swap:before{--card-glow: #ec4899}.gauge-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:1rem;color:var(--text-muted, #9ca3af)}.gauge-value-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.gauge-percent{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;line-height:1;color:var(--text-primary);text-shadow:0 0 15px rgba(0,0,0,.1)}.gauge-label{font-size:.9rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;font-weight:600}.gauge-details{margin-top:1.5rem;width:100%;display:flex;justify-content:space-between;font-size:1.1rem}.gauge-detail-item{display:flex;flex-direction:column;align-items:center}.gauge-detail-value{font-weight:600;color:var(--text-primary)}.gauge-detail-label{font-size:.85rem;color:var(--text-primary);text-transform:uppercase;font-weight:600}.perf-charts-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1280px){.perf-charts-grid{grid-template-columns:1fr 1fr}}.perf-chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px -10px #0000001a;position:relative;overflow:hidden}.perf-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.perf-chart-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:1px}.perf-net-stats{display:flex;gap:1.5rem}.net-stat{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-weight:600}.net-stat.up{color:#10b981}.net-stat.down{color:#f43f5e}.perf-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;font-family:Orbitron,sans-serif;color:#0cebeb;font-size:1.5rem;letter-spacing:3px;text-transform:uppercase}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 5px rgba(12,235,235,.5))}50%{filter:drop-shadow(0 0 20px rgba(12,235,235,.8))}to{filter:drop-shadow(0 0 5px rgba(12,235,235,.5))}}.perf-loader-icon{margin-bottom:1.5rem;animation:pulse-glow 2s infinite ease-in-out}.ids-container{display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto 1fr;gap:1.5rem;min-height:calc(100vh - 120px);padding:.5rem;animation:fadeIn .5s ease}.ids-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 2rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0003}.ids-title-section{display:flex;align-items:center;gap:1rem}.ids-logo-glow{width:42px;height:42px;background:linear-gradient(135deg,#ef4444,#991b1b);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #ef444466;animation:pulse-red 2s infinite}.ids-main-view{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.threat-meter-card{background:var(--bg-glass);padding:2rem;border-radius:20px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;position:relative;overflow:hidden}.threat-meter-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);animation:scan-line 3s linear infinite}.meter-circle{position:relative;width:180px;height:180px}.meter-svg{transform:rotate(-90deg)}.meter-bg{fill:none;stroke:#ffffff0d;stroke-width:12}.meter-fill{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1),stroke .5s ease}.meter-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.meter-value{font-size:2.5rem;font-weight:800;line-height:1;display:block}.meter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.ids-alerts-card{flex:1;background:var(--bg-glass);border-radius:20px;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.alerts-scroll{flex:1;overflow-y:auto;padding:0 1rem}.alert-item{display:grid;grid-template-columns:80px 100px 1fr 140px 100px;padding:1rem;border-bottom:1px solid rgba(255,255,255,.03);align-items:center;transition:background .2s ease;cursor:pointer}.alert-item:hover{background:#ffffff05}.severity-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;text-align:center}.sev-critical{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.sev-high{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.sev-medium{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.sev-low{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.ids-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-mitigations-card{height:fit-content;flex:none!important}.mitigations-container{padding:1rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mini-stat{background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.mitigation-list{display:flex;flex-direction:column;gap:.75rem}.mitigation-item{padding:.75rem 1rem;background:#ffffff0a;border-radius:12px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.ids-unblock-btn-v2{display:flex!important;align-items:center;gap:6px;padding:6px 14px;background:#10b981;color:#fff;border:1px solid #059669;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98133}.ids-unblock-btn-v2:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.ids-unblock-btn-v2:active{transform:translateY(0)}.mitigation-item{padding:1rem;background:#ffffff0d;border-radius:12px;display:flex!important;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes scan-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}.glow-primary{box-shadow:0 0 15px rgba(var(--accent-rgb),.3)}.text-glow{text-shadow:0 0 8px rgba(255,255,255,.4)}@media (max-width: 1200px){.ids-container{grid-template-columns:1fr;height:auto;overflow:visible}}:root{--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--accent-cyan: #22d3ee;--accent-emerald: #34d399;--accent-amber: #fbbf24;--accent-rose: #fb7185;--accent-primary: #c084fc;--accent-hover: #a855f7;--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=dark],:root:not([data-theme=light]){--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: rgba(26, 26, 46, .8);--bg-elevated: rgba(22, 33, 62, .9);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #cbd5e1;--border-subtle: rgba(255, 255, 255, .05);--title-gradient: linear-gradient(90deg, #0cebeb, #20e3b2, #29ffc6);--bg-gradient: radial-gradient(ellipse at 0% 0%, rgba(139, 92, 246, .15) 0%, transparent 50%), radial-gradient(ellipse at 100% 100%, rgba(34, 211, 238, .1) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(52, 211, 153, .05) 0%, transparent 50%);--bg-terminal: #1e1e1e;--bg-terminal-header: rgba(255, 255, 255, .05);--text-terminal: #e2e8f0;--text-terminal-muted: #9ca3af;--bg-overlay: rgba(10, 10, 20, .6)}[data-theme=light]{--bg-primary: #fcfdff;--bg-secondary: #f6f8ff;--bg-tertiary: #edf2ff;--bg-card: rgba(255, 255, 255, .98);--bg-elevated: #ffffff;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(99, 102, 241, .12);--glass-shadow: 0 12px 40px rgba(99, 102, 241, .08);--text-primary: #000000;--text-secondary: #000000;--text-muted: #000000;--border-subtle: rgba(0, 0, 0, .1);--title-gradient: none;--accent-cyan: #0e7490;--accent-emerald: #047857;--accent-amber: #b45309;--accent-rose: #be123c;--accent-primary: #7c3aed;--status-success: #15803d;--status-warning: #9a3412;--status-error: #b91c1c;--status-info: #1d4ed8;--bg-gradient: radial-gradient(ellipse at 0% 0%, rgba(99, 102, 241, .08) 0%, transparent 50%), radial-gradient(ellipse at 100% 100%, rgba(34, 211, 238, .05) 0%, transparent 50%), linear-gradient(135deg, #fcfdff 0%, #f4f7fe 100%);--bg-terminal: #0f172a;--bg-terminal-header: rgba(0, 0, 0, .2);--text-terminal: #f1f5f9;--text-terminal-muted: #94a3b8;--bg-overlay: rgba(15, 23, 42, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;background-image:var(--bg-gradient);background-attachment:fixed}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);background:var(--title-gradient);-webkit-background-clip:text;background-clip:text}[data-theme=light] td,[data-theme=light] th,[data-theme=light] p,[data-theme=light] span,[data-theme=light] div,[data-theme=light] label,[data-theme=light] a,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:#000;opacity:1!important;text-rendering:optimizeLegibility}[data-theme] :is(.terminal,.terminal-block,.code-block-container,.code-block){background-color:var(--bg-terminal)!important;color:var(--text-terminal)!important}[data-theme] :is(.terminal-output,.code-block-content){color:var(--text-terminal)!important}[data-theme] :is(.terminal-header,.code-block-header){background-color:var(--bg-terminal-header)!important;border-bottom-color:#ffffff1a!important}[data-theme=light] .text-muted,[data-theme=light] .text-secondary{color:#000;opacity:1!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{-webkit-text-fill-color:#000000!important;background:none!important;background-clip:unset!important}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.bg-card{background-color:var(--bg-card)!important}.bg-glass{background-color:var(--glass-bg)!important}.bg-elevated{background-color:var(--bg-elevated)!important}.border-glass{border:1px solid var(--glass-border)!important}.border-subtle{border:1px solid var(--border-subtle)!important}.white-btn{background:#fff!important;color:#000!important;border:1px solid rgba(0,0,0,.1)!important}.btn-action-premium{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;box-shadow:0 4px 6px -1px #0000000d}.btn-action-premium:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 10px 15px -3px #0000001a}.btn-action-premium:active{transform:scale(.95)}.btn-icon-indigo{background:#6366f114;color:#4f46e5!important}.btn-icon-indigo:hover{background:#4f46e5!important;color:#fff!important}.btn-icon-amber{background:#f59e0b14;color:#d97706!important}.btn-icon-amber:hover{background:#d97706!important;color:#fff!important}.btn-icon-emerald{background:#10b98114;color:#059669!important}.btn-icon-emerald:hover{background:#059669!important;color:#fff!important}.btn-icon-rose{background:#f43f5e14;color:#e11d48!important}.btn-icon-rose:hover{background:#e11d48!important;color:#fff!important}[data-theme=dark] .btn-action-premium{box-shadow:0 4px 6px -1px #0000004d}[data-theme=dark] .btn-icon-rose{background:#fb718526;color:#fb7185!important}.role-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;width:110px;border:1px solid transparent;transition:all .2s ease}.role-badge-admin{background:#4f46e514;color:#4f46e5!important;border-color:#4f46e51a}.role-badge-developer{background:#10b98114;color:#059669!important;border-color:#10b9811a}.role-badge-viewer{background:#64748b14;color:#475569!important;border-color:#64748b1a}.role-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .role-badge-admin{background:#818cf81f;color:#a5b4fc!important;border-color:#818cf833}[data-theme=dark] .role-badge-developer{background:#34d3991f;color:#6ee7b7!important;border-color:#34d39933}[data-theme=dark] .role-badge-viewer{background:#94a3b81f;color:#cbd5e1!important;border-color:#94a3b833}[data-theme=dark] .white-btn{background:#ffffff0d!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.glass-shadow{box-shadow:var(--glass-shadow)!important}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);padding:var(--spacing-lg);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border);margin-bottom:var(--spacing-lg)}.sidebar-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--accent-cyan));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.sidebar-logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);background:var(--title-gradient);-webkit-background-clip:text;background-clip:text}[data-theme=light] .sidebar-logo-text{background:none!important;-webkit-text-fill-color:#000000!important}.sidebar-nav{flex:1}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-xs);text-decoration:none}.nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#8b5cf633,#22d3ee1a);color:var(--primary-600);border:1px solid rgba(139,92,246,.3);font-weight:700}[data-theme=light] .nav-item.active{background:#6366f11a!important;color:#000!important;border:1px solid rgba(99,102,241,.2)!important}.main-content{flex:1;margin-left:280px;padding:var(--spacing-xl);display:flex;flex-direction:column}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:#8b5cf64d;box-shadow:0 0 40px #8b5cf61a}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.card-title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-cyan))}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);font-size:1.5rem}.stat-card-icon.purple{background:#8b5cf633;color:var(--primary-400)}.stat-card-icon.cyan{background:#22d3ee33;color:var(--accent-cyan)}.stat-card-icon.emerald{background:#34d39933;color:var(--accent-emerald)}.stat-card-icon.amber{background:#fbbf2433;color:var(--accent-amber)}.stat-card-value{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.stat-card-label{color:var(--text-secondary);font-size:.875rem}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}.chat-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:var(--spacing-md)}.chat-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-full);font-size:.75rem;color:var(--status-success)}.chat-status-dot{width:8px;height:8px;background:var(--status-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.message{max-width:80%;padding:var(--spacing-md);border-radius:var(--radius-lg);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border-bottom-right-radius:var(--spacing-xs)}.message.assistant{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--glass-border);border-bottom-left-radius:var(--spacing-xs)}.message-thinking{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.875rem;padding:var(--spacing-md)}.thinking-dots{display:flex;gap:4px}.thinking-dots span{width:6px;height:6px;background:var(--primary-400);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-container{padding:var(--spacing-lg);border-top:1px solid var(--glass-border);display:flex;gap:var(--spacing-md)}.chat-input{flex:1;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:all var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #8b5cf633}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast)}.chat-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.chat-send-btn:active{transform:translateY(0)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.terminal{background:#0b0e14;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;font-family:var(--font-mono);font-size:.875rem;box-shadow:0 12px 32px #0000004d}.terminal-header{background:#ffffff08;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{flex:1;text-align:center;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .terminal-title{opacity:.8!important;color:#fff!important}.terminal-content{padding:1.25rem;min-height:400px;overflow-y:auto;background:linear-gradient(180deg,#0b0e14,#0d1117)}.terminal-line{margin-bottom:.5rem;display:flex;gap:.75rem;align-items:flex-start}.terminal .terminal-prompt{color:#10b981!important;font-weight:700}.terminal .terminal-command{color:#38bdf8!important;font-weight:500}.terminal .terminal-output{color:#e2e8f0!important;white-space:pre-wrap;font-family:var(--font-mono);word-break:break-word;line-height:1.6;opacity:1!important}.terminal .terminal-input{flex:1;background:transparent;border:none;outline:none;color:#fff!important;font-family:var(--font-mono);font-size:.875rem;padding:0;margin:0}.terminal .terminal-error{color:#f87171!important}[data-theme=light] .terminal,[data-theme=light] .terminal-content,[data-theme=light] .terminal-header{background-color:#0b0e14!important;background-image:none!important;border-color:#ffffff1a!important}[data-theme=light] .terminal-title{color:#ffffff80!important}.page-header{margin-bottom:var(--spacing-xl)}.page-title{margin-bottom:var(--spacing-xs);font-size:1.75rem;font-weight:700}.quick-commands-wrapper{margin-top:var(--spacing-lg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.project-card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 8px 40px #8b5cf626}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.project-name{font-size:1.125rem;font-weight:600}.project-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.project-status.running{background:#22c55e1a;color:var(--status-success);border:1px solid rgba(34,197,94,.3)}.project-status.stopped{background:#ef44441a;color:var(--status-error);border:1px solid rgba(239,68,68,.3)}.project-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.project-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.project-actions{display:flex;gap:var(--spacing-sm)}.project-action-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.project-action-btn:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--primary-500)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--glass-bg);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}@media (max-width: 1024px){.sidebar{width:80px;padding:var(--spacing-md)}.sidebar-logo-text,.nav-item span{display:none}.main-content{margin-left:80px}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--spacing-md)}.stats-grid{grid-template-columns:1fr 1fr}}.chat-container-v2{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f0f23f2,#1a1a2efa);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 60px #8b5cf61a,inset 0 1px #ffffff0d}.chat-header-v2{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 100%);border-bottom:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.chat-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #8b5cf666}.chat-logo-text h3{font-size:1rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chat-model-badge{font-size:.65rem;padding:2px 8px;background:#22d3ee26;border:1px solid rgba(34,211,238,.3);border-radius:var(--radius-full);color:var(--accent-cyan);font-weight:500}.chat-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chat-action-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:var(--text-primary)}.chat-action-btn.new-session:hover{background:#22d3ee33;border-color:#22d3ee66;color:var(--accent-cyan)}.chat-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chat-status-badge.online{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.chat-status-badge .status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}.chat-messages-v2{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);scroll-behavior:smooth}.chat-bubble{display:flex;gap:var(--spacing-sm);animation:bubbleIn .4s cubic-bezier(.16,1,.3,1);max-width:85%}@keyframes bubbleIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble.assistant{align-self:flex-start}.chat-bubble.error .chat-bubble-content{border-color:#ef444466;background:#ef44441a}.chat-avatar{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar.user{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.chat-avatar.ai{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.chat-bubble-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-md);min-width:200px}.chat-bubble.user .chat-bubble-content{background:linear-gradient(135deg,#8b5cf64d,#7c3aed33);border-color:#8b5cf666}.chat-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.chat-sender{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.chat-time{font-size:.65rem;color:var(--text-muted)}.chat-message-body{font-size:.9rem;line-height:1.6;color:var(--text-primary)}.chat-message-body.has-result{padding-bottom:var(--spacing-xs)}.chat-paragraph{margin-bottom:var(--spacing-sm)}.chat-paragraph:last-child{margin-bottom:0}.chat-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.chat-list-item{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.chat-bold{color:var(--text-primary);font-weight:600}.inline-code{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.85em;color:var(--accent-cyan)}.code-block{background:#0d1117;border:1px solid rgba(48,54,61,.8);border-radius:var(--radius-md);margin:var(--spacing-sm) 0;overflow:hidden;position:relative}.code-block .code-language{position:absolute;top:8px;right:12px;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.code-block pre{margin:0;padding:var(--spacing-md);overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.85rem;color:#e6edf3;line-height:1.5}.execution-status{display:flex;align-items:center;gap:6px;margin-top:var(--spacing-sm);padding:8px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.execution-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.execution-status.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.ai-thinking-details{margin-top:var(--spacing-sm)}.ai-thinking-details summary{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);cursor:pointer;padding:4px 0;transition:color var(--transition-fast)}.ai-thinking-details summary:hover{color:var(--accent-cyan)}.ai-thinking-details[open] summary{color:var(--accent-cyan)}.ai-thinking-content{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#0000004d;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);line-height:1.5;font-style:italic}.thinking-indicator{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);animation:bubbleIn .4s ease}.thinking-avatar{width:32px;height:32px;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;animation:avatarPulse 2s infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 8px #06b6d400}}.thinking-content{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-md)}.thinking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.8rem;font-weight:500;color:var(--text-primary)}.step-badge{font-size:.65rem;padding:2px 8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full);color:var(--primary-400)}.thinking-status{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.thinking-animation{display:flex;gap:4px}.thinking-animation span{width:8px;height:8px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;animation:thinkingDot 1.4s infinite ease-in-out both}.thinking-animation span:nth-child(1){animation-delay:-.32s}.thinking-animation span:nth-child(2){animation-delay:-.16s}@keyframes thinkingDot{0%,80%,to{transform:scale(.5);opacity:.5}40%{transform:scale(1);opacity:1}}.streaming-message{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-chunk{opacity:0;transform:translateY(8px)}@keyframes chunkFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chunk-loading{display:flex;gap:4px;padding:8px 0}.chunk-loading span{width:6px;height:6px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;animation:chunkDot 1s infinite ease-in-out both}.chunk-loading span:nth-child(1){animation-delay:0s}.chunk-loading span:nth-child(2){animation-delay:.15s}.chunk-loading span:nth-child(3){animation-delay:.3s}@keyframes chunkDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input-v2{padding:var(--spacing-md) var(--spacing-lg);background:#0000004d;border-top:1px solid rgba(255,255,255,.05)}.chat-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:4px 4px 4px var(--spacing-md);transition:all var(--transition-fast)}.chat-input-wrapper:focus-within{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf626}.chat-input-wrapper .input-icon{color:var(--text-muted);flex-shrink:0}.chat-input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;padding:var(--spacing-sm) 0}.chat-input-wrapper input::placeholder{color:var(--text-muted)}.chat-input-wrapper input:disabled{opacity:.5}.send-btn{width:44px;height:44px;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.send-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf666}.send-btn.active:hover{transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn .spin{animation:spin 1s linear infinite}.chat-input-hint{margin-top:var(--spacing-xs);font-size:.7rem;color:var(--text-muted);text-align:center}.chat-input-hint kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:.65rem}.btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}.pm2-results{width:100%}.pm2-summary{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#8b5cf61a;border-radius:var(--radius-md);font-size:.85rem}.pm2-total{color:var(--text-primary);font-weight:600}.pm2-online-count{color:var(--status-success);font-weight:500}.pm2-stopped-count{color:var(--status-error);font-weight:500}.pm2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-sm);max-height:400px;overflow-y:auto;padding-right:var(--spacing-xs)}.pm2-card{background:#16213e99;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pm2-card:hover{border-color:var(--primary-500);transform:translateY(-2px)}.pm2-card.online{border-left:3px solid var(--status-success)}.pm2-card.stopped{border-left:3px solid var(--status-error);opacity:.7}.pm2-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.pm2-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.pm2-status-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pm2-status-badge.online{background:#22c55e33;color:#22c55e}.pm2-status-badge.stopped,.pm2-status-badge.errored{background:#ef444433;color:#ef4444}.pm2-status-badge.unknown{background:#94a3b833;color:var(--text-primary)}.pm2-card-body{display:flex;gap:var(--spacing-md)}.pm2-stat{display:flex;flex-direction:column}.pm2-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pm2-stat-value{font-size:.85rem;color:var(--text-secondary);font-weight:500}.pm2-stat-value.warning{color:var(--status-warning)}.memory-results{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.system-stats-card{background:linear-gradient(135deg,#22d3ee1a,#8b5cf61a);border:1px solid rgba(34,211,238,.3);border-radius:var(--radius-md);overflow:hidden;min-width:200px;flex:1}.system-stats-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#22d3ee26;font-weight:600;font-size:.85rem;color:var(--accent-cyan)}.system-stats-body{padding:var(--spacing-md)}.system-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.system-stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted);font-size:.8rem}.stat-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:.85rem}.database-details{background:#16213ecc;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);overflow:hidden;margin:var(--spacing-sm) 0}.db-header{padding:var(--spacing-md);background:linear-gradient(135deg,#8b5cf633,#06b6d41a);font-weight:600;font-size:1rem;color:var(--primary-300);border-bottom:1px solid rgba(139,92,246,.2)}.db-table{padding:var(--spacing-sm)}.db-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.db-row:last-child{border-bottom:none}.db-row:hover{background:#8b5cf61a}.db-label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.db-value{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-cyan);font-weight:500}.disk-results{background:#16213e99;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.disk-header{padding:var(--spacing-sm) var(--spacing-md);background:#8b5cf626;font-weight:600;font-size:.9rem;color:var(--primary-300)}.disk-table{width:100%}.disk-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.disk-row:last-child{border-bottom:none}.disk-row.header{background:#0003;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.disk-mount{color:var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disk-percent{font-weight:600;color:var(--status-success)}.disk-percent.warning{color:var(--status-error)}.count-result{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#22c55e1a,#34d39926);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);text-align:center}.count-number{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.count-label{font-size:1.1rem;color:var(--text-primary);margin-top:var(--spacing-xs);font-weight:500}.count-total{font-size:.85rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.code-block{max-height:350px;overflow-y:auto}.code-block pre{white-space:pre-wrap;word-break:break-word}.projects-container{padding:0}.projects-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.projects-title-section h1{margin-bottom:var(--spacing-xs)}.projects-subtitle{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.9rem}.status-icon.connected{color:var(--status-success)}.status-icon.warning{color:var(--status-warning)}.projects-header-actions{display:flex;gap:var(--spacing-sm)}.pm2-stats-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pm2-stat-item{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.pm2-stat-item:hover{border-color:var(--primary-500)}.pm2-stat-item.total{border-left:3px solid var(--primary-500)}.pm2-stat-item.total svg{color:var(--primary-400)}.pm2-stat-item.online{border-left:3px solid var(--status-success)}.pm2-stat-item.online svg{color:var(--status-success)}.pm2-stat-item.stopped{border-left:3px solid var(--status-error)}.pm2-stat-item.stopped svg{color:var(--status-error)}.pm2-stat-info{display:flex;flex-direction:column}.pm2-stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.pm2-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.pm2-filter-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-lg);width:fit-content}.pm2-filter-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.pm2-filter-tab:hover{color:var(--text-primary);background:var(--glass-bg)}.pm2-filter-tab.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}.pm2-processes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-md)}.pm2-process-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.pm2-process-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--glass-border)}.pm2-process-card.online:before{background:linear-gradient(90deg,var(--status-success),var(--accent-emerald))}.pm2-process-card.stopped:before{background:linear-gradient(90deg,var(--status-error),var(--accent-rose))}.pm2-process-card:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf626}.pm2-process-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.pm2-process-info{display:flex;flex-direction:column;gap:2px}.pm2-process-name-row{display:flex;align-items:center;gap:var(--spacing-sm)}.pm2-process-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.pm2-process-status-indicator.online{background:var(--status-success);box-shadow:0 0 8px var(--status-success);animation:pulse 2s infinite}.pm2-process-status-indicator.stopped,.pm2-process-status-indicator.errored{background:var(--status-error)}.pm2-process-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.pm2-process-id{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.pm2-process-status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pm2-process-status-badge.online{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.pm2-process-status-badge.stopped,.pm2-process-status-badge.errored{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.pm2-process-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.pm2-process-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem}.pm2-process-stat svg{color:var(--text-muted)}.pm2-process-stat .stat-value{color:var(--text-primary);font-weight:500}.pm2-process-stat .stat-value.warning{color:var(--status-warning)}.pm2-db-info{background:linear-gradient(135deg,#8b5cf614,#60a5fa14);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.pm2-db-info:hover{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf61f,#60a5fa1f)}.pm2-db-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(139,92,246,.15);font-size:.75rem;font-weight:600;color:var(--primary-400);text-transform:uppercase;letter-spacing:.5px}.pm2-db-header svg{color:var(--primary-400)}.pm2-db-type{margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-full);font-size:.65rem;font-weight:600;color:#fff;text-transform:uppercase}.pm2-db-details{display:flex;flex-direction:column;gap:6px}.pm2-db-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem}.pm2-db-item svg{color:var(--text-muted);flex-shrink:0}.pm2-db-label{color:var(--text-muted);min-width:40px}.pm2-db-value{color:var(--accent-cyan);font-family:var(--font-mono);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm2-process-actions{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.pm2-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pm2-action-btn:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.pm2-action-btn:disabled{opacity:.5;cursor:not-allowed}.pm2-action-btn.start:hover:not(:disabled){border-color:var(--status-success);color:var(--status-success)}.pm2-action-btn.stop:hover:not(:disabled){border-color:var(--status-error);color:var(--status-error)}.pm2-action-btn.restart:hover:not(:disabled){border-color:var(--status-warning);color:var(--status-warning)}.pm2-action-btn.logs:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.pm2-action-btn.delete{flex:0;padding:var(--spacing-sm);color:var(--status-error)}.pm2-action-btn.delete:hover:not(:disabled){background:#ef44441a;border-color:var(--status-error)}.pm2-expand-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:transparent;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:color var(--transition-fast)}.pm2-expand-btn:hover{color:var(--text-primary)}.pm2-process-details{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.pm2-detail-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:.75rem}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-loading,.projects-error,.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-muted)}.projects-loading svg,.projects-error svg,.projects-empty svg{margin-bottom:var(--spacing-lg);opacity:.5}.projects-error svg{color:var(--status-warning)}.projects-error h3,.projects-empty h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.projects-error p,.projects-empty p{margin-bottom:var(--spacing-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:none;border-radius:16px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d;animation:modalSlideUp .25s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.logs-modal{max-width:95vw;width:95vw;max-height:90vh;border:none;box-shadow:0 25px 80px #000000b3}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--glass-border);background:var(--bg-tertiary, var(--bg-secondary))}.logs-modal .modal-header{background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,transparent 60%);border-bottom:1px solid rgba(0,255,136,.12);padding:14px 24px}.modal-header h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;letter-spacing:.3px}.logs-modal .modal-header h3{color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;letter-spacing:.5px}.logs-modal .modal-header h3:before{content:"";width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #0f8,0 0 16px #00ff884d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px #0f8,0 0 16px #00ff884d}50%{opacity:.6;box-shadow:0 0 4px #0f8}}.modal-close{background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#f44;background:#ff44441a;border-color:#f443}.logs-content{flex:1;overflow:auto;padding:0;background:#0a0e14;position:relative;text-align:left}.logs-content::-webkit-scrollbar{width:8px;height:8px}.logs-content::-webkit-scrollbar-track{background:#0000004d}.logs-content::-webkit-scrollbar-thumb{background:#0f83;border-radius:4px}.logs-content::-webkit-scrollbar-thumb:hover{background:#0f86}.logs-pre{margin:0;padding:20px 24px;font-family:"JetBrains Mono","Fira Code","SF Mono","Cascadia Code",var(--font-mono);font-size:.8rem;line-height:1.8;color:#c9d1d9;white-space:pre;word-break:normal;overflow-wrap:normal;text-align:left;letter-spacing:.3px;-moz-tab-size:4;tab-size:4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-width:fit-content}.logs-loading,.logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:var(--text-muted);font-size:.9rem;text-align:center}.ai-learning{padding:var(--spacing-md)}.ai-learning-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-muted);gap:var(--spacing-md)}.ai-learning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.ai-learning-title{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-learning-title h2{margin:0;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-400),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ai-learning-actions{display:flex;gap:var(--spacing-sm)}.btn-refresh,.btn-prune{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.btn-refresh{background:var(--primary-600);border:none;color:#fff}.btn-refresh:hover{background:var(--primary-500)}.btn-prune{background:transparent;border:1px solid var(--status-error);color:var(--status-error)}.btn-prune:hover{background:#ef44441a}.ai-learning-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-lg);width:fit-content}.ai-learning-tabs button{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.ai-learning-tabs button:hover{color:var(--text-primary)}.ai-learning-tabs button.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}.learning-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.stat-card.primary .stat-icon{background:#8b5cf633;color:var(--primary-400)}.stat-card.success .stat-icon{background:#22c55e33;color:var(--status-success)}.stat-card.info .stat-icon{background:#22d3ee33;color:var(--accent-cyan)}.stat-card.warning .stat-icon{background:#facc1533;color:var(--status-warning)}.stat-card .stat-info{display:flex;flex-direction:column}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-card .stat-label{font-size:.8rem;color:var(--text-muted);margin-top:4px}.learning-section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.learning-section h3{margin:0 0 var(--spacing-md) 0;font-size:1rem;color:var(--text-primary)}.error-types-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.error-type-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#0003;border-radius:var(--radius-md)}.error-type-name{font-weight:600;color:var(--text-primary);text-transform:capitalize}.error-type-stats{display:flex;gap:var(--spacing-md);font-size:.8rem}.error-type-stats .count{color:var(--primary-400)}.error-type-stats .successes{color:var(--status-success)}.error-type-stats .confidence{color:var(--accent-cyan)}.recent-learnings{display:flex;flex-direction:column;gap:var(--spacing-sm)}.learning-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#0003;border-radius:var(--radius-md)}.learning-type{padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;background:#8b5cf633;color:var(--primary-400)}.learning-type.auto-fix{background:#22c55e33;color:var(--status-success)}.learning-pattern{flex:1;font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-date{font-size:.75rem;color:var(--text-muted)}.knowledge-list h3{margin-bottom:var(--spacing-lg)}.knowledge-table{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.knowledge-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#0000004d;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.knowledge-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--glass-border);align-items:center}.knowledge-row:last-child{border-bottom:none}.knowledge-row:hover{background:#8b5cf60d}.knowledge-row .pattern{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;background:#8b5cf633;color:var(--primary-400)}.type-badge.auto-fix{background:#22c55e33;color:var(--status-success)}.type-badge.general{background:#94a3b833;color:var(--text-secondary)}.success-count{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--status-success);font-size:.85rem}.failure-count{margin-left:var(--spacing-sm);color:var(--status-error);display:flex;align-items:center;gap:2px}.confidence-bar{position:relative;height:20px;background:#0000004d;border-radius:var(--radius-sm);overflow:hidden}.confidence-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--primary-600),var(--status-success));border-radius:var(--radius-sm)}.confidence-bar span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:.7rem;font-weight:600;color:#fff}.knowledge-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted)}.knowledge-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.patterns-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pattern-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.pattern-card:hover{border-color:var(--primary-500);transform:translate(4px)}.pattern-rank{font-size:1.25rem;font-weight:700;color:var(--primary-400);min-width:40px}.pattern-info{flex:1;overflow:hidden}.pattern-text{font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:var(--spacing-xs)}.pattern-meta{display:flex;gap:var(--spacing-md);font-size:.75rem}.success-rate{color:var(--status-success)}.use-count{color:var(--text-muted)}.empty-message{color:var(--text-muted);font-style:italic;padding:var(--spacing-md);text-align:center}.dashboard-container{padding:var(--spacing-lg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.dashboard-subtitle{color:var(--text-muted);font-size:.95rem}.connection-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.connection-banner.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--status-warning)}[data-theme=light] .connection-banner.warning{color:#9a3412;font-weight:500}.connection-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--status-success)}[data-theme=light] .connection-banner.success{color:#166534;font-weight:500}.connection-banner span{flex:1}.connection-banner .btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.stats-grid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card-v2{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card-v2.purple:before{background:var(--primary-500)}.stat-card-v2.cyan:before{background:var(--accent-cyan)}.stat-card-v2.emerald:before{background:var(--accent-emerald)}.stat-card-v2.amber:before{background:var(--accent-amber)}.stat-card-v2 .stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card-v2.purple .stat-icon{background:#8b5cf633;color:var(--primary-400)}.stat-card-v2.cyan .stat-icon{background:#22d3ee33;color:var(--accent-cyan)}.stat-card-v2.emerald .stat-icon{background:#34d39933;color:var(--accent-emerald)}.stat-card-v2.amber .stat-icon{background:#fbbf2433;color:var(--accent-amber)}.stat-card-v2 .stat-info{display:flex;flex-direction:column}.stat-card-v2 .stat-value{font-size:1.75rem;font-weight:700}.stat-card-v2 .stat-label{font-size:.85rem;color:var(--text-muted)}.stat-card-v2 .stat-trend{display:flex;gap:var(--spacing-sm);font-size:.75rem}.stat-card-v2 .stat-trend .online{color:var(--status-success)}.stat-card-v2 .stat-trend .stopped{color:var(--status-error)}.stat-card-v2 .stat-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:var(--spacing-xs)}.stat-card-v2 .stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-cyan));border-radius:2px;transition:width .5s ease;width:var(--progress, 0%)}.section-header{margin-bottom:var(--spacing-md)}.section-header h2{font-size:1.25rem;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.quick-action-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast)}.quick-action-card:hover{transform:translateY(-2px);border-color:var(--primary-500);box-shadow:0 4px 20px #8b5cf626}.quick-action-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.quick-action-card.purple .quick-action-icon{background:#8b5cf633;color:var(--primary-400)}.quick-action-card.cyan .quick-action-icon{background:#22d3ee33;color:var(--accent-cyan)}.quick-action-card.emerald .quick-action-icon{background:#34d39933;color:var(--accent-emerald)}.quick-action-card.amber .quick-action-icon{background:#fbbf2433;color:var(--accent-amber)}.quick-action-info{flex:1}.quick-action-label{font-weight:600;font-size:.95rem}.quick-action-desc{font-size:.8rem;color:var(--text-muted)}.quick-action-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.quick-action-card:hover .quick-action-arrow{transform:translate(4px);color:var(--primary-400)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.processes-card{min-height:300px}.process-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.process-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff05;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.process-item:hover{background:#ffffff0d}.process-info{display:flex;align-items:center;gap:var(--spacing-sm)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.status-dot.stopped{background:var(--status-error)}.process-name{font-weight:500}.process-stats{display:flex;gap:var(--spacing-md)}.process-stat{font-size:.8rem;color:var(--text-muted)}.show-more{text-align:center;padding:var(--spacing-sm);color:var(--text-muted);font-size:.85rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);text-align:center}.empty-state svg{opacity:.3;margin-bottom:var(--spacing-md)}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.empty-state.small{padding:var(--spacing-lg)}.empty-state.small svg{margin-bottom:var(--spacing-sm)}.activity-card{min-height:200px}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.activity-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item.success .activity-icon{background:#22c55e26;color:var(--status-success)}.activity-item.warning .activity-icon{background:#f59e0b26;color:var(--status-warning)}.activity-item.info .activity-icon{background:#3b82f626;color:var(--status-info)}.activity-content{flex:1}.activity-message{font-size:.9rem}.activity-time{font-size:.75rem;color:var(--text-muted)}.ai-tip-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5cf61a,#22d3ee0d);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg)}.ai-tip-icon{width:50px;height:50px;border-radius:var(--radius-md);background:#8b5cf633;display:flex;align-items:center;justify-content:center;color:var(--primary-400);flex-shrink:0}.ai-tip-content{flex:1}.ai-tip-content h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.ai-tip-content p{font-size:.9rem;color:var(--text-secondary)}.badge{padding:var(--spacing-xs) var(--spacing-sm);background:#8b5cf626;color:var(--primary-400);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-message-body table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-md) 0;border-radius:var(--radius-md);overflow:hidden;background:#0003;border:1px solid var(--glass-border)}.chat-message-body th{background:#ffffff12;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:.9rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.5px}.chat-message-body td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.95rem}.chat-message-body tr:last-child td{border-bottom:none}.chat-message-body tr:hover td{background:#ffffff08}.chat-message-body h2{font-size:1.4rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--primary-300);border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-xs)}.chat-message-body h3{font-size:1.1rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--accent-cyan)}.table-container{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:var(--glass-shadow);width:100%;margin-bottom:var(--spacing-xl)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{background:var(--bg-tertiary);padding:16px 20px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tr:hover{background:var(--bg-secondary)}.status-badge{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-flex;letter-spacing:.05em;min-width:80px;justify-content:center;border:1px solid transparent}.status-badge.success{background:#10b98126;color:#10b981;border-color:#10b98133}.status-badge.warning{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b33}.status-badge.error{background:#ef444426;color:#f87171;border-color:#ef444433}.status-badge.muted{background:#94a3b826;color:var(--text-muted);border-color:var(--border-subtle)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;width:95%;max-width:500px;text-align:center;box-shadow:0 25px 50px -12px #00000080}.modal-header{margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.modal-body{margin-bottom:2rem;color:var(--text-secondary);line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-auto{margin-top:auto}.w-full{width:100%}.max-w-md{max-width:450px}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:600}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.bg-success-subtle{background:#22c55e1a}.bg-error-subtle{background:#ef44441a}.bg-warning-subtle{background:#f59e0b1a}.bg-primary-subtle{background:#8b5cf61a}.bg-orange-subtle{background:#f973161a}.border-success{border-color:var(--status-success)}.border-error{border-color:var(--status-error)}.border-warning{border-color:var(--status-warning)}.border-primary{border-color:var(--primary-500)}.border-primary-light{border-color:#8b5cf64d}.border-glass{border-color:var(--glass-border)}.text-success{color:var(--status-success)}.text-error{color:var(--status-error)}.text-warning{color:var(--status-warning)}.text-primary-400{color:var(--primary-400)}.text-tiny{font-size:.7rem}.grid-cols-auto-fit-280{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-cols-auto-fit-400{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-cols-1-120{display:grid;grid-template-columns:1fr 120px}.bg-gradient-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.rounded-full{border-radius:9999px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-6{padding:1.5rem}.relative{position:relative}.absolute{position:absolute}.top-3{top:.75rem}.right-3{right:.75rem}.opacity-60{opacity:.6}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.flex-1{flex:1}.h-24{height:6rem}.h-14{height:3.5rem}.w-14{width:3.5rem}.pr-10{padding-right:2.5rem}.space-y-1>*+*{margin-top:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.grid-column-full{grid-column:1 / -1}.connection-status{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.connection-status.api{color:var(--status-success)}.connection-status.api.disconnected{color:var(--status-error)}.connection-status.server{color:var(--status-success);border-top:1px solid rgba(255,255,255,.05)}.connection-status.server.none{color:var(--status-warning)}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.success{background-color:var(--status-success);box-shadow:0 0 8px var(--status-success)}.status-dot.error{background-color:var(--status-error)}.status-dot.warning{background-color:var(--status-warning)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-renderer-content{border-left:3px solid #00ff88;background:#00ff880d;width:100%}.task-renderer-id{font-size:10px;margin-left:10px;background:#333;padding:2px 6px;border-radius:4px}.task-goal-header{margin:0 0 10px;font-size:1rem;color:#0f8;display:flex;align-items:center;gap:8px}.task-thought{padding:4px 0 4px 28px;border-left:2px solid rgba(0,255,136,.2);margin-left:9px;color:#0c8;font-size:11px;font-style:italic}.task-step-item{position:relative;padding-bottom:12px}.task-step-connector{position:absolute;left:9px;top:20px;bottom:0;width:2px;background:#ffffff1a}.task-step-item:last-child .task-step-connector{background:transparent}.task-step-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:10px;font-weight:700;z-index:1}.task-step-icon.success{background:#0f8;box-shadow:0 0 8px #0f8}.task-step-icon.error{background:#f44;box-shadow:0 0 8px #f44}.task-step-header{margin-bottom:4px;cursor:pointer;display:flex;align-items:center;gap:6px}.task-step-title{font-weight:600;color:#fff;font-size:13px}.task-command-preview{font-size:11px;font-family:var(--font-mono);color:#888;background:#0000004d;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:4px}.task-output-box{margin-top:8px;background:#111;border-radius:6px;padding:8px;border:1px solid #333}.task-output-label{font-size:10px;color:#aaa;margin-bottom:4px;text-transform:uppercase}.task-output-content{font-size:11px;white-space:pre-wrap;font-family:var(--font-mono);max-height:150px;overflow-y:auto;color:#ccc}.task-output-content.error{color:#f88}.diagnosis-card{margin-top:12px;background:linear-gradient(180deg,#1e1e28e6,#14141e);border-radius:8px;overflow:hidden;border:1px solid rgba(100,100,255,.2);box-shadow:0 4px 20px #0006}.diagnosis-header{padding:10px 15px;background:#6464ff1a;border-bottom:1px solid rgba(100,100,255,.1);display:flex;align-items:center;gap:10px}.diagnosis-dot{width:8px;height:8px;background:#f44;border-radius:50%;box-shadow:0 0 8px #f44}.diagnosis-title{font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.diagnosis-confidence{margin-left:auto;background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:10px;color:#ccc}.diagnosis-body{padding:15px}.diagnosis-root-cause{font-size:14px;color:#fff;line-height:1.5;margin-bottom:15px;font-weight:500}.diagnosis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.diagnosis-item{border-radius:6px;padding:10px;border:1px solid}.diagnosis-item.risk{background:#ff44441a;border-color:#f443}.diagnosis-item.recommendation{background:#00ff881a;border-color:#0f83}.diagnosis-item-label{font-size:10px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.diagnosis-item.risk .diagnosis-item-label{color:#f88}.diagnosis-item.recommendation .diagnosis-item-label{color:#0fc}.diagnosis-item-value{font-size:12px}.diagnosis-item.risk .diagnosis-item-value{color:#faa}.diagnosis-item.recommendation .diagnosis-item-value{color:#ccffe6}.diagnosis-factors{font-size:12px;color:#888;border-top:1px solid rgba(255,255,255,.05);padding-top:10px}.task-footer{margin-top:10px;font-size:12px;color:#888;border-top:1px solid #333;padding-top:8px;display:flex;justify-content:space-between}.pm2-table-container{margin-top:12px;overflow-x:auto;background:#0003;border-radius:6px;padding:8px;border:1px solid rgba(255,255,255,.05)}.pm2-table{width:100%;border-collapse:collapse;font-size:11px;color:#e0e0e0}.pm2-table th{padding:6px;text-align:left;color:#888;border-bottom:1px solid #333}.pm2-table td{padding:6px;border-bottom:1px solid #2a2a2a}.mb-0{margin-bottom:0!important}.max-h-200{max-height:200px}.overflow-y-auto{overflow-y:auto}.grid-cols-auto-fit-300{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.border-2{border-width:2px}.confidence-fill{width:var(--confidence, 0%);height:100%;background:var(--status-success);transition:width .3s ease}.cursor-not-allowed{cursor:not-allowed}.provider-gradient-bg{background:var(--provider-gradient)}.mac-terminal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px;animation:macModalFade .2s ease}@keyframes macModalFade{0%{opacity:0}to{opacity:1}}.mac-terminal-window{width:92vw;max-width:1400px;max-height:88vh;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 22px 70px 4px #0000008f,0 0 0 .5px #ffffff1f,inset 0 .5px #ffffff14;animation:macSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes macSlideUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mac-terminal-titlebar{display:flex;align-items:center;height:40px;padding:0 16px;background:linear-gradient(180deg,#3a3a3c,#2c2c2e);border-bottom:1px solid #1c1c1e;flex-shrink:0;user-select:none;-webkit-user-select:none}[data-theme=light] .mac-terminal-titlebar{background:linear-gradient(180deg,#e8e8ea,#d6d6d8);border-bottom:1px solid #c0c0c2}.mac-traffic-lights{display:flex;align-items:center;gap:8px;flex-shrink:0;width:70px}.mac-dot{width:12px;height:12px;border-radius:50%;border:none;cursor:default;transition:filter .15s ease;padding:0}.mac-dot.red{background:#ff5f57;box-shadow:inset 0 -1px 1px #00000026;cursor:pointer}.mac-dot.red:hover{filter:brightness(1.15)}.mac-dot.yellow{background:#febc2e;box-shadow:inset 0 -1px 1px #00000026}.mac-dot.green{background:#28c840;box-shadow:inset 0 -1px 1px #00000026}.mac-terminal-title{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:#a0a0a4;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .mac-terminal-title{color:#555558}.mac-titlebar-spacer{width:70px;flex-shrink:0}.mac-terminal-body{flex:1;overflow:auto;background:#1e1e1e;text-align:left;min-height:200px}[data-theme=light] .mac-terminal-body{background:#1a1a2e}.mac-terminal-body::-webkit-scrollbar{width:8px;height:8px}.mac-terminal-body::-webkit-scrollbar-track{background:transparent}.mac-terminal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.mac-terminal-body::-webkit-scrollbar-thumb:hover{background:#fff3}.mac-terminal-pre{margin:0;padding:16px 20px;font-family:SF Mono,Menlo,Monaco,Cascadia Code,Courier New,monospace;font-size:13px;line-height:1.6;color:#d4d4d4;white-space:pre;word-break:normal;overflow-wrap:normal;text-align:left;-moz-tab-size:4;tab-size:4;letter-spacing:.3px;-webkit-font-smoothing:antialiased;min-width:fit-content}.mac-terminal-body .logs-loading,.mac-terminal-body .logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#888;font-size:.9rem;text-align:center}.theme-switch-wrapper{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:10px;transition:background .2s ease;user-select:none;-webkit-user-select:none}.theme-switch-wrapper:hover{background:#ffffff0d}[data-theme=light] .theme-switch-wrapper:hover{background:#0000000a}.theme-switch-track{position:relative;width:48px;height:26px;border-radius:13px;transition:background .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;flex-shrink:0}.theme-switch-track.dark{background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 0 12px #6366f140,inset 0 1px 2px #0000004d}.theme-switch-track.light{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf244d,inset 0 1px 2px #0000001a}.theme-switch-icon{position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;pointer-events:none}.theme-switch-icon.sun-icon{left:7px;color:#ffffff40}.theme-switch-icon.moon-icon{right:7px;color:#ffffff40}.theme-switch-track.dark .sun-icon{opacity:.3}.theme-switch-track.dark .moon-icon,.theme-switch-track.light .sun-icon{opacity:0}.theme-switch-track.light .moon-icon{opacity:.4}.theme-switch-thumb{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.theme-switch-track.dark .theme-switch-thumb{left:25px;background:linear-gradient(135deg,#818cf8,#6366f1);color:#e0e7ff;box-shadow:0 2px 8px #6366f166}.theme-switch-track.light .theme-switch-thumb{left:3px;background:linear-gradient(135deg,#fff,#fef3c7);color:#f59e0b;box-shadow:0 2px 8px #f59e0b59}.theme-switch-label{font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.3px;transition:color .3s ease}.theme-switch-wrapper:hover .theme-switch-label{color:var(--text-primary)}.stop-api-btn{margin-left:auto;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.5}.stop-api-btn:hover{color:#f44;background:#ff44441f;border-color:#ff444440;opacity:1}.connection-status{justify-content:flex-start}.shutdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:shutdownFadeIn .2s ease}@keyframes shutdownFadeIn{0%{opacity:0}to{opacity:1}}.shutdown-card{background:var(--bg-secondary);border:1px solid rgba(255,68,68,.15);border-radius:20px;padding:40px;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 60px #00000080,0 0 80px #ff44440f;animation:shutdownScaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes shutdownScaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.shutdown-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ff444426,#ff44440d);border:2px solid rgba(255,68,68,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#f44;transition:all .3s ease}.shutdown-icon-wrap.spinning{animation:shutdownSpin 1.5s linear infinite;border-color:#f446;background:linear-gradient(135deg,#ff444440,#ff44441a)}@keyframes shutdownSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shutdown-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.3px}.shutdown-desc{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:28px}.shutdown-actions{display:flex;gap:12px;justify-content:center}.shutdown-cancel{padding:10px 24px;border-radius:10px;border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease}.shutdown-cancel:hover{background:var(--glass-bg);border-color:var(--text-muted)}.shutdown-confirm{padding:10px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px #dc262659}.shutdown-confirm:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #dc262680;transform:translateY(-1px)}.stop-api-btn{margin-left:auto;background:#ff444414;border:1px solid rgba(255,68,68,.15);color:#ff6b6b;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8}.stop-api-btn:hover{color:#f44;background:#ff44442e;border-color:#ff44444d;opacity:1;transform:scale(1.1)}.swal2-popup.premium-swal{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;color:var(--text-primary)!important;box-shadow:var(--glass-shadow)!important;padding:var(--spacing-xl)!important}.swal2-title.premium-swal-title{color:var(--text-primary)!important;font-family:var(--font-sans)!important;font-weight:700!important;font-size:1.5rem!important}.swal2-html-container.premium-swal-text{color:var(--text-secondary)!important;font-size:1rem!important}.swal2-input.premium-swal-input,.swal2-select.premium-swal-input{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.swal2-input.premium-swal-input:focus{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #8b5cf633!important}.swal2-confirm.premium-swal-confirm{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))!important;border-radius:var(--radius-md)!important;padding:10px 24px!important;font-weight:600!important}.swal2-cancel.premium-swal-cancel{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:10px 24px!important}.swal2-icon.swal2-warning{border-color:#f59e0b!important;color:#f59e0b!important}.white-btn{background-color:#fff!important;color:#1a1a2e!important;border:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;transition:all .2s ease-in-out!important;font-weight:700!important}.white-btn:hover{transform:scale(1.05)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;background-color:#f8fafc!important}.white-btn:disabled{background-color:#fff!important;opacity:.6!important;cursor:not-allowed!important;transform:none!important}.swal2-icon.swal2-success{border-color:var(--status-success)!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:#22c55e4d!important}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--status-success)!important}.database-access-container{padding:0}.dac-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.dac-header-info h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;margin-bottom:.25rem}.dac-header-actions{display:flex;gap:.75rem;align-items:center}.dac-save-btn{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}.dac-status-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dac-status-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;font-size:.8rem;color:var(--text-secondary)}.dac-status-item.online{color:var(--status-success);border-color:#22c55e4d;background:#22c55e0d}.dac-status-item.offline{color:var(--status-error);border-color:#ef44444d;background:#ef44440d}.dac-status-item.unsaved{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b0d;animation:pulse-glow-warning 2s infinite}@keyframes pulse-glow-warning{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 6px #f59e0b00}}.dac-add-section{margin-bottom:1rem}.dac-add-input-wrapper{display:flex;align-items:center;gap:0;background:var(--bg-card);border:2px solid var(--border-glass);border-radius:14px;padding:.25rem .25rem .25rem 1rem;transition:border-color .3s,box-shadow .3s}.dac-add-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126}.dac-add-icon{color:var(--text-muted);flex-shrink:0}.dac-add-input{flex:1;background:none;border:none;outline:none;padding:.75rem;font-size:.95rem;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace}.dac-add-input::placeholder{color:var(--text-muted);opacity:.6}.dac-add-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;background:var(--accent-primary)!important;box-shadow:0 4px 15px #a855f74d;color:var(--text-primary)!important;border:none;border-radius:10px;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .2s;white-space:nowrap}.dac-add-btn:hover:not(:disabled){background:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 20px #a855f780}.dac-add-btn:disabled{opacity:1!important;background:var(--accent-primary)!important;cursor:not-allowed;box-shadow:none}.dac-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem;flex-wrap:wrap}.dac-toolbar-left{display:flex;gap:.5rem;align-items:center}.dac-toolbar-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.dac-toolbar-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.dac-toolbar-btn.danger{color:var(--status-error);border-color:#ef44444d}.dac-toolbar-btn.danger:hover{background:#ef44441a;border-color:var(--status-error)}.dac-search-wrapper{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;min-width:200px;color:var(--text-muted)}.dac-search-wrapper input{background:none;border:none;outline:none;color:var(--text-primary);font-size:.8rem;flex:1}.dac-search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:flex}.dac-ip-list{display:flex;flex-direction:column;gap:.35rem}.dac-ip-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;transition:all .2s}.dac-ip-row:hover{border-color:var(--accent-primary);background:var(--bg-hover);transform:translate(2px)}.dac-ip-row.selected{border-color:var(--accent-primary);background:#6366f114}.dac-ip-checkbox{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;transition:color .2s}.dac-ip-checkbox .checked{color:var(--accent-primary)}.dac-ip-indicator{color:var(--status-success);display:flex;flex-shrink:0}.dac-ip-address{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.dac-ip-type{padding:.15rem .65rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.dac-ip-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.dac-ip-row:hover .dac-ip-actions{opacity:1}.dac-ip-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-hover);border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s}.dac-ip-action.edit:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:#6366f11a}.dac-ip-action.delete:hover{color:var(--status-error);border-color:var(--status-error);background:#ef44441a}.dac-ip-action.save{color:var(--status-success)}.dac-ip-action.save:hover{border-color:var(--status-success);background:#22c55e1a}.dac-ip-action.cancel:hover{color:var(--status-error);border-color:var(--status-error);background:#ef44441a}.dac-ip-edit{display:flex;align-items:center;gap:.5rem;flex:1}.dac-ip-edit-input{flex:1;background:var(--bg-hover);border:2px solid var(--accent-primary);border-radius:6px;padding:.35rem .65rem;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:var(--text-primary);outline:none}.dac-empty,.dac-loading,.dac-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.dac-empty h3,.dac-error h3{margin-top:1rem;margin-bottom:.5rem;color:var(--text-primary)}.dac-loading p{margin-top:1rem}.dac-error{color:var(--status-error)}.dac-footer-summary{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;display:flex;gap:2rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dac-summary-item{display:flex;align-items:center;gap:.5rem}.dac-summary-item .label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.dac-summary-item .value{font-size:1rem;font-weight:700;color:var(--accent-primary);font-family:SF Mono,Fira Code,monospace}.dac-status-item.saving{color:var(--accent-primary);border-color:#6366f14d;background:#6366f10d}.dac-ip-row.saving-row{opacity:.6;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.logout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0b1a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out forwards}[data-theme=light] .logout-overlay{background:#f8fafc}.logout-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(16,185,129,.1) 0%,transparent 50%);animation:rotate 30s linear infinite;z-index:0}.logout-overlay-content{position:relative;z-index:1;text-align:center}.logout-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:50%;margin-bottom:2rem;color:#10b981;animation:scaleIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.logout-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;opacity:0;animation:slideUp .5s ease-out .3s forwards}.logout-subtitle{color:var(--text-secondary);font-size:1.1rem;opacity:0;animation:slideUp .5s ease-out .4s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.fancy-security-modal{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:2px solid var(--accent-cyan)!important;border-radius:24px!important;box-shadow:0 0 30px #22d3ee66!important;color:var(--text-primary)!important;font-family:var(--font-sans)!important}[data-theme=light] .fancy-security-modal{background:#fffffffa!important;border:2px solid #3b82f6!important;box-shadow:0 20px 50px #3b82f633!important}.fancy-security-title{color:var(--text-primary)!important;font-size:24px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-top:20px!important;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-primary))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=light] .fancy-security-title{background:none!important;-webkit-text-fill-color:#1e3a8a!important}.fancy-security-html{color:var(--text-secondary)!important;font-size:16px!important;line-height:1.6!important}.fancy-security-confirm-btn{background:linear-gradient(135deg,var(--accent-cyan),var(--primary-600))!important;border:none!important;border-radius:12px!important;padding:12px 30px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:0 4px 15px #22d3ee4d!important;transition:all .3s ease!important}.fancy-security-confirm-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #22d3ee80!important}.fancy-security-icon{border-color:var(--accent-cyan)!important}.fancy-security-icon [class^=swal2-success-line]{background-color:var(--accent-emerald)!important}.fancy-security-icon .swal2-success-ring{border-color:#34d3994d!important}