:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #1f1f1f;--bg-hover: #2f2f2f;--bg-input: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--text-muted: #a0a0a0;--text-disabled: #808080;--border-color: #333;--border-light: rgba(255, 255, 255, .1);--border-lighter: rgba(255, 255, 255, .05);--accent-primary: #3d7aa8;--accent-secondary: #5a95c5;--accent-light: #6db3f2;--accent-hover: #4d8ab8;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--scrollbar-thumb: #3a3a3a;--scrollbar-hover: #4a4a4a;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}body.light-mode{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #fafafa;--bg-hover: #eeeeee;--bg-input: rgba(0, 0, 0, .05);--text-primary: #1a1a1a;--text-secondary: #2a2a2a;--text-tertiary: #4a4a4a;--text-muted: #666666;--text-disabled: #999999;--border-color: #e0e0e0;--border-light: rgba(0, 0, 0, .1);--border-lighter: rgba(0, 0, 0, .05);--accent-primary: #4a90d9;--accent-secondary: #5da5e8;--accent-light: #6db3f2;--accent-hover: #3a80c9;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--scrollbar-thumb: #cccccc;--scrollbar-hover: #b0b0b0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-secondary);margin:0;overflow:hidden;transition:background-color .3s ease,color .3s ease}html,body{height:100%;width:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@media (max-width: 1024px){input,textarea,select,button,.dropdown-toggle,.register-select{font-size:16px}}app-workers .wp-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}app-workers .wp-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:8px}app-workers .wp-help{margin:-4px 0 0;color:var(--text-tertiary);font-size:12px}app-workers .wp-sublabel{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px}app-workers .wp-textarea,app-workers .wp-input{width:100%;box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--scrollbar-thumb);border-radius:10px;color:var(--text-primary);font-size:13px;padding:10px 12px;font-family:inherit;line-height:1.45;resize:vertical}app-workers .wp-textarea:focus,app-workers .wp-input:focus{outline:none;border-color:var(--accent-primary)}app-workers .wp-input-narrow{max-width:110px}app-workers .wp-input-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border:1px solid var(--scrollbar-thumb);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}app-workers .wp-input-card:hover:not([disabled]){border-color:var(--accent-primary)}app-workers .wp-input-card.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-primary))}app-workers .wp-input-card-btn{width:100%;border:1px solid var(--scrollbar-thumb);color:var(--text-primary);font:inherit}app-workers .wp-input-icon{width:24px;text-align:center;font-size:16px}app-workers .wp-input-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}app-workers .wp-input-name{font-size:13px;font-weight:600;color:var(--text-primary)}app-workers .wp-input-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}app-workers .wp-input-desc.wp-warn{color:#d49b3a}app-workers .wp-registers-wrap{display:flex;flex-direction:column;gap:8px}app-workers .wp-toggle{width:38px;height:22px;border-radius:12px;background:var(--scrollbar-thumb);position:relative;flex-shrink:0;transition:background .2s}app-workers .wp-toggle.on{background:var(--accent-primary)}app-workers .wp-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}app-workers .wp-toggle.on .wp-toggle-knob{transform:translate(16px)}app-workers .wp-inbox-options{display:grid;grid-template-columns:1fr auto;gap:10px;padding:4px 4px 0}app-workers .wp-field{display:flex;flex-direction:column;gap:4px;min-width:0}app-workers .wp-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}app-workers .wp-output-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--scrollbar-thumb);border-radius:10px;cursor:pointer;text-align:left;color:var(--text-primary);transition:all .15s}app-workers .wp-output-card:hover{border-color:var(--accent-primary)}app-workers .wp-output-card.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary))}app-workers .wp-output-icon{font-size:14px;color:var(--text-tertiary);width:20px;text-align:center}app-workers .wp-output-card.active .wp-output-icon{color:var(--accent-primary)}app-workers .wp-output-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}app-workers .wp-output-name{font-size:13px;font-weight:600}app-workers .wp-output-desc{font-size:11px;color:var(--text-tertiary)}app-workers .wp-output-check{color:var(--accent-primary);font-size:13px}app-workers .wp-attached{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}app-workers .wp-attached li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--scrollbar-thumb);border-radius:8px;font-size:12px;color:var(--text-secondary)}app-workers .wp-attached-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-workers .wp-attached-remove{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 6px;border-radius:4px}app-workers .wp-attached-remove:hover{color:var(--text-primary);background:var(--scrollbar-thumb)}app-workers .wp-routine-actions{display:flex;gap:8px;flex-wrap:wrap}app-workers .wp-sec-btn{border:1px solid var(--scrollbar-thumb);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:600}app-workers .wp-sec-btn:hover:not([disabled]){border-color:var(--accent-primary)}app-workers .wp-sec-btn[disabled]{opacity:.55;cursor:not-allowed}app-workers .wp-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}app-workers .wp-modal{width:min(560px,calc(100vw - 24px));max-height:min(80vh,720px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}app-workers .wp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color)}app-workers .wp-modal-head h3{margin:0;font-size:14px;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}app-workers .wp-modal-close{border:1px solid var(--scrollbar-thumb);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:6px 8px;cursor:pointer}app-workers .wp-modal-list{display:flex;flex-direction:column;gap:8px;padding:12px;overflow:auto}app-workers .wp-modal-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--scrollbar-thumb);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500}app-workers .wp-modal-item span{flex:1;text-align:left}app-workers .wp-modal-item:hover{border-color:var(--accent-primary)}app-workers .wp-modal-item.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary))}app-workers .wp-modal-footer{padding:12px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media (max-width: 600px){app-workers .wp-inbox-options{grid-template-columns:1fr}}app-chat-view .plus-menu-overlay{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:popupFadeIn .15s ease}app-chat-view .plus-menu-panel{width:100%;max-width:420px;max-height:55vh;background:var(--bg-secondary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:popupSlideUp .2s ease;box-shadow:0 -4px 24px #0000004d}@keyframes popupSlideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}app-chat-view .pm-header{display:flex;align-items:center;gap:10px;padding:16px 20px 8px;font-size:16px;font-weight:600;color:var(--text-primary)}app-chat-view .pm-header-icon{font-size:18px;color:var(--text-tertiary)}app-chat-view .pm-back{background:none;border:none;color:var(--accent-light);font-size:16px;cursor:pointer;padding:4px 8px 4px 0}app-chat-view .pm-divider{height:1px;background:var(--border-color);margin:4px 16px 0}app-chat-view .pm-list{list-style:none;margin:0;padding:8px 12px 12px;overflow-y:auto}app-chat-view .pm-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .15s}app-chat-view .pm-item:active{background:#ffffff0f}app-chat-view .pm-item-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#ffffff0f;color:var(--accent-light)}app-chat-view .pm-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}app-chat-view .pm-item-name{font-size:15px;font-weight:500;color:var(--text-primary)}app-chat-view .pm-item-desc{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-chat-view .pm-arrow{color:var(--text-tertiary);font-size:13px;flex-shrink:0}app-chat-view .pm-status{font-size:16px;flex-shrink:0;color:var(--text-tertiary)}app-chat-view .pm-status.connected{color:#27ae60}app-chat-view .plus-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .2s;flex:0 0 auto;display:flex;align-items:center;justify-content:center}app-chat-view .plus-btn:active{background:var(--scrollbar-thumb)}app-chat-view .plus-btn .active{transform:rotate(45deg)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}