*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}*,*:before,*:after{-webkit-user-select:text;user-select:text}button,.nav-item,.mobile-menu-btn,.mobile-sidebar-close{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,code,pre,.terminal-output,.file-item-name{-webkit-user-select:text;user-select:text}:root{--accent: #E87A0C;--accent-hover: #D66A00;--accent-subtle: rgba(232, 122, 12, .12);--accent-glow: rgba(232, 122, 12, .25);--success: #30D158;--warning: #FF9F0A;--danger: #FF453A;--info: #64D2FF;--bg-void: #000000;--bg-deep: #0A0A0A;--bg-primary: #141414;--bg-elevated: #1C1C1C;--bg-card: #1E1E1E;--bg-hover: #252525;--text-primary: #FFFFFF;--text-secondary: #F5F5F7;--text-tertiary: #A1A1A6;--text-quaternary: #636366;--border: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .04);--border-accent: rgba(232, 122, 12, .3);--glass-bg: rgba(30, 30, 30, .8);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--accent-glow);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;background:var(--bg-void);color:var(--text-primary);line-height:1.6;height:100vh;overflow:hidden;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--bg-deep);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;z-index:100;position:relative;height:100vh}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.logo:hover{background:var(--bg-hover)}.logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm),0 0 12px var(--accent-glow)}.logo-title{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.logo-subtitle{font-size:12px;color:var(--text-quaternary)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:14px;font-weight:450;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;min-height:44px}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);width:3px;height:20px;background:var(--accent);border-radius:0 var(--radius-full) var(--radius-full) 0;transition:transform var(--duration-fast) var(--ease-out)}.nav-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.nav-item.active:before{transform:translateY(-50%) scaleX(1)}.nav-icon{width:20px;height:20px;flex-shrink:0;opacity:.8}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1;text-align:left}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;background:var(--bg-void)}.panel{flex:1;padding:var(--space-8);display:none;overflow-y:auto;overflow-x:hidden;min-height:0}.panel.active{display:block;overflow-y:auto;overflow-x:hidden;min-height:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-shrink:0}.panel-header h2{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary)}.hidden,.mobile-only{display:none!important}.refresh-indicator{font-size:12px;color:var(--success);background:#30d1581f;padding:6px 14px;border-radius:var(--radius-full);font-weight:500;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(48,209,88,.2)}.refresh-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-title h3{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.data-source{font-size:11px;color:var(--text-tertiary);padding:4px 12px;background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border);font-weight:500}.data-source.simulated{color:var(--warning);background:#ff9f0a1a;border-color:#ff9f0a33}.data-source.real,.data-source.realtime{color:var(--success);background:#30d1581a;border-color:#30d15833}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;transition:opacity var(--duration-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.stat-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.15}.stat-icon.cpu{background:var(--accent)}.stat-icon.memory{background:var(--success)}.stat-icon.disk{background:var(--warning)}.stat-icon.uptime{background:var(--danger)}.stat-icon svg{color:#fff;position:relative;z-index:1}.stat-info{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:13px;color:var(--text-tertiary);margin-bottom:var(--space-1);font-weight:450}.stat-value{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.5px}.progress-bar{width:100%;height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.progress-fill.cpu{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.progress-fill.memory{background:var(--success)}.progress-fill.disk{background:var(--warning)}.stat-detail{font-size:11px;color:var(--text-quaternary);margin-top:var(--space-2)}.stat-card-medium{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out)}.stat-card-medium:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.stat-icon-medium{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon-medium.visits{background:var(--accent)}.stat-icon-medium.uv{background:var(--success)}.stat-icon-medium.traffic{background:var(--warning)}.stat-icon-medium.sites{background:var(--danger)}.stat-icon-medium svg{color:#fff}.stat-card-medium .stat-content{flex:1}.stat-card-medium .stat-label{font-size:12px;color:var(--text-tertiary);margin-bottom:2px}.stat-card-medium .stat-number{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:0}.stat-card-medium .stat-unit{font-size:12px;color:var(--text-quaternary)}.stats-table-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.stats-table-container h3{font-size:15px;margin-bottom:var(--space-4);font-weight:600}.stats-table{overflow-x:auto}.stats-table table{width:100%;border-collapse:collapse}.stats-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:12px;font-weight:600;color:var(--text-tertiary);background:var(--bg-elevated);text-transform:uppercase;letter-spacing:.5px}.stats-table td{padding:var(--space-3) var(--space-4);font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.stats-table tbody tr{transition:background var(--duration-fast)}.stats-table tbody tr:hover{background:var(--bg-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:40px;letter-spacing:.1px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:var(--shadow-sm),0 0 12px var(--accent-glow)}.btn-primary:hover{box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-sm{padding:6px 14px;font-size:13px;min-height:32px}.btn-danger{background:var(--danger);color:#fff}.terminal-container{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 180px);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.terminal-output{flex:1;padding:var(--space-5);overflow-x:auto;overflow-y:auto;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;background:var(--bg-deep);min-height:0}.terminal-line{margin-bottom:2px;white-space:pre-wrap;overflow-wrap:break-word;color:var(--text-secondary)}.terminal-line.success{color:var(--success)}.terminal-line.error{color:var(--danger)}.terminal-line.command{color:var(--accent);font-weight:500}.terminal-line.system{color:var(--text-quaternary)}.terminal-line.info{color:var(--accent);font-style:italic}.terminal-input-wrapper{display:flex;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);gap:var(--space-3);background:var(--bg-card)}.terminal-prompt{color:var(--success);font-family:SF Mono,monospace;font-weight:600;font-size:14px}.terminal-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:SF Mono,monospace;font-size:14px;outline:none;caret-color:var(--accent)}.file-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.file-browser{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.file-path{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);font-family:SF Mono,monospace;color:var(--text-tertiary);background:var(--bg-elevated);font-size:13px}.file-list{max-height:calc(100vh - 300px);overflow-y:auto}.file-item{display:flex;align-items:center;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast);position:relative;min-height:52px}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--bg-hover);transform:translate(4px)}.file-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:var(--space-4);border-radius:var(--radius-sm)}.file-item-icon.folder{color:var(--warning);background:#ff9f0a1f}.file-item-icon.file{color:var(--accent);background:var(--accent-subtle)}.file-item-name{flex:1;font-size:14px;color:var(--text-primary);font-weight:450}.file-item-meta{font-size:12px;color:var(--text-quaternary);margin-left:var(--space-4)}.file-item-actions{display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--duration-fast);margin-left:var(--space-4)}.file-item:hover .file-item-actions{opacity:1}.pm2-info-box{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--border-subtle)}.pm2-info-box h3{font-size:15px;margin-bottom:var(--space-3);font-weight:600}.pm2-info-box p{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.6}.pm2-hint{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border-radius:var(--radius-md);font-size:12px;border:1px solid var(--border-accent)}.pm2-hint code{background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,monospace;font-size:11px;border:1px solid var(--border);color:var(--accent)}.pm2-list{display:flex;flex-direction:column;gap:var(--space-3)}.pm2-item{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:all var(--duration-fast)}.pm2-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.pm2-info{flex:1}.pm2-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.pm2-status{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pm2-status.online{background:#30d1581f;color:var(--success);border:1px solid rgba(48,209,88,.2)}.pm2-status.offline{background:#ff453a1f;color:var(--danger);border:1px solid rgba(255,69,58,.2)}.pm2-meta{display:flex;gap:var(--space-4);font-size:12px;color:var(--text-tertiary);margin-top:var(--space-2)}.pm2-actions{display:flex;gap:var(--space-2)}.pm2-header-actions{display:flex;gap:var(--space-3);margin-left:auto}.pm2-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.pm2-section-title h3{font-size:16px;font-weight:600}.pm2-summary{font-size:12px;color:var(--text-tertiary);padding:4px 12px;background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border)}.pm2-monit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.pm2-monit-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--duration-fast);position:relative;overflow:hidden}.pm2-monit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--success)}.pm2-monit-card.error:before{background:var(--danger)}.pm2-monit-card.warning:before{background:var(--warning)}.pm2-monit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.deploy-container{display:flex;flex-direction:column;gap:var(--space-5)}.upload-zone{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.upload-zone:hover{border-color:var(--accent);background:var(--accent-subtle);transform:translateY(-2px)}.upload-zone svg{color:var(--text-quaternary);margin-bottom:var(--space-4);transition:all var(--duration-fast)}.upload-zone:hover svg{color:var(--accent);transform:scale(1.05)}.upload-zone p{font-size:15px;margin-bottom:var(--space-2);color:var(--text-primary);font-weight:500}.upload-hint{font-size:13px;color:var(--text-quaternary)}.deploy-config,.deploy-logs{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:13px;color:var(--text-tertiary);font-weight:500}.form-group input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;transition:all var(--duration-fast)}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--bg-primary)}.deploy-logs h3{margin-bottom:var(--space-3);font-size:15px;font-weight:600}.logs-content{background:var(--bg-deep);border-radius:var(--radius-md);padding:var(--space-4);font-family:SF Mono,monospace;font-size:12px;max-height:250px;overflow-y:auto;border:1px solid var(--border-subtle)}.log-line{margin-bottom:4px;color:var(--text-tertiary);line-height:1.5}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.site-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--duration-fast)}.site-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.site-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.site-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;flex-shrink:0}.site-icon svg{color:#fff;width:18px;height:18px}.site-info{flex:1;min-width:0}.site-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-domain{font-size:12px;color:var(--text-quaternary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-status{padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase}.site-status.running{background:#30d1581f;color:var(--success)}.site-status.stopped{background:#ff453a1f;color:var(--danger)}.site-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.site-stat-item{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center}.site-stat-value{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.site-stat-label{font-size:10px;color:var(--text-quaternary)}.site-stat-item.pv .site-stat-value{color:var(--accent)}.site-stat-item.uv .site-stat-value{color:var(--success)}.site-stat-item.traffic .site-stat-value{color:var(--warning)}.site-card-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.site-updated{font-size:11px;color:var(--text-quaternary)}.site-actions{display:flex;gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-quaternary)}.empty-state svg{width:56px;height:56px;margin-bottom:var(--space-4);opacity:.4}.empty-state p{font-size:14px}.ai-chat-container{display:flex;flex-direction:column;height:calc(100vh - 180px);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);overflow:hidden}.ai-messages{flex:1;padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column}.ai-message{max-width:80%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:14px;line-height:1.5}.ai-message.user{align-self:flex-end;flex-direction:row-reverse;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff}.ai-message.assistant{align-self:flex-start;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.ai-input-wrapper{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-card)}.ai-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;resize:none;transition:all var(--duration-fast)}.ai-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.log-monitor-alert{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border-left:3px solid var(--accent);display:flex;align-items:flex-start;gap:var(--space-3)}.log-monitor-alert.error{border-left-color:var(--danger);background:#ff453a14}.log-monitor-alert.warning{border-left-color:var(--warning);background:#ff9f0a14}.log-monitor-section{margin-bottom:var(--space-5)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-float-button{display:none}.ai-fullscreen-panel{display:none!important}.ai-panel-container{display:flex;flex-direction:column;height:calc(100vh - 180px);background:transparent;border-radius:0;border:none;box-shadow:none;overflow:hidden}.ai-messages{flex:1;padding:24px 32px;overflow-y:auto;overflow-x:hidden;background:transparent;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.ai-message{display:flex;gap:16px;max-width:720px;margin:0 auto;width:100%;animation:messageSlideIn .4s cubic-bezier(.16,1,.3,1)}.ai-message.user{flex-direction:row-reverse}.ai-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #00000014;transition:transform .2s ease}.ai-avatar:hover{transform:scale(1.05)}.ai-avatar.bot{background:var(--accent)}.ai-avatar.user{background:var(--bg-elevated);border:1.5px solid var(--border)}.ai-content{flex:1;padding:16px 20px;border-radius:18px;font-size:14px;line-height:1.6;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 1px 3px #0000000a;color:var(--text-primary);word-break:break-word;max-width:calc(100% - 56px)}.ai-message.bot{justify-content:flex-start}.ai-message.bot .ai-content{text-align:left;border-top-left-radius:4px}.ai-message.user{justify-content:flex-end}.ai-message.user .ai-content{background:var(--accent);color:#fff;border:none;box-shadow:0 4px 12px #e57b0040;text-align:left;border-top-right-radius:4px}.ai-content p{margin-bottom:12px;text-align:left}.ai-message.bot .ai-content p{text-align:left!important}.ai-content p:last-child{margin-bottom:0}.ai-content ul{margin:12px 0;padding-left:20px;text-align:left}.ai-message.bot .ai-content ul{text-align:left!important}.ai-content li{margin-bottom:8px;text-align:left}.ai-content .ai-structured-response{text-align:left}.ai-content .ai-structured-section{margin:16px 0;padding:0;border-radius:var(--radius-lg);background:transparent}.ai-content .ai-structured-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.ai-content .ai-structured-section-content{font-size:14px;line-height:1.7;color:var(--text-secondary)}.ai-content .ai-structured-list{list-style:none;padding:0;margin:0}.ai-content .ai-structured-list-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-light)}.ai-content .ai-structured-list-item:last-child{border-bottom:none}.ai-content .ai-structured-list-icon{color:var(--success);font-size:14px;flex-shrink:0;margin-top:2px}.ai-content .ai-structured-list-text{flex:1;line-height:1.6}.ai-content .markdown-code-block{background:#1e1e2e;border:1px solid var(--border);border-radius:12px;padding:16px;margin:14px 0;overflow-x:auto;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;text-align:left;color:#cdd6f4;box-shadow:0 4px 12px #00000026}.ai-message.user .ai-content .markdown-code-block{text-align:left;background:#1e1e2e;color:#cdd6f4}.ai-content .markdown-inline-code{background:#e57b001f;padding:3px 8px;border-radius:6px;font-family:SF Mono,monospace;font-size:13px;border:1px solid rgba(229,123,0,.2);color:var(--accent)}.ai-content blockquote{border-left:3px solid var(--accent);padding:12px 16px;margin:14px 0;color:var(--text-secondary);font-style:italic;text-align:left;background:#e57b000d;border-radius:0 8px 8px 0}.ai-message.user .ai-content blockquote{border-left:none;border-right:3px solid rgba(255,255,255,.3);padding-left:0;padding-right:16px;text-align:left;background:#ffffff1a;border-radius:8px 0 0 8px}.ai-content h1,.ai-content h2,.ai-content h3{margin:20px 0 12px;font-weight:600;line-height:1.4;text-align:left;letter-spacing:-.5px}.ai-message.user .ai-content h1,.ai-message.user .ai-content h2,.ai-message.user .ai-content h3{text-align:left}.ai-content h1{font-size:22px}.ai-content h2{font-size:18px}.ai-content h3{font-size:16px}.ai-input-wrapper{display:flex;gap:12px;padding:20px 32px;border-top:1px solid var(--border-light);background:var(--bg-secondary);max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}.ai-input{flex:1;padding:14px 20px;background:transparent;border:1.5px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;caret-color:var(--accent);transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-input::placeholder{color:var(--text-tertiary)}.ai-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #e57b001a;background:transparent}.ai-send{padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;box-shadow:0 4px 12px #e57b004d}.ai-send:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e57b0066}.ai-send:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #e57b004d}@media (max-width: 768px){.ai-panel-container{height:calc(100vh - 140px);border-radius:0}.ai-messages{padding:16px 20px;gap:20px}.ai-message{gap:12px;max-width:100%}.ai-avatar{width:36px;height:36px;font-size:16px;border-radius:10px}.ai-content{padding:14px 16px;font-size:14px}.ai-input-wrapper{padding:16px 20px;gap:10px;background:var(--bg-secondary)}.ai-input{padding:13px 18px;font-size:14px;border-radius:10px}.ai-send{padding:13px 20px;font-size:14px;border-radius:10px}}.ai-float-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:all var(--transition-fast);border:none}.ai-float-button:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.ai-float-button:active{transform:scale(.95)}.ai-float-button svg{color:#fff;width:28px;height:28px}.ai-float-panel{position:fixed;bottom:100px;right:24px;width:380px;max-width:calc(100vw - 48px);max-height:500px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);display:flex;flex-direction:column;z-index:998;overflow:hidden;transform-origin:bottom right;transition:all var(--transition-normal)}.ai-float-panel.hidden{display:none}.ai-float-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-elevated);cursor:move}.ai-float-title{display:flex;align-items:center;gap:10px}.ai-float-title h3{font-size:15px;font-weight:600;color:var(--text-primary)}.ai-status{font-size:11px;color:var(--success);background:#34c75926;padding:3px 8px;border-radius:var(--radius-full);font-weight:500}.ai-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-right:4px}.ai-float-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.ai-float-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-float-messages{flex:1;padding:16px;overflow-y:auto;max-height:340px;background:var(--bg-secondary)}.ai-float-message{display:flex;gap:10px;margin-bottom:14px;animation:messageAppear .3s ease-out}.ai-float-message.user{flex-direction:row-reverse}.ai-float-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ai-float-avatar.bot{background:var(--accent)}.ai-float-avatar.user{background:var(--bg-elevated)}.ai-float-content{max-width:80%;padding:10px 14px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5}.ai-float-message.bot .ai-float-content{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary)}.ai-float-message.user .ai-float-content{background:var(--accent);color:#fff}.ai-float-input-wrapper{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card)}.ai-float-input{flex:1;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);font-size:14px;outline:none;caret-color:var(--accent)}.ai-float-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e57b0033}.ai-float-send{padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.ai-float-send:hover{transform:scale(1.05)}.ai-float-send:active{transform:scale(.95)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-normal);display:none}.mobile-sidebar-overlay.active{display:block;opacity:1}.mobile-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;background:var(--bg-secondary);z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;flex-direction:column;box-shadow:var(--shadow-xl);transform:translate(-100%);will-change:transform}.mobile-sidebar.active{display:flex;transform:translate(0)}.mobile-sidebar.touch-dragging{transition:none}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.mobile-sidebar-logo{display:flex;align-items:center;gap:12px}.mobile-sidebar-logo .logo-icon{width:36px;height:36px}.mobile-sidebar-logo .logo-title{font-size:17px}.mobile-sidebar-close{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:var(--bg-hover);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}#mobile-sidebar .mobile-sidebar-nav{flex:1;padding:16px 12px;display:flex!important;flex-direction:column!important;gap:8px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 80px)}#mobile-sidebar .mobile-sidebar-nav .nav-item{display:flex!important;align-items:center!important;gap:12px;padding:14px 16px!important;border-radius:var(--radius-lg);background:var(--bg-card)!important;border:1px solid var(--border);margin-bottom:4px;cursor:pointer;transition:all var(--transition-fast);min-height:52px;width:100%!important;position:relative!important;color:var(--text-primary)!important}#mobile-sidebar .mobile-sidebar-nav .nav-item:before{display:none!important}#mobile-sidebar .mobile-sidebar-nav .nav-item:hover{background:var(--bg-hover)!important;transform:translate(4px)}#mobile-sidebar .mobile-sidebar-nav .nav-item.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:0 4px 12px #e57b004d}#mobile-sidebar .mobile-sidebar-nav .nav-item .nav-icon{flex-shrink:0!important;width:24px;height:24px;display:flex!important;align-items:center!important;justify-content:center!important}#mobile-sidebar .mobile-sidebar-nav .nav-item .nav-icon svg{width:20px;height:20px}#mobile-sidebar .mobile-sidebar-nav .nav-item .nav-label{flex:1;font-size:15px;font-weight:500;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;display:block!important}.mobile-top-bar{display:none!important;align-items:center;justify-content:space-between;height:50px;padding:8px 12px;background:#14141ecc;border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:1000!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box}.mobile-nav-left,.mobile-nav-right{display:flex;align-items:center;gap:12px}.mobile-nav-title{flex:1;text-align:center;font-size:17px;font-weight:600;color:var(--text-primary);line-height:50px;height:50px;padding:0;margin:0}.mobile-menu-btn,.mobile-back-btn{height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;color:var(--text-primary);cursor:pointer;flex-shrink:0;padding:0 14px;gap:8px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;position:relative;z-index:151;pointer-events:auto}.mobile-menu-btn:hover,.mobile-menu-btn:active,.mobile-back-btn:hover,.mobile-back-btn:active{background:var(--bg-hover);border-color:var(--accent);transform:scale(1.02)}.menu-btn-content{display:flex;align-items:center;justify-content:center;gap:8px}.menu-btn-text{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.mobile-menu-btn:active,.mobile-back-btn:active{transform:scale(.96);background:var(--bg-elevated)}.mobile-sidebar-overlay{z-index:199}.mobile-sidebar{z-index:200}@media (max-width: 768px){.mobile-top-bar{display:flex!important;visibility:visible!important}.mobile-nav-left{align-items:center}.mobile-nav-title{display:block!important;visibility:visible!important;opacity:1!important;font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)!important}.mobile-sidebar-overlay.active{display:block!important}.mobile-sidebar.active{display:flex!important}.app-container{flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1;overflow:hidden;margin-top:80px;display:flex;flex-direction:column;padding-top:0!important}.sidebar{display:none!important}.panel-header h2,#panel-dashboard .panel-header h2,#panel-terminal .panel-header h2,#panel-files .panel-header h2,#panel-pm2 .panel-header h2,#panel-deploy .panel-header h2,#panel-ai .panel-header h2{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}.panel{padding:16px 16px 12px!important;margin-top:0!important}.panel .section-title:first-of-type{margin-top:0!important;margin-bottom:12px!important}.panel .section-title{margin-top:16px!important;margin-bottom:12px!important}.panel{display:none!important;padding:12px 16px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;flex:1!important;min-height:0!important;overscroll-behavior:contain!important}.panel.active{display:flex!important;flex-direction:column!important}.panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.section-title{margin-top:12px!important}.stats-table-container{min-height:auto!important;height:auto!important;overflow:visible!important}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-icon{width:48px;height:48px}.stat-value{font-size:24px}.stat-card-medium{padding:16px}.stat-icon-medium{width:48px;height:48px}.stat-card-medium .stat-number{font-size:24px}.terminal-container{flex:1!important;border-radius:var(--radius-lg)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:auto!important;max-height:600px!important;min-height:400px!important}.terminal-output{flex:1;padding:12px;font-size:13px;overflow-y:auto;-webkit-overflow-scrolling:touch}.file-browser{flex:1!important;border-radius:var(--radius-lg)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:auto!important;max-height:500px!important;min-height:300px!important}.file-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.file-item{padding:12px 16px}.file-item-actions{opacity:1}.stats-table-container{padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:16px;width:100%;box-sizing:border-box}.stats-table-container h3{font-size:15px;margin-bottom:12px;color:var(--text-primary);word-break:break-word}.stats-table{width:100%;min-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-table th,.stats-table td{padding:12px 10px;font-size:13px;white-space:nowrap;text-align:left;max-width:none}.stats-table th{background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;font-size:12px;white-space:nowrap}.stats-table td{color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap}.stats-table tr:last-child td{border-bottom:none}.stats-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pm2-item{flex-direction:column;align-items:flex-start;gap:12px}.pm2-actions{width:100%}.upload-zone{padding:32px 20px}.deploy-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.log-monitor-section,#log-monitor-alerts,#log-monitor-errors,#log-monitor-recommendations{height:240px;max-height:240px;min-height:240px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.log-alert-item,.log-error-item,.log-recommendation-item{min-width:max-content}.log-error-content{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.btn{padding:10px 16px;font-size:14px;min-height:40px}.btn-sm{padding:8px 12px;font-size:12px;min-height:32px}.modal-content{width:95%;max-height:90vh;border-radius:var(--radius-lg)}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.panel,.stat-card{padding:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.ai-float-panel{width:calc(100vw - 32px);right:16px;bottom:90px;max-height:400px}.ai-float-button{width:52px;height:52px;bottom:16px;right:16px}}@media (max-width: 768px) and (orientation: landscape){.ai-float-panel{max-height:280px;bottom:80px}.ai-float-messages{max-height:180px}.panel{height:calc(100vh - 80px);max-height:none!important;min-height:400px!important}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width: 768px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.ai-message-timestamp{font-size:11px;color:var(--text-tertiary);margin-top:6px;text-align:right;opacity:.7}.ai-message.bot .ai-message-timestamp{text-align:left}.ai-message-divider{height:1px;background:var(--border-light);margin:24px 0;position:relative}.ai-message-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;opacity:.3}.ai-send svg{transition:transform .2s ease}.ai-send:hover svg{transform:translate(2px)}.ai-messages::-webkit-scrollbar{width:6px}.ai-messages::-webkit-scrollbar-track{background:transparent;margin:8px 0}.ai-messages::-webkit-scrollbar-thumb{background:#e57b0033;border-radius:10px;transition:background .2s ease}.ai-messages::-webkit-scrollbar-thumb:hover{background:#e57b0059}.ai-messages:empty:before{content:"开始与 AI 助手对话";display:block;text-align:center;color:var(--text-tertiary);font-size:14px;padding:40px 20px;opacity:.6}.ai-typing-indicator{display:flex;gap:4px;padding:12px 16px;align-items:center}.ai-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:typingBounce 1.4s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.ai-avatar.bot{position:relative}.ai-avatar.bot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:14px;background:var(--accent);opacity:.3;animation:avatarPulse 2s ease-in-out infinite;z-index:-1}@keyframes avatarPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.ai-message.user .ai-content:before{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-message.user .ai-content.sent:before{opacity:1;transform:scale(1)}.ai-message.ai-message-bot:first-child .ai-content{background:#e57b0014;border-color:#e57b0033}.ai-message.user .ai-content:hover{transform:translate(-4px);box-shadow:0 6px 20px #e57b0059;transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-message.bot .ai-content:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014;border-color:var(--accent);transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-input-wrapper:focus-within{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-messages:after{content:"";position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--bg-card),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}.ai-messages.show-scroll-hint:after{opacity:1}.ai-message.new-message{animation:newMessageSlide .5s cubic-bezier(.16,1,.3,1)}@keyframes newMessageSlide{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-content .markdown-code-block{position:relative}.ai-content .markdown-code-block code:before{counter-increment:line;content:counter(line);display:inline-block;width:2em;margin-right:1em;color:var(--text-tertiary);font-size:12px;opacity:.5}.ai-content ul{list-style:none}.ai-content ul li{position:relative;padding-left:24px}.ai-content ul li:before{content:"";position:absolute;left:8px;top:10px;width:6px;height:6px;background:var(--accent);border-radius:50%;opacity:.6}.ai-message.user .ai-content ul li:before{background:#fff9}.ai-content a{color:var(--accent);text-decoration:none;border-bottom:1px dashed var(--accent);transition:all .2s ease}.ai-message.user .ai-content a{color:#ffffffe6;border-bottom-color:#ffffff80}.ai-content a:hover{color:var(--primary-dark);border-bottom-style:solid}.ai-message.user .ai-content a:hover{color:#fff}.ai-content strong{font-weight:600;color:var(--text-primary)}.ai-message.user .ai-content strong{color:#fff;font-weight:600}.ai-content em{font-style:italic;opacity:.85}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:rgba(255,255,255,.1)}.mobile-menu-btn:active,.mobile-back-btn:active,.nav-item:active,.btn:active{transform:scale(.96);opacity:.8}input,textarea{touch-action:manipulation}.mobile-menu-btn,.mobile-back-btn{touch-action:auto}.panel,.file-list,.terminal-output,.ai-float-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}}.loading{text-align:center;padding:40px 20px;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:12px}.loading:before{content:"";width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-response-structured{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.ai-response-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent);color:#fff}.ai-response-icon{font-size:18px}.ai-response-title{font-weight:600;font-size:14px}.ai-response-content{padding:16px}.ai-steps-container,.ai-suggestion-container,.ai-technical-container,.ai-icon-container{background:#007aff0d;border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-md);padding:14px;margin:12px 0}.ai-suggestion-container{background:#ff95000d;border-color:#ff950033}.ai-technical-container{background:#34c7590d;border-color:#34c75933}.ai-steps-title,.ai-suggestion-header,.ai-technical-header,.ai-icon-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:14px}.ai-steps-list{padding-left:20px}.ai-step-item{margin-bottom:8px;font-size:13px;line-height:1.5}.ai-code-inline{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,monospace;font-size:12px;border:1px solid var(--border);color:var(--accent)}.ai-error-structured{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:12px;overflow:hidden}.error-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441f;color:#ef4444;font-weight:600;font-size:14px}.error-content{padding:14px 16px}.error-content p{margin-bottom:10px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.error-details code{background:#1e1e2e;padding:10px 14px;border-radius:8px;font-family:SF Mono,monospace;font-size:12px;color:#fca5a5;border:1px solid rgba(239,68,68,.2);display:block;overflow-x:auto;margin-top:8px}.error-suggestion{margin-top:12px;padding:12px;background:#fb923c1f;border-radius:8px;border:1px solid rgba(251,146,60,.25)}.error-suggestion small{color:#f97316;font-weight:600;font-size:13px}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-void);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .6s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);width:100%;max-width:380px;box-shadow:var(--shadow-lg),0 0 60px #00000080;animation:slideUp .7s var(--ease-out);border:1px solid var(--border);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:var(--space-10)}.login-logo .logo-icon{display:inline-flex;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);box-shadow:var(--shadow-md),0 0 24px var(--accent-glow)}.login-title{font-size:26px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.5px}.login-subtitle{font-size:14px;color:var(--text-quaternary);margin:0}.login-form{margin-bottom:var(--space-6)}.login-form .login-form-group{margin-bottom:var(--space-5)}.login-form-group label{display:block;font-size:12px;font-weight:500;color:var(--text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input[type=password]{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-family:inherit;transition:all var(--duration-fast) var(--ease-out);box-sizing:border-box;background:var(--bg-elevated);color:var(--text-primary)}.input-wrapper input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--bg-primary)}.input-wrapper input[type=password]::placeholder{color:var(--text-quaternary)}.toggle-password{position:absolute;right:var(--space-3);background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-quaternary);transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.toggle-password:hover{background:var(--bg-hover);color:var(--accent)}.toggle-password svg{width:18px;height:18px}.login-error{display:none;align-items:center;gap:var(--space-2);background:#ff453a1a;border:1px solid rgba(255,69,58,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--danger);font-size:13px;animation:shake .5s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.login-btn{width:100%;padding:var(--space-4);font-size:15px;font-weight:500;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm),0 0 16px var(--accent-glow);letter-spacing:.2px}.login-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 24px var(--accent-glow)}.login-btn:active{transform:translateY(0)}.login-hint{text-align:center;font-size:12px;color:var(--text-quaternary);margin:0}@media (max-width: 480px){.login-container{padding:var(--space-8) var(--space-6);margin:var(--space-5);border-radius:var(--radius-lg)}.login-title{font-size:22px}.login-logo .logo-icon{width:56px;height:56px}}.login-overlay.fade-out{animation:fadeOut .5s var(--ease-out) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}