body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main)}:root{--radius:8px}html.dark{--bg-main:#030712;--bg-card:#111827;--border-color:#1f2937;--text-main:#f3f4f6;--text-muted:#9ca3af;--input-bg:#1f2937;--input-border:#1f2937;--title-color:#ffffff;--bg-light-stripe:#1f2937}html.light{--bg-main:#e8edf3;--bg-card:#ffffff;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--input-bg:#edf0f3;--input-border:transparent;--title-color:#1e293b;--bg-light-stripe:#f8fafc}.topbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.c-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius)}.field-input{width:100%;padding:6px 10px;border-radius:var(--radius);background-color:var(--input-bg);border:none;font-size:.875rem;color:var(--text-main);transition:all .2s}.field-input:focus{outline:0;box-shadow:0 0 0 2px rgba(16,185,129,.25)}.topbar-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--input-bg);border:none;color:var(--text-muted);cursor:pointer;font-size:13px;transition:all .2s}.topbar-btn:hover{background-color:var(--border-color);color:var(--text-main)}.btn{background-color:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn:hover{filter:brightness(1.1)}.btn-danger{background-color:#ef4444}.btn-secondary{background-color:#6b7280}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:var(--input-bg)}.connection-status{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--radius);font-size:.75rem;font-weight:600;border:1px solid transparent}.status-connected{background-color:rgba(16,185,129,.1);color:#10b981;border-color:rgba(16,185,129,.2)}.status-disconnected{background-color:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.2)}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-connected .status-indicator{background-color:#10b981;box-shadow:0 0 6px #10b981}.status-disconnected .status-indicator{background-color:#ef4444;box-shadow:0 0 6px #ef4444}.json-display{background-color:#0c101a;border:1px solid var(--border-color);border-radius:var(--radius)}html.light .json-display{background-color:#f8f9fa}html.light #json-output{color:#64748b}.json-icons{background-color:rgba(12,16,26,.9);border:1px solid var(--border-color)}html.light .json-icons{background-color:rgba(248,249,250,.9)}.json-icon-btn{color:var(--text-muted);font-size:.875rem;transition:color .2s}.json-icon-btn:hover{color:var(--text-main)}.json-title{color:#9ca3af;transition:color .2s}.json-title i{color:#10b981!important}html.light .json-title{color:#475569}html.light .json-title i{color:#059669!important}.sortable-ghost{opacity:.4;background-color:rgba(16,185,129,.1)!important}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}code{background-color:var(--input-bg);padding:2px 5px;border-radius:4px;font-family:monospace;font-size:.85em;color:#ef4444}html.light code{color:#dc2626}html.light #tasks-table thead tr{background-color:#f1f5f9;color:#475569;border-bottom:1px solid #eaecf0}html.light #tasks-table thead th{color:#475569}html.light #tasks-list{background-color:#fff!important;color:#1e293b}html.light #tasks-list tr{border-bottom:1px solid #f0f2f5;color:#1e293b}html.light #tasks-list tr:hover{background-color:#f8fafc}html.light #tasks-list td{color:#1e293b}html.light .drag-handle{color:#94a3b8}html.light .table-wrapper-light{background-color:#fff!important;border-color:#eef0f3!important}html.light .wildcard-item{background-color:#f8fafc;border-color:#cbd5e1;color:#374151}html.light .wildcard-item strong{color:#1e293b}html.light .wildcard-item p{color:#64748b}html.light .toggle-label-text{color:#374151}.progress-overlay{position:fixed;inset:0;background-color:rgba(3,7,18,.85);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;flex-direction:column;padding:16px;box-sizing:border-box}html.light .progress-overlay{background-color:rgba(15,23,42,.45)}.progress-dialog{background-color:var(--bg-card,#111827);border:1px solid var(--border-color,#1f2937);padding:32px;border-radius:var(--radius,12px);box-shadow:0 25px 50px -12px rgba(0,0,0,.6);text-align:center;min-width:300px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;align-items:center;gap:16px;animation:zoomIn .25s cubic-bezier(.16,1,.3,1)}html.light .progress-dialog{background-color:#fff;border-color:#e2e8f0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.spinner{border:3px solid var(--border-color,#1f2937);border-top:3px solid var(--accent-color,#10b981);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}html.light .spinner{border-color:#e2e8f0;border-top-color:var(--accent-color,#10b981)}#progress-message{font-size:.95rem;font-weight:700;color:var(--text-main,#f3f4f6)}html.light #progress-message{color:#0f172a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes zoomIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:350px;width:calc(100% - 40px)}.toast{padding:10px 14px;border-radius:var(--radius);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-weight:600;animation:toastSlideIn .25s ease-out}.toast-success{background-color:#10b981}.toast-error{background-color:#ef4444}.toast-info{background-color:#3b82f6}@keyframes toastSlideIn{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.autocomplete-dropdown{position:absolute;max-height:192px;overflow-y:auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:10000;display:flex;flex-direction:column}.autocomplete-dropdown.hidden{display:none}.autocomplete-item{width:100%;text-align:left;padding:8px 12px;font-size:.75rem;color:var(--text-main);border-bottom:1px solid var(--border-color);transition:background-color .15s ease;display:flex;align-items:center;justify-content:space-between}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item.active,.autocomplete-item:hover{background-color:var(--input-bg)}.autocomplete-item.active-nav{background-color:var(--accent,#10b981)!important;color:#fff!important}.autocomplete-hint{color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.autocomplete-item.active-nav .autocomplete-hint{color:rgba(255,255,255,.8)!important}.autocomplete-info{padding:8px 12px;font-size:.75rem;display:flex;align-items:center;gap:6px;background-color:rgba(16,185,129,.08);border-bottom:1px solid var(--border-color);color:var(--accent,#10b981)}.text-theme-main{color:var(--text-main)}