*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a2e}a{color:#4361ee;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:#1a1a2e;color:#e0e0e0;padding:20px 0;display:flex;flex-direction:column;gap:4px;height:100vh;overflow-y:auto;overflow-x:hidden}.sidebar h2{font-size:16px;padding:0 20px 20px;color:#fff}.sidebar a{display:block;padding:10px 20px;color:#a0a0b8;font-size:14px;border-left:3px solid transparent}.sidebar a:hover{background:#16213e;color:#fff;text-decoration:none}.sidebar a.active{color:#fff;border-left-color:#4361ee;background:#16213e}.content{flex:1;padding:24px 32px;height:100vh;overflow-y:auto;overflow-x:hidden}h2{font-size:22px;margin-bottom:16px}h3{font-size:16px;margin:20px 0 10px;color:#333}h4{font-size:14px;margin:12px 0 8px;color:#555}hr{border:none;border-top:1px solid #ddd;margin:24px 0}.stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.stat-card{flex:1;min-width:160px;background:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 1px 3px #00000014}.stat-num{display:block;font-size:32px;font-weight:700;color:#4361ee}.stat-label{font-size:13px;color:#666;margin-top:4px;display:block}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}th{text-align:center;padding:10px 14px;background:#f8f9fa;font-size:12px;text-transform:uppercase;color:#666}td{padding:10px 14px;font-size:14px;border-top:1px solid #f0f0f0;text-align:center}tr:hover td{background:#f8f9ff}.actions{display:flex;gap:4px;align-items:center;justify-content:center}.actions .btn-sm{padding:4px 8px}.more-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:130px;z-index:100;overflow:hidden}.more-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;cursor:pointer;white-space:nowrap;color:#333;transition:background .15s}.more-item:hover{background:#f0f4ff}.more-item-danger{color:#e74c3c}.more-item-danger:hover{background:#fef0ef}.more-icon{font-size:14px;line-height:1}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:#444}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit}.form-group textarea.code{font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.form-group input:disabled{background:#f5f5f5;color:#888}.btn-row{display:flex;gap:10px;margin:12px 0}.btn{display:inline-block;padding:8px 18px;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;background:#e0e0e0;color:#333}.btn:hover{filter:brightness(.95)}.btn:active{transform:scale(.98)}.btn-primary{background:#4361ee;color:#fff}.btn-primary:hover{background:#3a56d4}.btn-success{background:#2ecc71;color:#fff}.btn-success:hover{background:#27ae60}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{padding:4px 10px;font-size:13px}.btn-block{width:100%;padding:12px;font-size:15px}.header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.header-row h2{margin-bottom:0}.loading{text-align:center;padding:60px;color:#666}.muted{color:#888;font-size:14px}.text-sm{font-size:13px}.green{color:#2ecc71}.red{color:#e74c3c}.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600}.badge.green{background:#d4edda;color:#155724}.badge.gray{background:#e9ecef;color:#6c757d}.badge.badge-consume{background:#fff3cd;color:#856404}.browser-controls{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #00000014}.tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid #e0e0e0}.tab{padding:8px 16px;border:none;background:none;font-size:14px;cursor:pointer;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab:hover{color:#333}.tab.active{color:#4361ee;border-bottom-color:#4361ee;font-weight:600}.tab-content{min-height:300px}.form-row{display:flex;gap:12px}.flex-1{flex:1}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#4361ee}.batch-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 16px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;margin-bottom:12px;animation:fadeIn .2s ease}.batch-info{font-size:14px;color:#3730a3}.batch-info strong{color:#4338ca}.batch-progress{color:#6366f1;font-size:13px;margin-left:6px}.batch-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.batch-select{padding:4px 8px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.group-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:14px}.group-bar-label{font-size:13px;color:#666;font-weight:600;margin-right:4px}.group-tag{display:inline-flex;align-items:center;gap:4px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;padding:3px 10px;font-size:13px;white-space:nowrap}.group-tag-name{cursor:pointer;color:#374151}.group-tag-name:hover{color:#4361ee;text-decoration:underline}.group-tag-count{color:#9ca3af;font-size:12px}.group-tag-btn{border:none;background:none;cursor:pointer;color:#9ca3af;font-size:13px;padding:0 2px;line-height:1}.group-tag-btn:hover{color:#374151}.group-tag-input{width:80px;padding:2px 6px;border:1px solid #4361ee;border-radius:4px;font-size:13px;font-family:inherit}.group-tag-input:focus{outline:none;box-shadow:0 0 0 2px #4361ee33}.row-selected td{background:#eef2ff}tr.row-selected:hover td{background:#dde4ff}.inst-info{display:flex;gap:20px;margin-bottom:12px;padding:8px 12px;background:#f0f8e8;border-radius:6px;font-size:13px;flex-wrap:wrap}.form-group select{background:#fff;cursor:pointer}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px}.auth-card h2{font-size:24px;margin-bottom:8px;text-align:center}.auth-card .muted{text-align:center;margin-bottom:24px}.auth-link{text-align:center;margin-top:16px;font-size:14px;color:#666}.alert{padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px}.alert-error{background:#fde8e8;color:#c0392b;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e;z-index:1001;animation:modalPop .2s ease;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-drawer{position:fixed;top:0;right:0;width:680px;max-width:95vw;height:100vh;background:#fff;z-index:1001;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eee;flex-shrink:0}.modal-header h2{margin:0;font-size:18px}.modal-header h3{margin:0;font-size:16px}.modal-close{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e0e0e0}.modal-body{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer{padding:14px 24px;border-top:1px solid #eee;flex-shrink:0}pre.code{font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;white-space:pre-wrap;word-break:break-all}.sync-panel{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.sync-panel h3{margin:0 0 10px;font-size:15px;color:#1a1a2e}.sync-active{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sync-inactive{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.sync-inactive select{padding:4px 8px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit}.badge.blue{background:#d6e4ff;color:#1a47b8}.error-msg{color:#e74c3c;font-size:13px}.shutdown-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#1a1a2ef7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);padding:12px 24px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.shutdown-bar-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shutdown-icon{font-size:18px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shutdown-text{color:#e0e0e0;font-size:14px;flex:1}.shutdown-count{color:#888;font-size:12px;font-variant-numeric:tabular-nums}.shutdown-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.shutdown-fill{height:100%;background:linear-gradient(90deg,#4361ee,#2ecc71);border-radius:2px;transition:width .4s ease}.modal-lg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:820px;max-width:95vw;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:modalIn .25s ease;overflow:hidden;z-index:1001}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-lg .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eee;flex-shrink:0}.modal-lg .modal-header h2{margin:0;font-size:18px}.modal-lg .modal-body{flex:1;overflow:hidden;display:flex;min-height:400px}.modal-lg .alert{flex-shrink:0;border-radius:0;margin:0}.tabs-vertical{width:140px;flex-shrink:0;border-right:1px solid #eee;padding:12px 0;overflow-y:auto}.tab-v{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;cursor:pointer;color:#555;border-left:3px solid transparent;text-align:left;transition:background .15s,color .15s}.tab-v:hover{background:#f5f5ff;color:#333}.tab-v.active{color:#4361ee;background:#eef2ff;border-left-color:#4361ee;font-weight:600}.tab-content-v{flex:1;padding:20px 24px;overflow-y:auto}.tab-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tab-header-row h3{margin:0;font-size:18px}.sliders-container{display:flex;flex-direction:column;gap:20px}.slider-field{display:flex;flex-direction:column;gap:6px}.slider-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#333}.slider-value{font-weight:700;font-size:14px;color:#4361ee;min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.slider-field input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#4361ee 0%,#4361ee var(--pct, 50%),#e0e0e0 var(--pct, 50%),#e0e0e0 100%);border-radius:3px;outline:none;cursor:pointer}.slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border:2px solid #4361ee;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #00000026}.slider-field input[type=range]::-webkit-slider-thumb:hover{border-color:#3a56d4;transform:scale(1.1)}.slider-range{display:flex;justify-content:space-between;font-size:11px;color:#999}.alert-danger{background:#fde8e8;color:#c0392b;border:1px solid #f5c6cb}.chat-app{display:flex;height:calc(100vh - 48px);margin:-24px -32px}.chat-sidebar{width:260px;flex-shrink:0;background:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e0e0e0}.chat-sidebar-header h3{margin:0;font-size:14px;color:#333}.chat-room-list{flex:1;overflow-y:auto;padding:8px}.chat-room-item{padding:10px 12px;border-radius:6px;cursor:pointer;margin-bottom:4px}.chat-room-item:hover{background:#eef2ff}.chat-room-item.active{background:#d6e4ff}.chat-room-name{font-size:14px;font-weight:600;color:#1a1a2e}.chat-room-meta{font-size:11px;color:#999;margin-top:2px}.chat-agent-panel{border-top:1px solid #e0e0e0;max-height:280px;overflow-y:auto}.chat-agent-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;border-left:3px solid transparent}.chat-agent-item:hover{background:#eef2ff}.chat-agent-item.active{background:#eef2ff;border-left-color:#4361ee}.agent-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-icon{font-size:16px;flex-shrink:0}.agent-info{flex:1;min-width:0}.agent-name{font-size:13px;font-weight:500}.agent-role{font-size:11px;color:#888}.chat-new-form{padding:8px 16px;display:flex;flex-direction:column;gap:6px}.chat-new-form.inline{flex-direction:row;align-items:center;flex-wrap:wrap}.chat-new-form input,.chat-new-form select{padding:6px 10px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;font-family:inherit}.chat-new-form input:focus,.chat-new-form select:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.chat-empty h3{font-size:20px;margin-bottom:8px}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee;flex-shrink:0}.chat-header h2{margin:0;font-size:18px}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-speaking-as{font-size:12px;color:#666;background:#f0f0f0;padding:4px 10px;border-radius:12px}.chat-branch-tabs{display:flex;gap:2px;padding:8px 16px 0;border-bottom:1px solid #eee;flex-shrink:0;overflow-x:auto}.chat-branch-tabs .tab{white-space:nowrap;font-size:13px}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.chat-message{display:flex;flex-direction:column;max-width:75%}.chat-message.self{align-self:flex-end}.msg-agent{font-size:12px;color:#666;margin-bottom:2px;padding:0 4px}.msg-type-badge{margin-left:4px;font-size:12px}.msg-bubble{background:#f0f2f5;border-radius:12px;padding:8px 14px;font-size:14px;line-height:1.5}.chat-message.self .msg-bubble{background:#4361ee;color:#fff}.chat-message.system .msg-bubble{background:#fff3cd;font-size:12px;text-align:center;max-width:100%}.msg-reply-to{font-size:11px;color:#888;border-left:2px solid #4361ee;padding-left:8px;margin-bottom:4px}.chat-message.self .msg-reply-to{color:#ffffffb3;border-left-color:#ffffff80}.msg-content pre.code{margin:4px 0;padding:8px;font-size:12px;max-width:100%;overflow-x:auto}.chat-message.self .msg-content pre.code{background:#ffffff26;border:none;color:#fff}.msg-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px}.chat-message:not(.self) .msg-meta{color:#999}.chat-message.self .msg-meta{color:#ffffffb3}.msg-time{font-variant-numeric:tabular-nums}.msg-reply-btn{opacity:0;font-size:14px;padding:0 4px;background:none!important;color:inherit}.chat-message:hover .msg-reply-btn{opacity:1}.chat-typing{font-size:12px;color:#888;font-style:italic;padding:4px 0}.chat-reply-bar{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#eef2ff;border-top:1px solid #d6e4ff;font-size:13px;color:#555}.chat-input-area{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #eee;flex-shrink:0}.chat-input-area input{flex:1;padding:10px 14px;border:1px solid #d0d0d0;border-radius:20px;font-size:14px;font-family:inherit}.chat-input-area input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.chat-input-area input:disabled{background:#f5f5f5}.chat-tasks-panel{border-top:1px solid #eee;flex-shrink:0;max-height:200px;display:flex;flex-direction:column}.chat-task-list{overflow-y:auto;padding:4px 16px 8px}.chat-task-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;margin-bottom:4px;background:#fafafa}.chat-task-item.status-done{opacity:.6}.chat-task-item.status-done .task-title{text-decoration:line-through}.task-title{flex:1;font-size:13px}.task-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#888}.task-actions{flex-shrink:0}