@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #0a0a0a;--bg-1: #111111;--bg-2: #1a1a1a;--bg-3: #2d2d2d;--bg-4: #3a3a3a;--glass-bg: rgba(26,26,26,.7);--glass-border: rgba(255,255,255,.06);--glass-blur: blur(20px) saturate(180%);--glass-highlight: inset 0 1px 0 rgba(255,255,255,.04);--border-subtle: rgba(255,255,255,.05);--border-default: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.14);--text-100: #fafafa;--text-80: #d1d5db;--text-60: #9ca3af;--text-40: #6b7280;--text-20: #4b5563;--accent: #C8102E;--accent-light: #E8344E;--accent-dark: #A00D24;--accent-dim: rgba(200,16,46,.15);--accent-glow: rgba(200,16,46,.3);--green: #22c55e;--green-dim: rgba(34,197,94,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--yellow: #eab308;--yellow-dim: rgba(234,179,8,.12);--purple: #a78bfa;--purple-dim: rgba(167,139,250,.12);--cyan: #22d3ee;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 8px 30px rgba(0,0,0,.35);--shadow-glow: 0 0 20px var(--accent-glow);--sidebar-w: 260px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-0: #ffffff;--bg-1: #f3f4f6;--bg-2: #e5e7eb;--bg-3: #d1d5db;--bg-4: #9ca3af;--glass-bg: rgba(255,255,255,.9);--glass-border: rgba(0,0,0,.08);--glass-highlight: inset 0 1px 0 rgba(255,255,255,.8);--border-subtle: rgba(0,0,0,.06);--border-default: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.22);--text-100: #030712;--text-80: #111827;--text-60: #374151;--text-40: #6b7280;--text-20: #9ca3af;--accent: #B00D24;--accent-light: #C8102E;--accent-dark: #8B0A1D;--accent-dim: rgba(176,13,36,.1);--accent-glow: rgba(176,13,36,.2);--green: #15803d;--green-dim: rgba(21,128,61,.12);--red: #b91c1c;--red-dim: rgba(185,28,28,.12);--yellow: #a16207;--yellow-dim: rgba(161,98,7,.12);--purple: #6d28d9;--purple-dim: rgba(109,40,217,.12);--cyan: #0e7490;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.14);--shadow-glow: 0 0 20px var(--accent-glow)}html,body,#root{height:100%;background:var(--bg-0);color:var(--text-80);font-family:Titillium Web,Segoe UI,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--accent-dim);color:var(--text-100)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-40)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-1);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;flex-shrink:0;z-index:10;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.sidebar-header{padding:var(--space-6) var(--space-6) var(--space-5)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;letter-spacing:-.5px;box-shadow:0 2px 12px var(--accent-glow)}.sidebar-title{font-size:16px;font-weight:700;color:var(--text-100);letter-spacing:-.3px}.sidebar-subtitle{font-size:11px;color:var(--text-40);text-transform:uppercase;letter-spacing:1.2px;font-weight:500}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--r-md);color:var(--text-60);text-decoration:none;font-weight:500;font-size:13.5px;transition:all var(--transition);position:relative}.nav-link svg{width:18px;height:18px;flex-shrink:0;opacity:.6;transition:opacity var(--transition)}.nav-link:hover{background:var(--bg-3);color:var(--text-80)}.nav-link:hover svg{opacity:.9}.nav-link.active{background:var(--accent-dim);color:var(--accent-light)}.nav-link.active svg{opacity:1;color:var(--accent-light)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,var(--accent),var(--accent-light));border-radius:0 3px 3px 0}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.user-badge{display:flex;align-items:center;gap:var(--space-2)}.user-avatar{width:28px;height:28px;border-radius:var(--r-full);background:var(--bg-4);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-60)}.user-name{font-size:13px;color:var(--text-60);font-weight:500}.btn-theme,.btn-logout{background:none;border:1px solid transparent;color:var(--text-40);cursor:pointer;font-size:12px;padding:var(--space-1) var(--space-2);border-radius:var(--r-sm);transition:all var(--transition);display:flex;align-items:center}.btn-theme:hover{color:var(--yellow);background:var(--yellow-dim)}.btn-logout:hover{color:var(--red);background:var(--red-dim);border-color:#ef444426}.main-content{flex:1;overflow-y:auto;padding:var(--space-8);background:var(--bg-0)}.page-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.page-header h2{font-size:24px;font-weight:700;color:var(--text-100);letter-spacing:-.5px}.page-loading,.loading-screen{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-40);font-size:14px}.status-badge{font-size:12px;padding:var(--space-1) var(--space-4);border-radius:var(--r-full);font-weight:600;display:flex;align-items:center;gap:6px;letter-spacing:.2px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.connected{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.15)}.status-badge.connected:before{background:var(--green);box-shadow:0 0 6px var(--green)}.status-badge.disconnected{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.15)}.status-badge.disconnected:before{background:var(--red)}.btn{padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm),0 0 12px var(--accent-glow);letter-spacing:.3px}.btn-primary:hover{background:var(--accent-dark);box-shadow:var(--shadow-md),0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-small{padding:var(--space-2) var(--space-3);font-size:12px;background:var(--bg-3);color:var(--text-60);border:1px solid var(--border-default);border-radius:var(--r-sm)}.btn-small:hover{color:var(--text-100);border-color:var(--border-strong);background:var(--bg-4)}.btn-danger{background:var(--red-dim);color:var(--red);border-color:#ef444426}.btn-danger:hover{background:#ef444433}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);padding:var(--space-6);transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight)}.metric-card:hover{border-color:#c8102e26;box-shadow:var(--glass-highlight),0 4px 20px #0003;transform:translateY(-2px)}.metric-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.metric-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.metric-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm)}.metric-icon svg{width:16px;height:16px}.metric-icon.cpu{background:var(--accent-dim);color:var(--accent-light)}.metric-icon.ram{background:#8b5cf61f;color:#a78bfa}.metric-icon.disk{background:var(--green-dim);color:var(--green)}.metric-icon.data{background:var(--yellow-dim);color:var(--yellow)}.metric-title{font-size:12px;color:var(--text-40);font-weight:600;letter-spacing:.3px}.metric-value{font-size:32px;font-weight:600;font-family:Titillium Web,sans-serif;color:var(--text-100);letter-spacing:-1px;line-height:1.1;margin-bottom:var(--space-3)}.metric-subtitle{font-size:12px;color:var(--text-40)}.progress-bar{width:100%;height:4px;background:var(--bg-4);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;border-radius:var(--r-full);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:var(--r-full)}.dashboard-row{display:grid;grid-template-columns:1fr 1.8fr;gap:var(--space-5)}.info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);padding:var(--space-6);transition:all .3s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight)}.info-card:hover{border-color:var(--border-default)}.info-card h3{font-size:14px;font-weight:700;color:var(--text-100);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.info-card h3:before{content:"";width:60px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:2px;position:absolute;top:-8px;left:0}.info-card h3{position:relative;padding-top:var(--space-2)}.info-list{display:flex;flex-direction:column;gap:var(--space-3)}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:var(--space-1) 0}.info-item span:first-child{color:var(--text-40);font-weight:500}.info-item span:last-child{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-80)}.status-dot{font-weight:700}.status-dot.green{color:var(--green)}.status-dot.red{color:var(--red)}.pm2-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.pm2-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-40);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-subtle)}.pm2-table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-80)}.pm2-table tr:last-child td{border-bottom:none}.pm2-table tr:nth-child(2n) td{background:var(--bg-1)}.pm2-table tr:hover td{background:#ffffff05}.mono{font-family:JetBrains Mono,monospace;font-size:12px}.pm2-status{font-size:11px;padding:3px 12px;border-radius:var(--r-full);font-weight:700;letter-spacing:.3px;display:inline-block}.pm2-status.online{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.15)}.pm2-status.stopped,.pm2-status.errored{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.15)}.text-muted{color:var(--text-40)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 40%,#2d1015)}.login-card{width:100%;max-width:400px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-light),transparent)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:#fff;margin:0 auto var(--space-5);box-shadow:0 4px 20px var(--accent-glow)}.login-header h1{font-size:22px;font-weight:800;color:var(--text-100);letter-spacing:-.5px}.login-header p{color:var(--text-40);font-size:13px;margin-top:var(--space-1)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:12px;font-weight:600;color:var(--text-60);text-transform:uppercase;letter-spacing:.5px}.form-group input,.chat-config textarea,.chat-input-area textarea{background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);color:var(--text-100);font-size:14px;font-family:inherit;outline:none;transition:all var(--transition)}.form-group input:focus,.chat-config textarea:focus,.chat-input-area textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input::placeholder{color:var(--text-20)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--r-md);font-size:13px;font-weight:500}.alert-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.15)}.login-form .btn-primary{margin-top:var(--space-2);padding:var(--space-3) var(--space-5);font-size:14px}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 64px)}.chat-config{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.chat-config label{display:block;font-size:11px;font-weight:600;color:var(--text-40);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.chat-config textarea{width:100%;resize:vertical}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-5)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:var(--text-40)}.chat-empty p:first-child{font-size:16px;color:var(--text-60);font-weight:500}.chat-message{display:flex;gap:var(--space-3);max-width:80%;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.chat-avatar{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar svg{width:16px;height:16px}.chat-avatar-user{background:var(--accent);color:#fff}.chat-avatar-claude{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.chat-message.user .chat-avatar:not(.chat-avatar-user):not(.chat-avatar-claude){background:var(--accent);color:#fff;font-size:12px;font-weight:800}.chat-message.assistant .chat-avatar:not(.chat-avatar-user):not(.chat-avatar-claude){background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-size:12px;font-weight:800}.chat-bubble{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--space-4) var(--space-5)}.chat-message.user .chat-bubble{background:var(--accent-dim);border-color:#c8102e1f}.chat-content{font-size:14px;line-height:1.7;word-break:break-word}.chat-content code{background:var(--bg-4);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--cyan)}.chat-content pre{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--space-4);margin:var(--space-3) 0;overflow-x:auto}.chat-content pre code{background:none;padding:0;color:var(--text-80)}.analytics-section{margin-top:var(--space-6);border-top:1px solid var(--border-subtle);padding-top:var(--space-6)}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.analytics-header h3{font-size:18px;font-weight:700}.analytics-tabs{display:flex;gap:var(--space-1);background:var(--bg-2);border-radius:var(--r-md);padding:3px}.analytics-tab{background:none;border:none;color:var(--text-40);padding:var(--space-2) var(--space-4);border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all var(--transition)}.analytics-tab:hover{color:var(--text-80)}.analytics-tab.active{background:var(--bg-0);color:var(--accent);box-shadow:var(--shadow-sm)}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-5)}.analytics-stat{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--space-5) var(--space-6);text-align:center}.analytics-stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);color:var(--text-40)}.analytics-stat-icon svg{width:18px;height:18px}.analytics-stat-value{font-size:32px;font-weight:600;font-family:Titillium Web,sans-serif;color:var(--text-100)}.analytics-stat-value.realtime{color:var(--green)}.analytics-stat-label{font-size:12px;color:var(--text-40);margin-top:var(--space-1);font-weight:600;letter-spacing:.3px}.analytics-stat.clickable{cursor:pointer;transition:all var(--transition)}.analytics-stat.clickable:hover{border-color:var(--accent);background:var(--accent-dim)}.realtime-panel{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--space-5);margin-bottom:var(--space-4);animation:fadeIn .2s ease}.realtime-panel h4{font-size:13px;font-weight:700;color:var(--green);margin-bottom:var(--space-4)}.visitor-cards-grid{display:flex;flex-direction:column;gap:var(--space-3)}.visitor-card{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition)}.visitor-card:hover{border-color:var(--border-default);background:#ffffff08}.visitor-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.visitor-card-device{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border-radius:var(--r-sm);color:var(--text-60);flex-shrink:0}.visitor-card-main{flex:1;min-width:0}.visitor-card-ip{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--text-100)}.visitor-card-location{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-40);margin-top:2px}.visitor-card-location svg{flex-shrink:0}.visitor-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.visitor-card-requests,.visitor-card-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-40);font-family:JetBrains Mono,monospace}.visitor-card-row{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap}.visitor-card-browser,.visitor-card-page{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-60)}.visitor-card-os{color:var(--text-40);margin-left:4px;padding-left:4px;border-left:1px solid var(--border-subtle)}.visitor-card-referer{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-40);margin-top:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-card-details{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2);animation:fadeIn .15s ease}.visitor-card-detail-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:12px}.visitor-detail-label{color:var(--text-40);font-weight:500;flex-shrink:0}.visitor-detail-value{color:var(--text-60);font-family:JetBrains Mono,monospace;font-size:11px;text-align:right}.visitor-detail-ua{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-card-pages{margin-top:var(--space-2)}.visitor-pages-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-1)}.visitor-page-tag{display:inline-block;padding:2px 8px;background:var(--bg-3);border-radius:var(--r-full);font-size:10px;color:var(--text-60)}.realtime-table{width:100%;border-collapse:collapse;font-size:12px}.realtime-table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);color:var(--text-40);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.realtime-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-60)}.realtime-table tr:nth-child(2n) td{background:var(--bg-1)}.analytics-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}.analytics-map-card,.analytics-list-card{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--space-5)}.analytics-map-card h4,.analytics-list-card h4{font-size:13px;font-weight:700;color:var(--text-60);margin-bottom:var(--space-3);letter-spacing:.3px}.analytics-lists{display:flex;flex-direction:column;gap:var(--space-4)}.analytics-list{display:flex;flex-direction:column;gap:2px}.analytics-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:12px;border-radius:var(--r-sm)}.analytics-list-item:hover{background:var(--bg-2)}.analytics-rank{width:20px;text-align:center;font-weight:700;color:var(--text-20);font-size:10px}.analytics-list-name{flex:1;color:var(--text-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-list-value{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--text-80)}.worldmap-container{width:100%;position:relative}.worldmap-tooltip{position:absolute;bottom:12px;left:12px;background:var(--bg-0);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3);font-size:12px;display:flex;gap:var(--space-2);box-shadow:var(--shadow-md);pointer-events:none}.worldmap-tooltip strong{color:var(--text-100)}.worldmap-tooltip span{color:var(--accent);font-weight:700}@media(max-width:768px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-row{grid-template-columns:1fr}.analytics-tabs{flex-wrap:wrap}}.tool-use-block{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#c8102e0f;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:var(--space-2) 0;font-size:12px;font-family:JetBrains Mono,monospace}.tool-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--accent-light)}.tool-icon svg{width:14px;height:14px}.tool-name{font-weight:700;color:var(--accent)}.tool-input{color:var(--text-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-result-block{padding:var(--space-2) var(--space-3);background:var(--bg-1);border-radius:var(--r-sm);margin:var(--space-1) 0;max-height:120px;overflow-y:auto}.tool-result-block pre{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-40);white-space:pre-wrap;word-break:break-all;margin:0}.tool-result-block.error pre{color:var(--red)}.chat-engine{font-size:11px;padding:3px 10px;border-radius:var(--r-full);background:var(--accent-dim);color:var(--accent);font-weight:600}.chat-session{font-size:11px;padding:3px 10px;border-radius:var(--r-full);background:#3fb9501a;color:var(--green);font-weight:500}.chat-cost{font-size:10px;color:var(--text-20);text-align:right;margin-top:var(--space-1);font-family:JetBrains Mono,monospace}.chat-history{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:var(--space-3);max-height:200px;overflow-y:auto}.chat-history-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);cursor:pointer;font-size:13px;color:var(--text-60);transition:all var(--transition)}.chat-history-item:hover{background:var(--bg-3)}.chat-history-item.active{background:var(--accent-dim);color:var(--accent-light)}.chat-history-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-date{font-size:11px;color:var(--text-20);white-space:nowrap}.chat-history-delete{background:none;border:none;color:var(--text-20);cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.chat-history-delete:hover{color:var(--red)}.chat-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.chat-attachment-img{max-width:280px;max-height:200px;border-radius:var(--r-md);border:1px solid var(--border-subtle);object-fit:cover;cursor:pointer}.chat-attachment-img:hover{border-color:var(--accent)}.chat-attachment-file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-3);border-radius:var(--r-sm);font-size:12px;color:var(--text-60)}.chat-attachments-bar{display:flex;gap:var(--space-2);padding:var(--space-3) 0;overflow-x:auto;flex-shrink:0}.chat-attachment-preview{position:relative;flex-shrink:0}.chat-attachment-preview img{width:60px;height:60px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border-default)}.chat-attachment-preview .attachment-name{display:block;padding:var(--space-2) var(--space-3);background:var(--bg-3);border-radius:var(--r-sm);font-size:11px;color:var(--text-60);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-input-area{display:flex;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.btn-attach{background:none;border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-40);cursor:pointer;padding:var(--space-3);transition:all var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-attach:hover{color:var(--accent-light);border-color:var(--accent);background:var(--accent-dim)}.btn-attach:disabled{opacity:.4;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-input-area textarea{flex:1;resize:none;min-height:44px;max-height:120px}.btn-send{align-self:flex-end;min-width:90px}.code-page{display:flex;flex-direction:column;height:calc(100vh - 64px)}.project-btn-new{border:1px dashed var(--border-default)!important;color:var(--text-40)!important;display:flex;align-items:center;gap:var(--space-2);justify-content:center}.project-btn-new:hover{color:var(--accent)!important;border-color:var(--accent)!important}.new-project-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.new-project-modal{background:var(--bg-0);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--space-8);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.new-project-modal h3{font-size:20px;font-weight:700;margin-bottom:var(--space-2)}.new-project-modal .form-group{margin-bottom:var(--space-4)}.new-project-modal select{width:100%;background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:10px 12px;color:var(--text-100);font-size:14px;font-family:inherit}.form-hint{font-size:11px;color:var(--text-40);margin-top:var(--space-1);display:block}.new-project-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.code-mode-selector{display:flex;gap:2px;background:var(--bg-2);border-radius:var(--r-md);padding:2px}.code-mode-btn{background:none;border:none;color:var(--text-40);padding:var(--space-1) var(--space-3);border-radius:var(--r-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:all var(--transition);white-space:nowrap;display:flex;align-items:center;gap:var(--space-1)}.code-mode-btn:hover{color:var(--text-80)}.code-mode-btn.active{background:var(--bg-0);color:var(--accent);box-shadow:var(--shadow-sm)}.code-mode-icon{display:flex;align-items:center}.code-mode-icon svg{width:14px;height:14px}.code-actions{display:flex;gap:var(--space-2);margin-left:auto}.action-output{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--space-3);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-60);max-height:100px;overflow-y:auto;margin-bottom:var(--space-3);white-space:pre-wrap}.code-layout{flex:1;display:grid;grid-template-columns:220px 1fr 320px;gap:1px;background:var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border-subtle)}.code-tabs-mobile{display:none}.code-sidebar{background:var(--bg-1);display:flex;flex-direction:column;overflow:hidden}.code-projects{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-bottom:1px solid var(--border-subtle)}.project-btn{background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:var(--space-2) var(--space-3);color:var(--text-60);cursor:pointer;font-size:12px;font-weight:600;text-align:left;font-family:JetBrains Mono,monospace;transition:all var(--transition)}.project-btn:hover{background:var(--bg-3);color:var(--text-80)}.project-btn.active{background:var(--accent-dim);color:var(--accent-light);border-color:#c8102e26}.code-tree{flex:1;overflow-y:auto;padding:var(--space-1) 0}.tree-item{display:flex;align-items:center;gap:4px;padding:3px 8px;cursor:pointer;font-size:12px;color:var(--text-60);transition:background var(--transition);white-space:nowrap}.tree-item:hover{background:var(--bg-3)}.tree-item.selected{background:var(--accent-dim);color:var(--accent-light)}.tree-item.readonly{opacity:.4;cursor:default}.tree-arrow{font-size:10px;width:12px;color:var(--text-40)}.tree-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.tree-icon svg{width:14px;height:14px}.tree-name{overflow:hidden;text-overflow:ellipsis}.code-editor-area{background:var(--bg-0);display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.editor-filename{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-60);display:flex;align-items:center;gap:var(--space-2)}.editor-file-icon{display:flex;align-items:center}.editor-file-icon svg{width:14px;height:14px}.editor-dirty{color:var(--accent);font-size:14px}.editor-actions{display:flex;align-items:center;gap:var(--space-2)}.editor-lang{font-size:10px;text-transform:uppercase;color:var(--text-40);background:var(--bg-4);padding:2px 8px;border-radius:var(--r-full);font-weight:600;letter-spacing:.5px}.cm-wrapper{flex:1;overflow:hidden}.cm-wrapper .cm-editor{height:100%;font-family:JetBrains Mono,monospace;font-size:13px}.cm-wrapper .cm-scroller{overflow:auto}.cm-wrapper .cm-content{font-family:JetBrains Mono,monospace}[data-theme=light] .cm-wrapper .cm-editor{background:var(--bg-0)}.code-editor{flex:1;background:var(--bg-0);color:var(--text-80);border:none;outline:none;resize:none;padding:var(--space-3) var(--space-4);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.editor-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-20);font-size:14px}.code-claude{background:var(--bg-1);display:flex;flex-direction:column;overflow:hidden}.claude-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:700;color:var(--text-60);letter-spacing:.3px}.claude-messages{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.claude-empty{padding:var(--space-4);color:var(--text-20);font-size:12px;text-align:center;line-height:1.6}.claude-msg{padding:var(--space-2) var(--space-3);border-radius:var(--r-md);font-size:13px;line-height:1.6;animation:fadeIn .15s ease}.claude-msg.user{background:var(--accent-dim);color:var(--text-80);align-self:flex-end;max-width:90%}.claude-msg.assistant{background:var(--bg-3);color:var(--text-80)}.claude-msg-content code{background:var(--bg-4);padding:1px 4px;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:11.5px}.claude-msg-content pre{background:var(--bg-0);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--space-2);margin:var(--space-2) 0;overflow-x:auto;font-size:11px}.claude-msg-content pre code{background:none;padding:0}.claude-input{display:flex;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border-subtle)}.claude-input textarea{flex:1;background:var(--bg-0);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:var(--space-2);color:var(--text-100);font-family:inherit;font-size:13px;resize:none;outline:none}.claude-input textarea:focus{border-color:var(--accent)}.claude-input .btn{padding:var(--space-2) var(--space-3);min-width:40px}.terminal-page{display:flex;flex-direction:column;height:calc(100vh - 64px)}.terminal-container{flex:1;background:var(--bg-1);border-radius:var(--r-lg);border:1px solid var(--border-subtle);padding:var(--space-2);overflow:hidden;box-shadow:var(--shadow-md)}.terminal-container .xterm{height:100%}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-row{grid-template-columns:1fr}.main-content{padding:var(--space-5)}}@media(max-width:768px){:root{--sidebar-w: 0px}.app-layout{flex-direction:column;height:100vh;height:100dvh}.sidebar{order:2;width:100%;height:auto;flex-direction:column;border-right:none;border-top:1px solid var(--border-subtle);background:var(--bg-1);padding:0;position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;padding:var(--space-2) 0;gap:0}.nav-link{flex-direction:column;gap:2px;padding:var(--space-2) var(--space-4);font-size:10px;font-weight:600;text-align:center;border-radius:var(--r-md);letter-spacing:.3px;min-height:48px;justify-content:center}.nav-link svg{width:22px;height:22px}.nav-link.active:before{display:none}.nav-link.active{background:transparent;color:var(--accent-light)}.nav-link.active svg{color:var(--accent-light)}.main-content{order:1;flex:1;padding:var(--space-4);padding-bottom:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-header{margin-bottom:var(--space-5);flex-wrap:wrap}.page-header h2{font-size:20px}.metrics-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.metric-card{padding:var(--space-4)}.metric-value{font-size:22px;letter-spacing:-.5px}.metric-title,.metric-subtitle{font-size:11px}.dashboard-row{grid-template-columns:1fr;gap:var(--space-3)}.info-card{padding:var(--space-4)}.info-item{font-size:12px}.info-item span:last-child{font-size:11px}.info-card{overflow-x:auto}.pm2-table{min-width:500px}.pm2-table th{font-size:9px;padding:var(--space-2)}.pm2-table td{padding:var(--space-2);font-size:12px}.visitor-card-header{flex-wrap:wrap}.visitor-card-row{flex-direction:column;gap:var(--space-1);align-items:flex-start}.visitor-detail-ua{max-width:200px}.realtime-table{display:none}.chat-page{height:calc(100vh - 80px);height:calc(100dvh - 80px)}.chat-message{max-width:95%}.chat-avatar{width:32px;height:32px}.chat-avatar svg{width:14px;height:14px}.chat-bubble{padding:var(--space-3) var(--space-4)}.chat-content{font-size:13px;line-height:1.6}.chat-input-area{gap:var(--space-2)}.chat-input-area textarea{font-size:16px}.btn-send{min-width:70px;padding:var(--space-3)}.terminal-page{height:calc(100vh - 80px);height:calc(100dvh - 80px)}.terminal-container{border-radius:var(--r-md);padding:var(--space-1)}.code-page{height:calc(100vh - 80px);height:calc(100dvh - 80px)}.code-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.code-tabs-mobile{display:flex!important;grid-column:1;grid-row:1;background:var(--bg-2);border-bottom:1px solid var(--border-subtle);gap:0}.code-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-40);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;position:relative;transition:all .15s}.code-tab:hover{color:var(--text-60)}.code-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.code-tab svg{width:16px;height:16px;flex-shrink:0}.code-tab-badge{position:absolute;top:4px;right:calc(50% - 30px);background:var(--accent);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:fadeIn .15s ease}.code-sidebar,.code-editor-area,.code-claude{grid-column:1;grid-row:2;max-height:none!important}.code-layout[data-active-tab=files] .code-sidebar{display:flex}.code-layout[data-active-tab=files] .code-editor-area,.code-layout[data-active-tab=files] .code-claude,.code-layout[data-active-tab=code] .code-sidebar{display:none}.code-layout[data-active-tab=code] .code-editor-area{display:flex}.code-layout[data-active-tab=code] .code-claude,.code-layout[data-active-tab=claude] .code-sidebar,.code-layout[data-active-tab=claude] .code-editor-area{display:none}.code-layout[data-active-tab=claude] .code-claude{display:flex}.code-projects{flex-direction:row;overflow-x:auto}.claude-input textarea,.code-editor{font-size:16px}.login-card{max-width:none;margin:var(--space-4);padding:var(--space-6);border-radius:var(--r-lg)}.login-logo{width:48px;height:48px;font-size:20px}.login-header h1{font-size:20px}.form-group input{font-size:16px;padding:var(--space-3)}}@media(max-width:380px){.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:26px}.nav-link{padding:var(--space-2) var(--space-3);font-size:9px}.nav-link svg{width:20px;height:20px}}