:root{--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-hover: #f9fafb;--color-surface-muted: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-text-tertiary: #6b7280;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-strong: #d1d5db;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-primary-text: #1e40af;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-light: #fef2f2;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warning: #d97706;--color-warning-light: #fffbeb;--font-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-mono: SF Mono, Monaco, Inconsolata, Roboto Mono, monospace;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-h1: 24px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-2: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-3: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1050;--motion-fast: .1s;--motion-normal: .15s;--motion-ease: cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 2px #2563eb;--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--bg-secondary: var(--color-surface-muted);--border-color: var(--color-border);--primary-color: var(--color-primary)}:root.dark-theme{color-scheme:dark;--color-bg: #0f1115;--color-surface: #151a21;--color-surface-hover: #1d2430;--color-surface-muted: #10151c;--color-text: #e7eaf0;--color-text-muted: #b0b7c3;--color-text-tertiary: #8a93a3;--color-border: #2a3240;--color-border-light: #1f2733;--color-border-strong: #3a4558;--color-primary: #6ea8fe;--color-primary-hover: #5a98f5;--color-primary-light: #1a2740;--color-primary-text: #a8c6ff;--color-danger: #ef5350;--color-danger-hover: #e24a47;--color-danger-light: #2b1416;--color-success: #4caf50;--color-success-light: #0f2212;--color-warning: #f59e0b;--color-warning-light: #2b1d0a;--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--bg-secondary: var(--color-surface-muted);--border-color: var(--color-border);--primary-color: var(--color-primary)}:root.dark-theme body{background:var(--color-bg);color:var(--color-text)}:root.dark-theme .app-shell,:root.dark-theme .app-content{background:var(--color-bg)}:root.dark-theme .sidebar,:root.dark-theme .topbar,:root.dark-theme .ui-page-header,:root.dark-theme .workspace-toolbar,:root.dark-theme .page-header,:root.dark-theme .run-header,:root.dark-theme .work-header,:root.dark-theme .observe-header,:root.dark-theme .automate-header,:root.dark-theme .app-shell .app-content>header{background:var(--color-surface);border-color:var(--color-border)}:root.dark-theme .sidebar,:root.dark-theme .topbar{color:var(--color-text)}:root.dark-theme .nav-item,:root.dark-theme .nav-parent,:root.dark-theme .flyout-item,:root.dark-theme .sidebar-title{color:var(--color-text-muted)}:root.dark-theme .nav-item.active,:root.dark-theme .flyout-item.active,:root.dark-theme .nav-group:has(.nav-item.active)>.nav-parent{background:var(--color-primary-light);color:var(--color-primary)}:root.dark-theme .nav-item:hover,:root.dark-theme .flyout-item:hover,:root.dark-theme .nav-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}:root.dark-theme .nav-parent-row:hover{background:var(--color-surface-hover)}:root.dark-theme .nav-parent-row:hover .nav-parent,:root.dark-theme .nav-parent-row:hover .nav-toggle{color:var(--color-text)}:root.dark-theme .nav-parent-row.section-active .nav-parent{color:var(--color-text)}:root.dark-theme .nav-toggle{color:var(--color-text-muted)}:root.dark-theme .menu-toggle .material-icons{color:var(--color-text-muted)}:root.dark-theme .menu-toggle:hover{background:var(--color-surface-hover)}:root.dark-theme .menu-toggle:hover .material-icons{color:var(--color-text)}:root.dark-theme .nav-flyout{background:var(--color-surface);border-color:var(--color-border)}:root.dark-theme .ui-card,:root.dark-theme .panel{background:var(--color-surface);border-color:var(--color-border)}:root.dark-theme .ui-card-header,:root.dark-theme .panel-header{background:var(--color-surface-muted);border-color:var(--color-border)}:root.dark-theme .context-picker,:root.dark-theme .user,:root.dark-theme .logout{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .context-icon,:root.dark-theme .context-divider{color:var(--color-text-muted)}:root.dark-theme .tenant{background:var(--color-primary-light);color:var(--color-primary-text)}:root.dark-theme input,:root.dark-theme select,:root.dark-theme textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .context-select{color:var(--color-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b0b7c3' d='M3 5l3 3 3-3z'/%3E%3C/svg%3E")}:root.dark-theme .logout:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}:root.dark-theme .btn,:root.dark-theme button.btn{color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .btn-secondary,:root.dark-theme .btn-outline,:root.dark-theme .btn-ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .btn-secondary:hover,:root.dark-theme .btn-outline:hover,:root.dark-theme .btn-ghost:hover{background:var(--color-surface-hover)}:root.dark-theme .btn-primary{background:var(--color-primary);color:#0c1220}:root.dark-theme .btn-primary:hover{background:var(--color-primary-hover)}:root.dark-theme .btn-danger{background:var(--color-danger);color:#130b0b}:root.dark-theme .btn-danger:hover{background:var(--color-danger-hover)}:root.dark-theme .status-tab,:root.dark-theme .tab{color:var(--color-text-muted);border-bottom-color:transparent}:root.dark-theme .status-tab.active,:root.dark-theme .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}:root.dark-theme .ui-table,:root.dark-theme table{color:var(--color-text)}:root.dark-theme .ui-table th,:root.dark-theme .ui-table td,:root.dark-theme table th,:root.dark-theme table td{border-color:var(--color-border)}:root.dark-theme .ui-badge,:root.dark-theme .badge{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .error-banner,:root.dark-theme .alert-error{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-border)}:root.dark-theme .alert-success{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-border)}:root.dark-theme .modal-overlay,:root.dark-theme .ui-modal-overlay{background:#0009}:root.dark-theme .modal-content,:root.dark-theme .ui-modal,:root.dark-theme .ui-modal-content{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .divider,:root.dark-theme .ui-divider{background:var(--color-border)}:root.dark-theme .input,:root.dark-theme .select,:root.dark-theme .textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .section-header,:root.dark-theme .panel-title,:root.dark-theme .page-title,:root.dark-theme .title{color:var(--color-text)}:root.dark-theme .page-subtitle,:root.dark-theme .subtitle,:root.dark-theme .text-muted{color:var(--color-text-muted)}:root.dark-theme .board-page,:root.dark-theme .kanban-workspaces,:root.dark-theme .tasks-container{background:var(--color-bg)}:root.dark-theme .column,:root.dark-theme .task-card,:root.dark-theme .board-card,:root.dark-theme .workspaces-sidebar,:root.dark-theme .task-detail-panel,:root.dark-theme .columns-preview,:root.dark-theme .selection-bar{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .column-header,:root.dark-theme .sidebar-header,:root.dark-theme .status-header,:root.dark-theme .panel-header,:root.dark-theme .results-header,:root.dark-theme .editor-header{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .task-count,:root.dark-theme .status-count,:root.dark-theme .workspace-item.selected,:root.dark-theme .workspace-item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}:root.dark-theme .workspace-name,:root.dark-theme .task-title,:root.dark-theme .current,:root.dark-theme .column-header h3{color:var(--color-text)}:root.dark-theme .workspace-desc,:root.dark-theme .task-description,:root.dark-theme .task-meta,:root.dark-theme .separator{color:var(--color-text-muted)}:root.dark-theme .task-footer,:root.dark-theme .task-detail-panel .panel-header{border-color:var(--color-border)}:root.dark-theme .btn-icon,:root.dark-theme .btn-icon-small,:root.dark-theme .btn-back{color:var(--color-text-muted)}:root.dark-theme .btn-icon:hover,:root.dark-theme .btn-icon-small:hover,:root.dark-theme .btn-back:hover{background:var(--color-surface-hover);color:var(--color-text)}:root.dark-theme .task-detail-overlay,:root.dark-theme .modal-overlay,:root.dark-theme .ui-modal-overlay{background:#000000b3}:root.dark-theme .jobs-workspace,:root.dark-theme .workers-workspace,:root.dark-theme .minions-workspace,:root.dark-theme .workflows-workspace,:root.dark-theme .observability-container,:root.dark-theme .sql-console{background:var(--color-bg);color:var(--color-text)}:root.dark-theme .filter-bar,:root.dark-theme .workspace-grid,:root.dark-theme .panel,:root.dark-theme .stats-grid,:root.dark-theme .stat-card,:root.dark-theme .dlq-item{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .refresh-indicator,:root.dark-theme .item-count,:root.dark-theme .connection-badge,:root.dark-theme .status-tab,:root.dark-theme .status-count{background:var(--color-surface-muted);color:var(--color-text-muted)}:root.dark-theme .status-tab.tab-success{color:var(--color-success)}:root.dark-theme .status-tab.tab-error{color:var(--color-danger)}:root.dark-theme .status-tab.active{background:var(--color-primary-light);color:var(--color-primary)}:root.dark-theme .error-banner{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-border)}:root.dark-theme .success-banner{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-border)}:root.dark-theme .panel-header-blue,:root.dark-theme .panel-header-neutral,:root.dark-theme .panel-header-green,:root.dark-theme .panel-header-orange,:root.dark-theme .panel-header-purple,:root.dark-theme .panel-header-teal{background:var(--color-surface-muted);color:var(--color-text)}:root.dark-theme .panel-header:before{opacity:.6}:root.dark-theme .data-table,:root.dark-theme .results-table{color:var(--color-text)}:root.dark-theme .data-table th,:root.dark-theme .data-table td,:root.dark-theme .results-table th,:root.dark-theme .results-table td{border-color:var(--color-border)}:root.dark-theme .query-editor,:root.dark-theme .input-sm{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .json-header,:root.dark-theme .metrics-header,:root.dark-theme .results-header,:root.dark-theme .editor-header,:root.dark-theme .section-header{color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .task-priority.priority-medium{background:#f59e0b33;color:#fbbf24}:root.dark-theme .task-priority.priority-high{background:#f9731633;color:#fb923c}:root.dark-theme .task-priority.priority-low{background:var(--color-surface-muted);color:var(--color-text-muted)}:root.dark-theme .jobs-table th,:root.dark-theme .events-table th,:root.dark-theme .data-table th{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border)}:root.dark-theme .jobs-table td,:root.dark-theme .events-table td,:root.dark-theme .data-table td{color:var(--color-text);border-color:var(--color-border-light)}:root.dark-theme .jobs-table tbody tr:hover,:root.dark-theme .events-table tbody tr:hover,:root.dark-theme .data-table tbody tr:hover{background:var(--color-surface-hover)}:root.dark-theme .jobs-table tbody tr.selected,:root.dark-theme .jobs-table tbody tr.row-selected{background:var(--color-primary-light)}:root.dark-theme .job-id:hover{background:var(--color-surface-muted)}:root.dark-theme .icon-btn,:root.dark-theme .btn-icon,:root.dark-theme .btn-icon-small{color:var(--color-text-muted)}:root.dark-theme .icon-btn:hover,:root.dark-theme .btn-icon:hover,:root.dark-theme .btn-icon-small:hover{background:var(--color-surface-hover);color:var(--color-text)}:root.dark-theme .filters-panel,:root.dark-theme .create-form-panel,:root.dark-theme .panel-stack .panel,:root.dark-theme .json-panel{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .json-header,:root.dark-theme .metrics-header,:root.dark-theme .section-header{color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .json-content,:root.dark-theme pre,:root.dark-theme code{background:var(--color-surface-muted);color:var(--color-text)}:root.dark-theme .permission-denied,:root.dark-theme .empty-state,:root.dark-theme .ui-empty{color:var(--color-text-muted)}:root.dark-theme .ui-tabs{background:var(--color-surface);border-color:var(--color-border)}:root.dark-theme .ui-tabs .tab{color:var(--color-text-muted)}:root.dark-theme .ui-tabs .tab.active{color:var(--color-primary)}:root.dark-theme .ui-tabs .tab:after{background:transparent}:root.dark-theme .ui-tabs .tab.active:after{background:var(--color-primary)}:root.dark-theme .ui-search-bar{background:var(--color-surface);border-color:var(--color-border)}:root.dark-theme .ui-search-bar .search-field{background:var(--color-surface-muted);border-color:var(--color-border)}:root.dark-theme .ui-search-bar .search-icon,:root.dark-theme .ui-search-bar .filter-label{color:var(--color-text-tertiary)}:root.dark-theme .ui-search-bar .filter-select,:root.dark-theme .ui-search-bar .search-input{color:var(--color-text)}:root.dark-theme .ui-search-bar .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b0b7c3' d='M3 5l3 3 3-3z'/%3E%3C/svg%3E")}:root.dark-theme .ui-search-bar .refresh-btn{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-muted)}:root.dark-theme .ui-search-bar .refresh-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-strong)}:root.dark-theme .ui-empty{background:var(--color-surface-muted);border-color:var(--color-border)}:root.dark-theme .ui-empty .icon-box{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-tertiary)}:root.dark-theme .ui-empty .title{color:var(--color-text)}:root.dark-theme .ui-empty .description{color:var(--color-text-muted)}:root.dark-theme .ui-table .table-scroll{background:var(--color-surface);border-color:var(--color-border)}:root.dark-theme .ui-table .table-scroll:after{background:linear-gradient(to right,transparent,rgba(21,26,33,.8))}:root.dark-theme .ui-table th{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border)}:root.dark-theme .ui-table td{color:var(--color-text);border-color:var(--color-border-light)}:root.dark-theme .ui-table tbody tr:hover{background:var(--color-surface-hover)}:root.dark-theme .ui-skeleton{background:linear-gradient(90deg,#151a21e6,#1f2733cc,#151a21e6)}:root.dark-theme .ui-skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}:root.dark-theme .cdk-drag-preview{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:0 10px 25px #00000073}:root.dark-theme .cdk-drag-placeholder{background:var(--color-surface-muted);border:1px dashed var(--color-border)}:root.dark-theme .card,:root.dark-theme .card-body,:root.dark-theme .card-header,:root.dark-theme .panel,:root.dark-theme .panel-body,:root.dark-theme .panel-header,:root.dark-theme .section,:root.dark-theme .section-body,:root.dark-theme .section-header,:root.dark-theme .form-card,:root.dark-theme .form-panel{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root.dark-theme .card-header,:root.dark-theme .panel-header,:root.dark-theme .section-header{background:var(--color-surface-muted)}:root.dark-theme .list,:root.dark-theme .list-item,:root.dark-theme .list-row{background:transparent;color:var(--color-text)}:root.dark-theme .list-item:hover,:root.dark-theme .list-row:hover{background:var(--color-surface-hover)}:root.dark-theme .table,:root.dark-theme .table-header,:root.dark-theme .table-row,:root.dark-theme .table-cell{color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .table-header{background:var(--color-surface-muted);color:var(--color-text-muted)}:root.dark-theme .dropdown,:root.dark-theme .dropdown-menu,:root.dark-theme .popover,:root.dark-theme .tooltip,:root.dark-theme .menu{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-2)}:root.dark-theme .menu-item,:root.dark-theme .dropdown-item{color:var(--color-text)}:root.dark-theme .menu-item:hover,:root.dark-theme .dropdown-item:hover{background:var(--color-surface-hover)}:root.dark-theme .chip,:root.dark-theme .pill,:root.dark-theme .tag{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}:root.dark-theme .tabs,:root.dark-theme .tab-list,:root.dark-theme .nav-tabs{border-color:var(--color-border)}:root.dark-theme label,:root.dark-theme .label,:root.dark-theme .field-label,:root.dark-theme .help-text,:root.dark-theme .hint,:root.dark-theme .description{color:var(--color-text-muted)}:root.dark-theme input[type=checkbox],:root.dark-theme input[type=radio]{accent-color:var(--color-primary)}:root.dark-theme ::-webkit-scrollbar-thumb{background:var(--color-border-strong)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--font-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500;color:var(--color-text);line-height:1.3}h1{font-size:var(--font-h1)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}p{margin:0 0 .75em;color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-fast) var(--motion-ease)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font:inherit;cursor:pointer}::selection{background:#2563eb33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.stack{display:flex;flex-direction:column;gap:var(--space-12)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-24)}.row{display:flex;align-items:center;gap:var(--space-8)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.grid-2{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left}th{font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-surface-muted);border-bottom:1px solid var(--color-border)}td{font-size:var(--font-sm);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}tbody tr:hover{background:var(--color-surface-hover)}tbody tr:last-child td{border-bottom:none}input,select,textarea{font-family:inherit;font-size:var(--font-sm)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{height:32px;padding:0 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,select:disabled,textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-tertiary);cursor:not-allowed}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}textarea{height:auto;min-height:80px;padding:12px;resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f6368' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}label{display:block;font-size:var(--font-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}@media (max-width: 768px){html{font-size:13px}}
