*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #21242f;--bg-hover: #2a2d3a;--bg-input: #181b24;--border: #2e3140;--border-focus: #5b6eae;--text-primary: #e4e6ed;--text-secondary: #9198a8;--text-muted: #636a7e;--accent: #5b6eae;--accent-hover: #6b7ec0;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius: 8px;--radius-sm: 4px;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}html{font-size:14px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--text-primary);text-decoration:none}.nav-logo{color:var(--accent);font-size:1.3rem}.nav-right{display:flex;align-items:center;gap:1rem}.nav-user{color:var(--text-secondary)}.nav-status{font-size:.85rem;color:var(--danger);transition:color .3s}.nav-status.online{color:var(--success)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-header h2{font-size:1.5rem;font-weight:600}.header-info{display:flex;align-items:center;gap:.75rem}.header-actions{display:flex;gap:.5rem}.breadcrumb{font-size:1rem;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb strong{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s;font-family:inherit}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-full{width:100%}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:#065f46;border-color:var(--success);color:var(--success)}.btn-success:hover{background:#047857}.btn-warning{background:#78350f;border-color:var(--warning);color:var(--warning)}.btn-warning:hover{background:#92400e}.btn-danger{background:#7f1d1d;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#991b1b}.btn-info{background:#1e3a5f;border-color:var(--info);color:var(--info)}.btn-info:hover{background:#1e40af}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-ghost{background:transparent;border:none;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-running{background:#34d39926;color:var(--success)}.badge-exited,.badge-stopped{background:#f8717126;color:var(--danger)}.badge-restarting{background:#fbbf2426;color:var(--warning)}.badge-created{background:#60a5fa26;color:var(--info)}.badge-agents{background:#5b6eae26;color:var(--accent)}.badge-update{background:#fbbf2426;color:var(--warning);cursor:pointer;animation:pulse 2s infinite}[hidden]{display:none!important}.badge-group{display:flex;gap:.4rem;align-items:center}.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:2rem}.bot-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s,box-shadow .2s}.bot-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow)}.bot-card[data-state=running]{border-left:3px solid var(--success)}.bot-card[data-state=exited],.bot-card[data-state=stopped]{border-left:3px solid var(--danger)}.bot-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.bot-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.status-running{background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse 2s infinite}.status-dot.status-exited,.status-dot.status-stopped{background:var(--danger)}.status-dot.status-restarting{background:var(--warning);animation:pulse 1s infinite}.status-dot.status-created{background:var(--info)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bot-name{font-size:1.1rem;font-weight:600}.bot-card-info{margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:.85rem}.info-value{color:var(--text-primary);font-size:.85rem}.bot-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-muted)}.detail-status{display:flex;align-items:center;gap:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{padding:.6rem 1.2rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{display:none}.tab-content.active{display:block}.logs-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.log-viewer{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary)}.config-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.config-editor{width:100%;min-height:400px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:var(--text-primary);resize:vertical;tab-size:2}.config-editor:focus{outline:none;border-color:var(--border-focus)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}.stat-label{display:block;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.section{margin-bottom:2rem}.section h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-secondary)}.log-table-wrapper{overflow-x:auto}.log-table{width:100%;border-collapse:collapse;font-size:.85rem}.log-table th,.log-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.log-table th{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.log-table td{color:var(--text-secondary)}.log-table tr:hover td{background:var(--bg-hover)}.loading{text-align:center;color:var(--text-muted)}select,input[type=text],input[type=password]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.45rem .75rem;font-family:inherit;font-size:.875rem}select:focus,input:focus{outline:none;border-color:var(--border-focus)}.toggle-label{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem;cursor:pointer}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.login-container{width:100%;max-width:380px;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:3rem;color:var(--accent);display:block;margin-bottom:.5rem}.login-header h1{font-size:1.5rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.9rem}.login-form .form-group{margin-bottom:1rem}.login-form label{display:block;margin-bottom:.35rem;color:var(--text-secondary);font-size:.85rem}.login-form input{width:100%;padding:.6rem .75rem}.error-msg{background:#f871711a;border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);padding:.5rem .75rem;font-size:.85rem;margin-bottom:1rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.25rem;font-size:.85rem;box-shadow:var(--shadow);animation:slideIn .3s ease-out;max-width:350px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:640px){.navbar{padding:.5rem 1rem}.container{padding:1rem}.bot-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-status{flex-direction:column;gap:.5rem;align-items:flex-start}}