.app-shell{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;z-index:1;background-color:var(--dashboard-background-override, transparent);transition:background-color var(--app-transition)}.app-shell:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--app-bg-accent) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:5}.app-command-bar{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--app-surface);border-bottom:1px solid var(--app-border-subtle);gap:16px;position:relative;z-index:2}.app-command-bar__left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.app-command-bar__logo{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--app-text)}.app-command-bar__wordmark{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--app-text)}.app-command-bar__sep{width:1px;height:16px;background:var(--app-border-subtle);flex-shrink:0}.app-command-bar__breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--app-text-muted);font-weight:500;letter-spacing:.02em;min-width:0}.app-command-bar__breadcrumb-sep{opacity:.4;flex-shrink:0}.app-command-bar__breadcrumb-current{color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.app-command-bar__right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cmd-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--app-radius-md);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted);letter-spacing:.02em;transition:border-color var(--app-transition),color var(--app-transition),background-color var(--app-transition);white-space:nowrap}.cmd-btn:hover{border-color:var(--app-border-strong);color:var(--app-text)}.cmd-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.cmd-btn:disabled{opacity:.4;cursor:not-allowed}.cmd-btn--primary{background:var(--app-accent-dim);border-color:var(--app-accent-mid);color:var(--app-accent)}.cmd-btn--primary:hover{background:var(--app-accent-surface);border-color:var(--app-accent);color:var(--app-accent-strong)}.cmd-btn--icon{width:28px;height:28px;padding:0;justify-content:center}.app-body{flex:1;display:flex;min-height:0;position:relative;z-index:1}.app-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--app-surface);border-right:1px solid var(--app-border-subtle);overflow:visible;position:relative;z-index:4}.app-sidebar__logo{padding:16px 16px 12px;border-bottom:1px solid var(--app-border-subtle)}.app-sidebar__wordmark{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--app-text)}.app-sidebar__workspace{margin-top:4px;font-size:11px;color:var(--app-text-muted);letter-spacing:.04em}.app-sidebar__nav{display:flex;flex-direction:column;gap:6px;padding:12px 10px 8px}.app-sidebar__nav-link{display:flex;align-items:center;gap:9px;padding:5px 10px;border-radius:var(--app-radius-md);font-size:12px;font-weight:500;color:var(--app-text-muted);text-decoration:none;transition:background var(--app-transition),color var(--app-transition)}.app-sidebar__nav-link:hover{background:var(--app-accent-surface);color:var(--app-text)}.app-sidebar__nav-link.active{background:var(--app-accent-dim);color:var(--app-accent)}.app-sidebar__nav-link:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.app-sidebar--collapsed{width:0;border-right:none;overflow:hidden}.app-sidebar-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;width:20px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--app-surface);border:1px solid var(--app-border-subtle);border-left:none;border-radius:0 var(--app-radius-md) var(--app-radius-md) 0;color:var(--app-text-muted);font-size:18px;font-weight:400;cursor:pointer;transition:color var(--app-transition),border-color var(--app-transition)}.app-sidebar-toggle:hover{color:var(--app-text);border-color:var(--app-border-strong)}.app-sidebar-toggle:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.app-sidebar-collapse{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:3;width:20px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--app-surface);border:1px solid var(--app-border-subtle);border-left:none;border-radius:0 var(--app-radius-md) var(--app-radius-md) 0;color:var(--app-text-muted);font-size:18px;font-weight:400;cursor:pointer;transition:color var(--app-transition),border-color var(--app-transition)}.app-sidebar-collapse:hover{color:var(--app-text);border-color:var(--app-border-strong)}.app-sidebar-collapse:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.app-content{flex:1;min-width:0;min-height:0;overflow-y:auto;position:relative}.undo-redo-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--app-radius-md);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted);white-space:nowrap;transition:border-color var(--app-transition),color var(--app-transition),background-color var(--app-transition)}.undo-redo-btn:hover:not(:disabled){border-color:var(--app-border-strong);color:var(--app-text)}.undo-redo-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.undo-redo-btn:disabled{opacity:.35;cursor:not-allowed}.topbar-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--app-radius-md);border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted);cursor:pointer;font-size:13px;transition:border-color var(--app-transition),color var(--app-transition),background-color var(--app-transition)}.topbar-theme-btn:hover{border-color:color-mix(in srgb,var(--app-accent) 40%,transparent);background:var(--app-accent-surface);color:var(--app-accent)}.topbar-theme-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}@media(max-width:768px){.app-command-bar{padding:0 12px}.app-command-bar__breadcrumb{display:none}.app-sidebar{position:fixed;top:44px;left:0;bottom:0;z-index:10;overflow:visible}.app-sidebar--collapsed{width:0}}.popover{position:relative}.popover__trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-surface-soft);color:var(--app-text);cursor:pointer;transition:border-color var(--app-transition),background-color var(--app-transition),transform var(--app-transition)}.popover__trigger:hover{border-color:var(--app-border-strong);transform:translateY(-1px)}.popover__trigger:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.popover__panel{position:fixed;z-index:30;width:min(360px,calc(100vw - 40px));padding:16px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-lg);background:color-mix(in srgb,var(--app-surface) 94%,transparent);box-shadow:var(--app-shadow-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.popover__panel--left{left:0;right:auto}.popover__scrim{position:fixed;inset:0;z-index:20}.dashboard-appearance-editor{z-index:4}.dashboard-appearance-editor__trigger{padding:4px 10px;font-size:12px;font-weight:500;color:var(--app-text-muted)}.dashboard-appearance-editor__trigger-copy{font-weight:600}.dashboard-appearance-editor__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-appearance-editor__label{display:block;margin-bottom:4px;color:var(--app-text-muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.dashboard-appearance-editor__swatch{width:28px;height:28px;border:1px solid var(--app-border-subtle);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff14}.dashboard-appearance-editor__swatches{display:inline-flex;gap:8px}.dashboard-appearance-editor__field{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--app-text-muted)}.dashboard-appearance-editor__field input{width:52px;height:36px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:transparent;cursor:pointer}.dashboard-appearance-editor__save{width:100%;padding:11px 14px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface-soft);color:var(--app-text);font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.dashboard-appearance-editor__save:hover:not(:disabled){border-color:var(--app-border-strong);background:var(--app-accent-surface)}.dashboard-appearance-editor__save:disabled{opacity:.7;cursor:wait}.inline-error{margin:0;color:#fca5a5;font-size:.78rem}.dashboard-list{padding:16px;border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:1;overflow-y:auto}.dashboard-list__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.dashboard-list__header-actions{display:inline-flex;align-items:center;gap:8px}.dashboard-list__eyebrow{display:none}.dashboard-list__collapse{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text-muted);font-size:.85rem;font-weight:400;line-height:1;padding:0;transition:border-color var(--app-transition),background-color var(--app-transition),color var(--app-transition)}.dashboard-list__collapse:hover{border-color:var(--app-border-strong);color:var(--app-text)}.dashboard-list__collapse:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__add{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.85rem;font-weight:700;line-height:1;padding:0;transition:border-color var(--app-transition),background-color var(--app-transition),color var(--app-transition)}.dashboard-list__add:hover{border-color:var(--app-border-strong)}.dashboard-list__add:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__header h2{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted)}.dashboard-list__header p{display:none}.dashboard-list__filter{margin:0 0 16px;display:grid;gap:4px}.dashboard-list__filter-label{color:var(--app-text-muted);font-size:.78rem}.dashboard-list__filter-wrapper{position:relative;width:100%}.dashboard-list__filter-input{width:100%;min-height:28px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.75rem;padding:5px 30px 5px 8px}.dashboard-list__filter-input:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__filter-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.75rem;font-weight:700;line-height:1;padding:0;cursor:pointer;transition:background-color var(--app-transition),color var(--app-transition)}.dashboard-list__filter-clear:hover{background:var(--app-surface-soft);color:var(--app-text)}.dashboard-list__filter-clear:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__create{margin:0 0 16px;display:grid;gap:8px}.dashboard-list__create-label{color:var(--app-text-muted);font-size:.78rem}.dashboard-list__create-input{width:100%;min-height:36px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);padding:8px 10px}.dashboard-list__create-input:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__create-submit{padding:6px 14px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.82rem;font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.dashboard-list__create-submit:hover:not(:disabled){border-color:var(--app-border-strong);background:var(--app-accent-surface)}.dashboard-list__create-submit:disabled{opacity:.65;cursor:not-allowed}.dashboard-list__items{display:grid;gap:10px;margin:0;padding:0;list-style:none}.dashboard-list__item{display:flex;align-items:stretch;gap:6px}.dashboard-list__item--row{flex-direction:column;align-items:stretch;gap:4px}.dashboard-list__item-row{display:flex;align-items:center;gap:6px}.dashboard-list__item .dashboard-list__button,.dashboard-list__item-row .dashboard-list__button{flex:1;min-width:0}.dashboard-list__item-row .popover.actions-menu{display:none;flex-shrink:0}.dashboard-list__item-row:hover .popover.actions-menu,.dashboard-list__item-row:focus-within .popover.actions-menu,.dashboard-list__item-row:has(.actions-menu__trigger[aria-expanded=true]) .popover.actions-menu{display:inline-flex;align-items:center}.dashboard-list__item-row .actions-menu__trigger{width:24px;height:24px;border:none;background:transparent;color:var(--app-text-muted)}.dashboard-list__item-row .actions-menu__trigger:hover{background:var(--app-surface-soft);color:var(--app-text);transform:none}.dashboard-list__item-row .actions-menu__trigger:focus-visible{outline:2px solid var(--app-accent);outline-offset:1px}.dashboard-list__delete-confirm-row{display:flex;justify-content:flex-end;padding:4px 0 0}.dashboard-list__delete-confirm-actions{display:inline-flex;align-items:center;gap:4px}.dashboard-list__item--outside-filter{opacity:.6;position:relative}.dashboard-list__item--outside-filter:after{content:"active";position:absolute;right:40px;top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:var(--app-radius-sm);background:var(--app-accent-surface);color:var(--app-accent-strong);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.dashboard-list__delete-confirm{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;gap:4px}.dashboard-list__delete-confirm-btn{height:24px;padding:0 8px;border:1px solid rgba(248,113,113,.6);border-radius:var(--app-radius-sm);background:transparent;color:#f87171;font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition)}.dashboard-list__delete-confirm-btn:hover{background:#f871711f;border-color:#f87171}.dashboard-list__delete-cancel-btn{height:24px;padding:0 8px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.72rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.dashboard-list__delete-cancel-btn:hover{border-color:var(--app-border-strong);color:var(--app-text)}.dashboard-list__button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid transparent;border-radius:var(--app-radius-md);background:transparent;color:var(--app-text);text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition),transform var(--app-transition)}.dashboard-list__button:hover{background:var(--app-surface-soft);border-color:var(--app-border-subtle);transform:translateY(-1px);text-decoration:none}.dashboard-list__button:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.dashboard-list__button[aria-pressed=true],.dashboard-list__button--active{background:var(--app-accent-surface);border-color:var(--app-border-strong)}.dashboard-list__status{margin:4px 0 0;font-size:.78rem;color:var(--app-text-muted)}.dashboard-list__name{font-size:.8rem;font-weight:600}.dashboard-list__active-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--app-accent);box-shadow:0 0 6px var(--app-accent)}.dashboard-list__rename{flex:1;min-width:0;display:grid;gap:4px}.dashboard-list__rename-input{width:100%;min-height:36px;border:1px solid var(--app-accent);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);padding:6px 10px;font-size:.85rem}.dashboard-list__rename-input:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__import-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dashboard-list__import-label{display:flex;align-items:center;justify-content:center;padding:6px 14px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color var(--app-transition),background-color var(--app-transition),color var(--app-transition)}.dashboard-list__import-label:hover{border-color:var(--app-border-strong);color:var(--app-text)}.dashboard-list__import-input:focus-visible+.dashboard-list__import-label{outline:2px solid var(--app-accent);outline-offset:2px}.dashboard-list__import-input:disabled+.dashboard-list__import-label{opacity:.65;cursor:not-allowed}.actions-menu{z-index:4}.actions-menu__trigger{width:30px;height:30px;padding:0;border-radius:var(--app-radius-sm)}.actions-menu__dots{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.actions-menu__dots span{width:3px;height:3px;border-radius:999px;background:currentColor}.popover__panel.actions-menu__panel{width:max-content;min-width:120px;padding:4px;margin:0;list-style:none}.actions-menu__item{width:100%;display:block;padding:6px 10px;border:none;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text);font-size:.8rem;text-align:left;cursor:pointer;transition:background-color var(--app-transition)}.actions-menu__item:hover:not(:disabled){background:var(--app-accent-surface);color:var(--app-accent-strong)}.actions-menu__item:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.actions-menu__item:disabled{opacity:.4;cursor:not-allowed}.actions-menu__item--danger{color:#f87171}.actions-menu__item--danger:hover:not(:disabled){background:#f871711a}.status-message{margin:0 0 16px;padding:12px 14px;border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text-muted)}.status-message--error{color:#ffb4b4}.ui-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ui-empty-state--main{justify-content:center;gap:var(--space-5);padding:var(--space-10) var(--space-7);min-height:320px}.ui-empty-state--main .ui-empty-state__icon-wrap{width:80px;height:80px;border-radius:var(--app-radius-lg);border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);background:color-mix(in srgb,var(--app-accent) 8%,transparent);box-shadow:0 0 32px color-mix(in srgb,var(--app-accent) 14%,transparent),inset 0 1px color-mix(in srgb,var(--app-accent) 18%,transparent);display:flex;align-items:center;justify-content:center}.ui-empty-state--main .ui-empty-state__icon{font-size:2rem;color:color-mix(in srgb,var(--app-accent) 80%,var(--app-text))}.ui-empty-state--main .ui-empty-state__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--app-text);letter-spacing:-.01em}.ui-empty-state--main .ui-empty-state__description{margin:0;font-size:var(--text-sm);color:var(--app-text-muted);max-width:340px;line-height:1.6}.ui-empty-state--sidebar{justify-content:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.ui-empty-state--sidebar .ui-empty-state__icon-wrap{width:40px;height:40px;border-radius:var(--app-radius-md);border:1px solid color-mix(in srgb,var(--app-accent) 20%,transparent);background:color-mix(in srgb,var(--app-accent) 7%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--app-accent) 10%,transparent);display:flex;align-items:center;justify-content:center}.ui-empty-state--sidebar .ui-empty-state__icon{font-size:1rem;color:color-mix(in srgb,var(--app-accent) 75%,var(--app-text))}.ui-empty-state--sidebar .ui-empty-state__title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--app-text)}.ui-empty-state--sidebar .ui-empty-state__description{margin:0;font-size:var(--text-xs);color:var(--app-text-muted);line-height:1.55}.ui-empty-state__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border:1px solid color-mix(in srgb,var(--app-accent) 45%,transparent);border-radius:var(--app-radius-sm);background:color-mix(in srgb,var(--app-accent) 10%,transparent);color:var(--app-accent);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:border-color var(--app-transition),background-color var(--app-transition),color var(--app-transition)}.ui-empty-state__cta:hover{border-color:color-mix(in srgb,var(--app-accent) 65%,transparent);background:color-mix(in srgb,var(--app-accent) 16%,transparent);color:var(--app-accent-strong)}.ui-empty-state__cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--app-accent-surface)}.ui-empty-state--sidebar .ui-empty-state__cta{font-size:var(--text-xs);padding:5px 10px}.ui-empty-state__cta-icon{font-size:.8em}.ui-input,.ui-select__trigger,.ui-textarea{display:flex;align-items:center;gap:8px;min-height:30px;width:100%;padding:5px 10px;border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text);font-size:.8rem;font-family:inherit;line-height:1.4;transition:border-color var(--app-transition),box-shadow var(--app-transition),background-color var(--app-transition)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--app-text-muted)}.ui-input:hover:not(:disabled),.ui-select__trigger:hover:not(:disabled),.ui-textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--app-accent) 40%,transparent)}.ui-input:focus-visible,.ui-select__trigger:focus-visible,.ui-textarea:focus-visible{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 3px var(--app-accent-surface)}.ui-input:disabled,.ui-select__trigger:disabled,.ui-textarea:disabled{opacity:.55;cursor:not-allowed}.ui-input--mono{font-family:var(--font-mono);font-size:.78rem}.ui-textarea{min-height:80px;align-items:flex-start;resize:vertical}.ui-select{position:relative;width:100%}.ui-select__trigger{cursor:pointer;justify-content:space-between;text-align:left}.ui-select__trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__trigger-label--placeholder{color:var(--app-text-muted)}.ui-select__chevron{flex-shrink:0;color:var(--app-text-muted);transition:transform var(--app-transition)}.ui-select__trigger[aria-expanded=true] .ui-select__chevron{transform:rotate(180deg)}.ui-select__panel{position:fixed;z-index:100;margin:0;padding:4px;list-style:none;min-width:160px;max-height:280px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--app-accent) 25%,var(--app-border-subtle));border-radius:var(--app-radius-sm);background:var(--app-surface);color:var(--app-text);box-shadow:var(--app-shadow-card)}.ui-select__option{display:block;width:100%;padding:6px 10px;border:none;border-radius:4px;background:transparent;color:var(--app-text);text-align:left;font-size:.8rem;font-family:inherit;cursor:pointer;transition:background-color var(--app-transition)}.ui-select__option:hover,.ui-select__option--focused{background:var(--app-surface-soft)}.ui-select__option--selected{color:var(--app-accent);background:var(--app-accent-surface)}.ui-select__option--disabled{opacity:.5;cursor:not-allowed}.ui-select__scrim{position:fixed;inset:0;z-index:99;background:transparent;border:none;cursor:default}.panel-list{min-height:100%;padding:26px;border:none;border-radius:0;background:var(--dashboard-grid-background-override, transparent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;transition:background-color var(--app-transition)}.panel-list__header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.panel-list__header-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.panel-list__header h2{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em}.panel-list__count{padding:3px 8px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-accent-surface);color:var(--app-accent-strong);font-size:.75rem;font-weight:700}.panel-list__add{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.85rem;font-weight:700;line-height:1;padding:0;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-list__add:hover:not(:disabled){border-color:var(--app-border-strong)}.panel-list__add:disabled{opacity:.6;cursor:not-allowed}.panel-list__add:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-list__panel-actions{display:inline-flex;align-items:center;gap:8px}.panel-list__zoom-controls{display:inline-flex;align-items:center;gap:4px}.panel-list__zoom-level{padding:3px 8px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-accent-surface);color:var(--app-accent-strong);font-size:.75rem;font-weight:700;min-width:36px;text-align:center}.panel-list__zoom-button,.panel-list__zoom-reset{height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.85rem;font-weight:700;line-height:1;padding:0 6px;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-list__zoom-button{width:26px;padding:0}.panel-list__zoom-reset{font-size:.75rem;font-weight:600;padding:0 8px}.panel-list__zoom-button:hover:not(:disabled),.panel-list__zoom-reset:hover:not(:disabled){border-color:var(--app-border-strong)}.panel-list__zoom-button:disabled,.panel-list__zoom-reset:disabled{opacity:.6;cursor:not-allowed}.panel-list__zoom-button:focus-visible,.panel-list__zoom-reset:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-list__create{margin:0 0 18px;display:grid;gap:8px}.panel-list__create-label{color:var(--app-text-muted);font-size:.78rem}.panel-list__create-input{width:100%;min-height:28px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.75rem;padding:5px 8px}.panel-list__create-input:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-list__type-selector{display:flex;flex-wrap:wrap;gap:6px;border:none;padding:0;margin:0}.panel-list__type-option{display:inline-flex;align-items:center;gap:0;padding:5px 12px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-surface-soft);color:var(--app-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color var(--app-transition),background-color var(--app-transition),color var(--app-transition)}.panel-list__type-option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.panel-list__type-option:has(input:checked){border-color:var(--app-accent);background:var(--app-accent-surface);color:var(--app-accent-strong)}.panel-list__type-option:hover:not(:has(input:checked)){border-color:var(--app-border-strong);color:var(--app-text)}.panel-list__type-option:has(input:focus-visible){outline:2px solid var(--app-accent);outline-offset:2px}.panel-list__create-submit{min-height:36px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-list__create-submit:hover:not(:disabled){border-color:var(--app-border-strong)}.panel-list__create-submit:disabled{opacity:.65;cursor:not-allowed}.panel-list__state{margin:0 0 18px;padding:16px 18px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface-soft);color:var(--app-text-muted);line-height:1.6}.panel-list__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;padding:48px 24px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface-soft);text-align:center}.panel-list__empty-icon{width:48px;height:48px;opacity:.6;margin-bottom:4px}.panel-list__empty-heading{margin:0;font-size:1rem;font-weight:600;color:var(--app-text)}.panel-list__empty-subtext{margin:0;font-size:.85rem;color:var(--app-text-muted);line-height:1.5}.panel-list__empty-cta{margin-top:6px;padding:8px 18px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.9rem;font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-list__empty-cta:hover:not(:disabled){border-color:var(--app-border-strong)}.panel-list__empty-cta:disabled{opacity:.6;cursor:not-allowed}.panel-list__empty-cta:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}@media(max-width:768px){.panel-list{padding:22px;min-height:auto}.panel-list__header{flex-direction:column}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.panel-content{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 16px;min-height:0}.panel-content--metric{flex-direction:column;gap:4px}.panel-content__metric-value{font-size:2rem;font-weight:700;color:var(--app-text);letter-spacing:-.02em;line-height:1;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.panel-content__metric-label{font-size:.75rem;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.06em}.panel-content--text{flex-direction:column;align-items:flex-start;gap:8px;overflow-y:auto}.panel-content__text-line{display:block;height:10px;border-radius:4px;background:var(--app-border-subtle)}.panel-content__text-line--long{width:85%}.panel-content__text-line--short{width:60%}.panel-content--table{padding:8px 12px;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;min-height:0}.panel-content__table{width:100%;height:100%;min-height:min-content;border-collapse:collapse;font-size:.78rem}.panel-content__table th,.panel-content__table td{border:1px solid var(--app-border-subtle);padding:4px 8px;height:18px}.panel-content__table th{background:var(--app-accent-surface);width:50%}.panel-content--chart{padding:0}.panel-content--state{flex-direction:column;gap:8px}.panel-content--error{color:var(--app-danger, #e05252)}.panel-content__spinner{display:block;width:24px;height:24px;border:3px solid var(--app-border-subtle);border-top-color:var(--app-accent, #5b8dee);border-radius:50%;animation:panel-spin .7s linear infinite}@keyframes panel-spin{to{transform:rotate(360deg)}}.panel-content__state-label{font-size:.78rem;color:var(--app-text-muted);text-align:center}.panel-content--error .panel-content__state-label{color:inherit}.panel-content__text-live{font-size:.9rem;color:var(--app-text);white-space:pre-wrap;word-break:break-word}.panel-content__metric-trend{font-size:.7rem;color:var(--app-text-muted);letter-spacing:.02em}.panel-content__metric-trend--up{color:var(--app-success, #3db87b)}.panel-content__metric-trend--down{color:var(--app-danger, #e05252)}.panel-content__metric-trend--flat{color:var(--app-text-muted)}@container panel-card (max-height: 179px){.panel-content__metric-value{font-size:1.25rem}.panel-content__metric-label{font-size:.65rem}.panel-content__metric-trend{font-size:.6rem}}@container panel-card (min-height: 280px){.panel-content__metric-value{font-size:2.5rem}.panel-content__metric-label{font-size:.85rem}.panel-content__metric-trend{font-size:.8rem}}@container panel-card (max-height: 179px){.panel-content__table th,.panel-content__table td{padding:2px 6px;height:14px}}@container panel-card (max-height: 179px){.panel-content__text-live{font-size:.78rem}}@container panel-card (min-height: 280px){.panel-content__text-live{font-size:1.1rem}}.divider-panel{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.divider-panel--horizontal{flex-direction:row}.divider-panel--vertical{flex-direction:column}.divider-panel__rule{flex-shrink:0;border-radius:1px}.image-panel{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.image-panel__img{width:100%;height:100%;display:block}.image-panel--empty{flex-direction:column;gap:8px;background:var(--panel-placeholder-bg, rgba(128, 128, 128, .1));border-radius:4px;color:var(--panel-placeholder-text, #888)}.image-panel__placeholder-icon{font-size:2rem;line-height:1}.image-panel__placeholder-text{font-size:.75rem;text-align:center}.markdown-panel{overflow:auto;height:100%;padding:8px 12px;font-size:.875rem;line-height:1.6;color:var(--panel-text-override, inherit)}.markdown-panel p,.markdown-panel ul,.markdown-panel ol,.markdown-panel blockquote,.markdown-panel pre{margin:0 0 .75em}.markdown-panel p:last-child,.markdown-panel ul:last-child,.markdown-panel ol:last-child,.markdown-panel blockquote:last-child,.markdown-panel pre:last-child{margin-bottom:0}.markdown-panel h1,.markdown-panel h2,.markdown-panel h3,.markdown-panel h4,.markdown-panel h5,.markdown-panel h6{margin:0 0 .5em;font-weight:600;line-height:1.3}.markdown-panel code{font-family:monospace;font-size:.85em;background:#80808026;padding:.1em .3em;border-radius:3px}.markdown-panel pre code{background:none;padding:0}.markdown-panel pre{background:#8080801a;padding:.75em 1em;border-radius:4px;overflow-x:auto}.markdown-panel blockquote{border-left:3px solid rgba(128,128,128,.4);padding-left:1em;margin-left:0;opacity:.8}.markdown-panel a{color:var(--color-accent, #5a7ff2)}.markdown-panel .contains-task-list{padding-left:1.25em}.markdown-panel .task-list-item{list-style:none}.markdown-panel .task-list-item input[type=checkbox]{margin-right:.4em;vertical-align:middle}.markdown-panel--empty{display:flex;align-items:center;justify-content:center;height:100%}.markdown-panel__placeholder{font-size:.8rem;opacity:.5;font-style:italic;text-align:center;padding:1em}.panel-detail-modal{width:min(540px,96vw);height:min(680px,90vh);padding:0;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-lg);background:var(--app-surface-strong);color:var(--app-text);box-shadow:var(--app-shadow-soft);overflow:hidden}.panel-detail-modal--view{width:min(1200px,96vw);height:min(88vh,900px)}.panel-detail-modal::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-detail-modal--view::backdrop{background:#00000061;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.panel-detail-modal__inner{display:flex;flex-direction:column;height:100%}.panel-detail-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--app-border-subtle)}.panel-detail-modal__title{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-detail-modal__close{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.75rem;line-height:1;transition:border-color var(--app-transition),color var(--app-transition)}.panel-detail-modal__close:hover{border-color:var(--app-border-strong);background:var(--app-accent-surface);color:var(--app-text)}.panel-detail-modal__close:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-detail-modal__unsaved-badge{font-size:.72rem;font-weight:500;color:var(--app-text-muted);padding:2px 8px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);white-space:nowrap;flex-shrink:0}.panel-detail-modal__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-detail-modal__edit-btn{padding:5px 12px;border:1px solid var(--app-accent);border-radius:var(--app-radius-sm);background:var(--app-accent-surface);color:var(--app-accent-strong);font-size:.82rem;font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-detail-modal__edit-btn:hover{background:var(--app-accent);color:var(--app-surface-strong)}.panel-detail-modal__edit-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-detail-modal__view-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-detail-modal__edit-section-heading{font-size:.78rem;font-weight:700;color:var(--app-text-muted);letter-spacing:.05em;text-transform:uppercase;margin:0;padding-top:16px;border-top:1px solid var(--app-border-subtle)}.panel-detail-modal__edit-section-heading:first-child{padding-top:0;border-top:none}.panel-detail-modal__content{flex:1;overflow-y:auto;padding:20px;display:grid;gap:14px;align-content:start}.panel-detail-modal__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-detail-modal__field{display:grid;gap:6px;font-size:.82rem;color:var(--app-text-muted)}.panel-detail-modal__field input[type=color]{width:100%;min-height:36px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;cursor:pointer}.panel-detail-modal__slider{display:grid;gap:6px;font-size:.82rem;color:var(--app-text-muted)}.panel-detail-modal__slider input[type=range]{width:100%}.panel-detail-modal__slider strong{font-size:.82rem;color:var(--app-text)}.panel-detail-modal__data-section{display:grid;gap:8px}.panel-detail-modal__data-label{font-size:.82rem;font-weight:600;color:var(--app-text-muted)}.panel-detail-modal__type-search{width:100%;padding:7px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.85rem;box-sizing:border-box}.panel-detail-modal__type-search:focus{outline:2px solid var(--app-accent);outline-offset:1px}.panel-detail-modal__type-list{list-style:none;margin:0;padding:0;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);overflow-y:auto;max-height:160px}.panel-detail-modal__type-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.85rem;transition:background-color var(--app-transition)}.panel-detail-modal__type-option:hover{background:var(--app-accent-surface)}.panel-detail-modal__type-option+.panel-detail-modal__type-option{border-top:1px solid var(--app-border-subtle)}.panel-detail-modal__selected-type{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--app-accent);border-radius:var(--app-radius-sm);background:var(--app-accent-surface);font-size:.85rem}.panel-detail-modal__selected-type-name{font-weight:600;color:var(--app-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-detail-modal__type-badge{font-size:.72rem;padding:2px 6px;border-radius:var(--app-radius-sm);background:var(--app-surface-soft);border:1px solid var(--app-border-subtle);color:var(--app-text-muted);white-space:nowrap;flex-shrink:0}.panel-detail-modal__type-count{font-size:.75rem;color:var(--app-text-muted);flex-shrink:0}.panel-detail-modal__type-clear{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--app-text-muted);font-size:1rem;line-height:1;cursor:pointer;margin-left:auto}.panel-detail-modal__type-clear:hover{color:var(--app-text)}.panel-detail-modal__type-hint{margin:0;font-size:.82rem;color:var(--app-text-muted)}.panel-detail-modal__source-link{font-size:.78rem;color:var(--app-accent-strong);text-decoration:none}.panel-detail-modal__source-link:hover{text-decoration:underline}.panel-detail-modal__mapping-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.panel-detail-modal__mapping-label{font-size:.82rem;color:var(--app-text-muted)}.panel-detail-modal__mapping-select{width:100%;padding:6px 8px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.82rem}.panel-detail-modal__discard-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--app-accent-surface);border-top:1px solid var(--app-border-subtle);font-size:.82rem;color:var(--app-text);flex-wrap:wrap}.panel-detail-modal__discard-actions{display:flex;gap:8px}.panel-detail-modal__discard-confirm,.panel-detail-modal__discard-cancel{padding:5px 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.78rem;font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-detail-modal__discard-confirm:hover,.panel-detail-modal__discard-cancel:hover{border-color:var(--app-border-strong)}.panel-detail-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--app-border-subtle)}.panel-detail-modal__btn{padding:8px 18px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);font-size:.85rem;font-weight:600;transition:border-color var(--app-transition),background-color var(--app-transition)}.panel-detail-modal__btn--cancel{background:transparent;color:var(--app-text-muted)}.panel-detail-modal__btn--cancel:hover{border-color:var(--app-border-strong);color:var(--app-text)}.panel-detail-modal__btn--save{background:var(--app-accent-surface);color:var(--app-accent-strong);border-color:var(--app-accent)}.panel-detail-modal__btn--save:hover:not(:disabled){background:var(--app-accent);color:var(--app-surface-strong)}.panel-detail-modal__btn--save:disabled{opacity:.65;cursor:wait}.panel-detail-modal__btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-detail-modal__section-heading{font-size:.9rem;font-weight:600;color:var(--app-text)}.panel-detail-modal__chart-section{display:grid;gap:12px}.panel-detail-modal__chart-subsection{display:grid;gap:6px}.panel-detail-modal__chart-label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--app-text-muted)}.panel-detail-modal__color-swatches{display:flex;gap:6px;flex-wrap:wrap}.panel-detail-modal__color-swatches input[type=color]{width:32px;height:28px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;cursor:pointer;padding:1px}.panel-detail-modal__chart-position{width:100%;padding:6px 8px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.82rem}.panel-detail-modal__chart-text-input{width:100%;padding:6px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.82rem;box-sizing:border-box}.panel-detail-modal__chart-text-input:focus{outline:2px solid var(--app-accent);outline-offset:1px}@media(max-width:480px){.panel-detail-modal__row{grid-template-columns:1fr}}.panel-detail-modal__chart-type-section{display:grid;gap:8px;border-top:1px solid var(--app-border-subtle);padding-top:14px;margin-top:2px}.panel-detail-modal__chart-type-label{font-size:.82rem;font-weight:600;color:var(--app-text-muted)}.panel-detail-modal__chart-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.panel-detail-modal__chart-type-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.panel-detail-modal__chart-type-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);cursor:pointer;transition:border-color var(--app-transition),background-color var(--app-transition);font-size:.78rem;color:var(--app-text-muted)}.panel-detail-modal__chart-type-option:hover{border-color:var(--app-border-strong);color:var(--app-text)}.panel-detail-modal__chart-type-option--active{border-color:var(--app-accent);background:var(--app-accent-surface);color:var(--app-accent-strong)}.panel-detail-modal__chart-type-icon{font-size:1.1rem;line-height:1}.panel-detail-modal__chart-type-name{font-size:.75rem;font-weight:500}.panel-detail-modal__chart-preview{height:160px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);overflow:hidden}.panel-detail-modal__markdown-textarea{width:100%;resize:vertical;font-family:monospace;font-size:.8rem;line-height:1.5;padding:8px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface);color:var(--app-text);box-sizing:border-box}.panel-detail-modal__markdown-textarea:focus{outline:none;border-color:var(--color-accent, #5a7ff2)}.ui-modal{padding:0;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-lg);background:var(--app-surface);color:var(--app-text);box-shadow:var(--app-shadow-soft);max-height:90vh}.ui-modal--sm{width:min(420px,calc(100vw - 32px))}.ui-modal--md{width:min(540px,calc(100vw - 32px))}.ui-modal--lg{width:min(720px,calc(100vw - 32px))}.ui-modal::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-modal__inner{display:flex;flex-direction:column;max-height:90vh}.ui-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--app-border-subtle);flex-shrink:0}.ui-modal__header-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ui-modal__title{margin:0;font-size:.95rem;font-weight:600;color:var(--app-text);line-height:1.3}.ui-modal__description{margin:0;font-size:.8rem;color:var(--app-text-muted);line-height:1.4}.ui-modal__close{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.8rem;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.ui-modal__close:hover{background:var(--app-surface-soft);border-color:var(--app-border-strong);color:var(--app-text)}.ui-modal__close:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.ui-modal__body{flex:1;overflow-y:auto;padding:18px}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--app-border-subtle);flex-shrink:0}.ui-modal-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--app-radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.ui-modal-btn:disabled{opacity:.55;cursor:not-allowed}.ui-modal-btn--secondary{border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted)}.ui-modal-btn--secondary:hover:not(:disabled){background:var(--app-surface-soft);border-color:var(--app-border-strong);color:var(--app-text)}.ui-modal-btn--primary{border:1px solid var(--app-accent);background:var(--app-accent-surface);color:var(--app-accent-strong)}.ui-modal-btn--primary:hover:not(:disabled){background:var(--app-accent);color:var(--app-bg)}.ui-modal-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}:root{--app-success: #22c55e;--app-warning: #f59e0b;--app-error: #ef4444;--app-info: var(--app-accent)}.toast-viewport{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);width:340px;max-width:calc(100vw - var(--space-7));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--toast-intent-color) 30%,transparent);border-left:3px solid var(--toast-intent-color);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-card);color:var(--app-text);font-size:.8rem;line-height:1.4;pointer-events:auto;animation:toast-slide-in var(--app-transition) both}.toast--exiting{animation:toast-fade-out .2s ease forwards}.toast--info{--toast-intent-color: var(--app-info)}.toast--success{--toast-intent-color: var(--app-success)}.toast--warning{--toast-intent-color: var(--app-warning)}.toast--error{--toast-intent-color: var(--app-error)}.toast__icon{flex-shrink:0;margin-top:1px;color:var(--toast-intent-color);font-size:.875rem}.toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.toast__message{margin:0}.toast__action{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:var(--toast-intent-color);font-size:.775rem;font-family:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:opacity var(--app-transition)}.toast__action:hover{opacity:.8}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:-2px -4px 0 0;padding:0;border:none;border-radius:var(--app-radius-sm);background:none;color:var(--app-text-muted);font-size:.7rem;cursor:pointer;transition:color var(--app-transition),background-color var(--app-transition)}.toast__close:hover{color:var(--app-text);background:color-mix(in srgb,var(--app-text) 10%,transparent)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.panel-legacy-warning{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:var(--app-radius-sm);background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#92400e;font-size:.8rem;line-height:1.45}[data-theme=dark] .panel-legacy-warning{color:#fcd34d;background:#fbbf241f;border-color:#fbbf244d}.panel-legacy-warning__icon{flex-shrink:0;font-size:.85rem;line-height:1.45}.panel-legacy-warning__text{flex:1;min-width:0}.panel-grid-shell,.panel-grid{min-height:min(72vh,960px)}.panel-grid>.react-grid-item{transition:transform .18s ease,width .18s ease,height .18s ease}.panel-grid>.react-grid-placeholder{border-radius:var(--app-radius-md);background:var(--app-accent-surface);opacity:.4}.panel-grid .react-resizable-handle:after{border-color:var(--app-accent-strong)}.panel-grid-card{container-type:size;cursor:pointer;container-name:panel-card;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:clamp(14px,2vw,22px);border:1px solid var(--app-border-subtle);border-top:2px solid transparent;border-radius:var(--app-radius-lg);background:var(--panel-surface-override, var(--app-surface));color:var(--panel-text-override, var(--app-text));box-shadow:var(--app-shadow-card);overflow:hidden;position:relative;transition:background-color var(--app-transition),color var(--app-transition),border-color var(--app-transition)}.panel-grid-card:hover{border-top-color:var(--app-accent)}.panel-grid-card__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-grid-card__actions{display:inline-flex;align-items:center;gap:8px}.panel-grid-card__actions .actions-menu__trigger{width:38px;height:38px;border-radius:999px}.panel-grid-card__actions .actions-menu__dots{flex-direction:row;gap:3px}.panel-grid-card__title{margin:0;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:inherit}.panel-grid-card__handle{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-surface-soft);color:var(--app-text-muted);cursor:grab;touch-action:none}.panel-grid-card__handle span{width:4px;height:4px;border-radius:999px;background:currentColor}.panel-grid-card__handle:active{cursor:grabbing}.panel-grid-card__delete-confirm-btn{height:26px;padding:0 10px;border:1px solid rgba(248,113,113,.6);border-radius:var(--app-radius-sm);background:transparent;color:#f87171;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition)}.panel-grid-card__delete-confirm-btn:hover{background:#f871711f;border-color:#f87171}.panel-grid-card__delete-cancel-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.85rem;line-height:1;cursor:pointer;transition:border-color var(--app-transition),color var(--app-transition)}.panel-grid-card__delete-cancel-btn:hover{border-color:var(--app-border-strong);color:var(--app-text)}.panel-grid-card__copy{margin:0;color:color-mix(in srgb,currentColor 74%,transparent);font-size:clamp(.82rem,1vw,.94rem);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.panel-grid-card__footer{display:flex;gap:12px;color:color-mix(in srgb,currentColor 80%,var(--app-accent-strong));font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap}.panel-grid-card__type-badge{padding:2px 7px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-accent-surface);color:var(--app-accent-strong);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.panel-grid-card__title-area{flex:1;min-width:0}.panel-grid-card__title-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--app-accent);color:var(--panel-text, var(--app-text));font-size:.9rem;font-weight:700;padding:2px 0}.panel-grid-card__title-input:focus-visible{outline:none;border-bottom-color:var(--app-accent-strong)}@media(max-width:768px){.panel-grid-shell,.panel-grid{min-height:540px}.panel-grid-card{gap:12px}.panel-grid-card__footer{flex-direction:column}}@container panel-card (max-width: 219px){.panel-grid-card{padding:10px;gap:8px}.panel-grid-card__title{font-size:.85rem}}@container panel-card (max-height: 179px){.panel-grid-card{padding:10px;gap:8px}.panel-grid-card__title{font-size:.85rem}}@container panel-card (min-width: 420px) and (min-height: 280px){.panel-grid-card{padding:20px}.panel-grid-card__title{font-size:1.1rem}}.panel-creation-modal{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-soft);padding:0;max-width:600px;width:100%;color:var(--app-text)}.panel-creation-modal--wide{max-width:840px}.panel-creation-modal::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-creation-modal__inner{display:flex;flex-direction:column;gap:18px;padding:0}.panel-creation-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--app-border-subtle)}.panel-creation-modal__title{margin:0;font-size:.95rem;font-weight:600;color:var(--app-text)}.panel-creation-modal__close{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.8rem;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.panel-creation-modal__discard-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-top:-.75rem;border:1px solid rgba(248,113,113,.4);border-radius:var(--app-radius-sm);background:#f8717114;color:var(--app-text)}.panel-creation-modal__discard-confirm-text{font-size:.78rem;color:var(--app-text)}.panel-creation-modal__discard-confirm-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.panel-creation-modal__discard-confirm-btn{height:26px;padding:0 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.74rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color var(--app-transition),color var(--app-transition),background-color var(--app-transition)}.panel-creation-modal__discard-confirm-btn:hover{border-color:var(--app-border-strong);color:var(--app-text)}.panel-creation-modal__discard-confirm-btn--danger{border-color:#f8717199;color:#f87171}.panel-creation-modal__discard-confirm-btn--danger:hover{background:#f871711f;border-color:#f87171;color:#f87171}.panel-creation-modal__close:hover{background:var(--app-surface-soft);border-color:var(--app-border-strong);color:var(--app-text)}.panel-creation-modal__close:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.panel-creation-modal__type-grid,.panel-creation-modal__template-step,.panel-creation-modal__datatype-step,.panel-creation-modal__name-entry{padding:18px}.panel-creation-modal__type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.panel-creation-modal__type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);cursor:pointer;transition:border-color var(--app-transition),background var(--app-transition);font-size:.875rem}.panel-creation-modal__type-card:hover{border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__type-card:focus-visible{outline:none;border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__type-icon{font-size:1.5rem;line-height:1}.panel-creation-modal__type-label{font-size:.8125rem;font-weight:500}.panel-creation-modal__type-description{font-size:.75rem;color:var(--app-text-muted);text-align:center;line-height:1.3}.panel-creation-modal__form{display:flex;flex-direction:column;gap:1.25rem}.panel-creation-modal__field{display:flex;flex-direction:column;gap:.375rem}.panel-creation-modal__label{font-size:.875rem;font-weight:500;color:var(--app-text-muted)}.panel-creation-modal__input{padding:.5625rem .875rem;background:var(--app-surface);border:1px solid var(--app-border-strong);border-radius:10px;color:var(--app-text);font-size:.9375rem;outline:none;transition:border-color var(--app-transition)}.panel-creation-modal__input:focus{border-color:var(--app-accent)}select.panel-creation-modal__input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2rem;cursor:pointer}.panel-creation-modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.panel-creation-modal__btn{padding:.5rem 1.125rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--app-transition),color var(--app-transition),border-color var(--app-transition)}.panel-creation-modal__btn--secondary{border:1px solid var(--app-border-strong);background:transparent;color:var(--app-text-muted)}.panel-creation-modal__btn--secondary:hover{color:var(--app-text);border-color:var(--app-text-muted)}.panel-creation-modal__btn--primary{border:none;background:var(--app-accent);color:#fff}.panel-creation-modal__btn--primary:hover:not(:disabled){opacity:.9}.panel-creation-modal__btn--primary:disabled{opacity:.45;cursor:not-allowed}.panel-creation-modal__name-entry{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.panel-creation-preview__frame{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-lg);background:var(--app-surface);height:200px;overflow:hidden;box-shadow:var(--app-shadow-card)}.panel-creation-preview__header{flex-shrink:0}.panel-creation-preview__title{display:block;font-size:.8125rem;font-weight:600;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-creation-preview__title--placeholder{color:var(--app-text-muted);font-style:italic}.panel-creation-preview__content{flex:1;min-height:0;overflow:hidden}@media(max-width:600px){.panel-creation-modal__name-entry{grid-template-columns:1fr}.panel-creation-preview{display:none}}.panel-creation-modal__template-step{display:flex;flex-direction:column;gap:1.25rem}.panel-creation-modal__template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.panel-creation-modal__template-card{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:.875rem 1rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);cursor:pointer;text-align:left;transition:border-color var(--app-transition),background var(--app-transition)}.panel-creation-modal__template-card:hover{border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__template-card:focus-visible{outline:none;border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__template-card--blank,.panel-creation-modal__template-card--blank:hover{border-style:dashed}.panel-creation-modal__template-label{font-size:.875rem;font-weight:500}.panel-creation-modal__template-description{font-size:.75rem;color:var(--app-text-muted);line-height:1.3}.panel-creation-modal__datatype-step{display:flex;flex-direction:column;gap:1.25rem}.panel-creation-modal__datatype-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.panel-creation-modal__datatype-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);cursor:pointer;text-align:left;transition:border-color var(--app-transition),background var(--app-transition);width:100%}.panel-creation-modal__datatype-card:hover{border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__datatype-card:focus-visible{outline:none;border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__datatype-card--selected{border-color:var(--app-accent);background:var(--app-surface-strong)}.panel-creation-modal__datatype-name{font-size:.875rem;font-weight:500}.panel-creation-modal__datatype-empty{padding:1.5rem;text-align:center;color:var(--app-text-muted);font-size:.875rem;line-height:1.6}.panel-creation-modal__datatype-empty__link{color:var(--app-text-muted);text-decoration:underline;transition:color var(--app-transition)}.panel-creation-modal__datatype-empty__link:hover{color:var(--app-text)}.panel-creation-modal__datatype-loading{padding:1.5rem;text-align:center;color:var(--app-text-muted);font-size:.875rem}.save-state-indicator{display:flex;align-items:center;gap:6px;position:relative}.save-state-indicator__label{font-size:12px;color:var(--app-text-muted);white-space:nowrap}.save-state-indicator__save-now{opacity:0;pointer-events:none;transition:opacity .15s ease,border-color var(--app-transition),color var(--app-transition),background-color var(--app-transition)}.save-state-indicator:hover .save-state-indicator__save-now{opacity:1;pointer-events:auto}.run-history-modal__list{display:flex;flex-direction:column;gap:6px}.run-history-modal__empty{margin:16px 0;text-align:center;font-size:.82rem;color:var(--app-text-muted)}.run-history-modal__row{padding:10px 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft)}.run-history-modal__row-summary{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--app-text)}.run-history-modal__row-time{color:var(--app-text-muted);flex-shrink:0}.run-history-modal__row-duration,.run-history-modal__row-count{color:var(--app-text-muted);font-variant-numeric:tabular-nums}.run-history-modal__status{padding:2px 8px;border-radius:999px;border:1px solid var(--app-border-subtle);font-size:.7rem;font-weight:600;text-transform:capitalize}.run-history-modal__status--succeeded{color:#10b981;border-color:#10b98166;background:#10b98114}.run-history-modal__status--failed{color:#ef4444;border-color:#ef444466;background:#ef444414}.run-history-modal__status--running,.run-history-modal__status--queued{color:var(--app-accent);border-color:var(--app-border-strong);background:var(--app-accent-surface)}.run-history-modal__status--dry_run{color:var(--app-text-muted);border-style:dashed}.run-history-modal__row-toggle{margin-left:auto;height:22px;padding:0 8px;border-radius:var(--app-radius-sm);border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted);font-size:.72rem;cursor:pointer}.run-history-modal__row-error{margin:8px 0 0;padding:10px;border-radius:var(--app-radius-sm);background:#ef44440d;color:#ef4444;font-size:.72rem;white-space:pre-wrap;word-break:break-all}.preview-table__wrapper{margin-top:12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface);overflow:auto;max-height:320px}.preview-table{width:100%;border-collapse:collapse;font-size:.78rem}.preview-table thead th{position:sticky;top:0;background:var(--app-surface-soft);color:var(--app-text-muted);font-weight:600;text-align:left;padding:6px 10px;border-bottom:1px solid var(--app-border-subtle);white-space:nowrap}.preview-table tbody td{padding:5px 10px;border-bottom:1px solid var(--app-border-subtle);color:var(--app-text);white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table__empty{margin:12px 0 0;color:var(--app-text-muted);font-size:.78rem}.pipeline-detail-page{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.pipeline-detail-page__back-nav{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:.75rem;color:var(--app-text-muted);background:var(--app-surface);border-bottom:1px solid var(--app-border-subtle);order:-1}.pipeline-detail-page__back-link{color:var(--app-accent);text-decoration:none;font-weight:500}.pipeline-detail-page__back-link:hover{text-decoration:underline}.pipeline-detail-page__back-sep{color:var(--app-text-muted)}.pipeline-detail-page__back-current{color:var(--app-text)}.pipeline-detail-page__meta-bar{display:flex;align-items:center;gap:16px;padding:6px 20px;font-size:.75rem;color:var(--app-text-muted);background:var(--app-surface-soft);border-bottom:1px solid var(--app-border-subtle);order:0}.pipeline-detail-page__meta-bar-item{display:flex;align-items:center;gap:4px}.pipeline-detail-page__meta-bar-label{font-weight:500;color:var(--app-text-muted)}.pipeline-detail-page__meta-bar-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pipeline-detail-page__meta-bar-badge--succeeded{background:color-mix(in srgb,#22c55e 15%,transparent);color:#16a34a}.pipeline-detail-page__meta-bar-badge--failed{background:color-mix(in srgb,#ef4444 15%,transparent);color:#dc2626}.pipeline-detail-page__source-bar{display:flex;align-items:flex-start;gap:12px;padding:10px 20px;background:var(--app-surface-soft);border-bottom:1px solid var(--app-border-subtle);flex-shrink:0}.pipeline-detail-page__source-bar-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted);padding-top:6px;white-space:nowrap}.pipeline-detail-page__source-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.pipeline-detail-page__source-bar-loading{font-size:.75rem;color:var(--app-text-muted)}.pipeline-detail-page__source-chip-wrapper{display:flex;flex-direction:column;gap:6px}.pipeline-detail-page__source-chip{display:flex;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);overflow:hidden;background:var(--app-surface)}.pipeline-detail-page__source-chip--active{border-color:var(--app-accent-mid);background:var(--app-accent-surface)}.pipeline-detail-page__source-chip-toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:none;border-right:1px solid var(--app-border-subtle);color:var(--app-text);font-size:.8rem;cursor:pointer}.pipeline-detail-page__source-chip--active .pipeline-detail-page__source-chip-toggle{color:var(--app-accent);border-right-color:var(--app-accent-mid)}.pipeline-detail-page__source-chip-name{font-weight:500}.pipeline-detail-page__source-chip-count{font-size:.7rem;color:var(--app-text-muted);font-family:var(--font-mono)}.pipeline-detail-page__source-chip-preview-btn{padding:4px 8px;background:transparent;border:none;color:var(--app-text-muted);font-size:.82rem;cursor:pointer}.pipeline-detail-page__source-chip-preview-btn:hover{color:var(--app-accent)}.pipeline-detail-page__source-preview{border:1px solid var(--app-accent-mid);border-radius:var(--app-radius-sm);overflow:auto;max-width:300px}.pipeline-detail-page__source-preview-table{border-collapse:collapse;font-family:var(--font-mono);font-size:.72rem;width:100%}.pipeline-detail-page__source-preview-th{padding:3px 8px;text-align:left;color:var(--app-accent);border-bottom:1px solid var(--app-accent-mid);white-space:nowrap}.pipeline-detail-page__source-preview-td{padding:3px 8px;color:var(--app-text);white-space:nowrap}.pipeline-detail-page__connect-source-btn{padding:4px 10px;border:1px dashed var(--app-border-subtle);border-radius:var(--app-radius-md);background:transparent;color:var(--app-text-muted);font-size:.8rem;cursor:pointer}.pipeline-detail-page__connect-source-btn:hover{border-color:var(--app-accent-mid);color:var(--app-accent)}.pipeline-detail-page__river{flex:1;overflow-y:auto;padding:16px 20px}.pipeline-detail-page__river-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}.pipeline-detail-page__ribbon{width:100%;height:50px;display:block}.pipeline-detail-page__step-section{display:flex;flex-direction:column}.pipeline-detail-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;position:relative}.pipeline-detail-page__empty-state-text{font-size:.82rem;color:var(--app-text-muted);margin:0}.pipeline-detail-page__add-step-btn{padding:8px 18px;border:1px solid var(--app-accent-mid);border-radius:var(--app-radius-md);background:var(--app-accent-surface);color:var(--app-accent);font-size:.85rem;font-weight:500;cursor:pointer}.pipeline-detail-page__add-step-btn:hover{background:var(--app-accent-dim);border-color:var(--app-accent)}.pipeline-detail-page__add-step-row{display:flex;justify-content:center;padding:12px 0;position:relative}.pipeline-detail-page__add-step-dashed-btn{padding:8px 20px;border:1px dashed var(--app-accent-mid);border-radius:var(--app-radius-md);background:transparent;color:var(--app-accent);font-size:.82rem;cursor:pointer}.pipeline-detail-page__add-step-dashed-btn:hover{background:var(--app-accent-surface);border-style:solid}.pipeline-detail-page__op-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:50;list-style:none;margin:0;padding:4px;background:var(--app-surface);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);box-shadow:0 4px 16px #00000026;min-width:200px}.pipeline-detail-page__op-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:var(--app-radius-sm);color:var(--app-text);font-size:.82rem;text-align:left;cursor:pointer}.pipeline-detail-page__op-dropdown-item:hover{background:var(--app-accent-surface);color:var(--app-accent)}.pipeline-detail-page__step-card{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface);overflow:hidden}.pipeline-detail-page__step-card--expanded{border-color:var(--app-accent-mid);background:var(--app-accent-surface)}.pipeline-detail-page__step-card-header{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--app-text)}.pipeline-detail-page__step-card-icon{font-size:.9rem;flex-shrink:0}.pipeline-detail-page__step-card-label{flex:1;font-size:.85rem;font-weight:500}.pipeline-detail-page__step-card-count{font-size:.72rem;font-family:var(--font-mono);color:var(--app-text-muted)}.pipeline-detail-page__step-card-chevron{font-size:.75rem;color:var(--app-text-muted);transition:transform .15s}.pipeline-detail-page__step-card-chevron--open{transform:rotate(180deg)}.pipeline-detail-page__step-card-body{padding:12px 14px;border-top:1px solid var(--app-accent-mid);display:flex;flex-direction:column;gap:10px}.pipeline-detail-page__step-card-desc{font-size:.8rem;color:var(--app-text-muted);margin:0}.pipeline-detail-page__step-card-diff{display:flex;flex-wrap:wrap;gap:6px}.pipeline-detail-page__step-card-diff-chip{font-family:var(--font-mono);font-size:.72rem;padding:2px 7px;border-radius:var(--app-radius-sm)}.pipeline-detail-page__step-card-diff-chip--added{background:var(--app-accent-surface);color:var(--app-accent);border:1px solid var(--app-accent-mid)}.pipeline-detail-page__step-card-diff-chip--removed{text-decoration:line-through;background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.3)}.pipeline-detail-page__step-card-diff-chip--changed{background:var(--app-accent-dim);color:var(--app-accent-strong);border:1px solid var(--app-accent-mid)}.pipeline-detail-page__step-card-actions{display:flex;gap:8px}.pipeline-detail-page__step-card-preview-btn{padding:4px 10px;border:1px solid var(--app-accent-mid);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-accent);font-size:.75rem;cursor:pointer}.pipeline-detail-page__step-card-preview-btn:hover{background:var(--app-accent-surface)}.pipeline-detail-page__step-card-remove-btn{padding:4px 10px;border:1px solid rgba(248,113,113,.3);border-radius:var(--app-radius-sm);background:transparent;color:#f87171;font-size:.75rem;cursor:pointer}.pipeline-detail-page__step-card-remove-btn:hover{background:#f871711a}.pipeline-detail-page__step-preview{margin-top:12px;border-top:1px solid var(--app-border-subtle);padding-top:10px}.pipeline-detail-page__step-preview-loading,.pipeline-detail-page__step-preview-error,.pipeline-detail-page__step-preview-empty{font-size:.8rem;color:var(--app-text-muted);padding:10px 0;text-align:center}.pipeline-detail-page__step-preview-error{color:#f87171}.pipeline-detail-page__step-preview-table-wrapper{overflow-x:auto}.pipeline-detail-page__step-preview-table{border-collapse:collapse;font-family:var(--font-mono);font-size:.75rem;width:100%}.pipeline-detail-page__step-preview-th{padding:6px 8px;text-align:left;background:var(--app-surface-soft);color:var(--app-accent);font-weight:600;border-bottom:1px solid var(--app-border-subtle);white-space:nowrap}.pipeline-detail-page__step-preview-td{padding:5px 8px;color:var(--app-text);border-bottom:1px solid var(--app-border-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px}.pipeline-detail-page__step-preview-table tbody tr:hover{background:var(--app-surface-soft)}.pipeline-detail-page__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;border-top:1.5px solid var(--app-accent-mid);background:var(--app-accent-surface);flex-shrink:0}.pipeline-detail-page__footer-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pipeline-detail-page__footer-output-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-accent)}.pipeline-detail-page__footer-output-name{background:transparent;border:none;border-bottom:1px dashed var(--app-accent-mid);color:var(--app-text);font-size:.85rem;font-weight:500;cursor:pointer;padding:1px 4px}.pipeline-detail-page__footer-output-name:hover{border-bottom-color:var(--app-accent)}.pipeline-detail-page__footer-output-input{background:var(--app-surface);border:1px solid var(--app-accent-mid);border-radius:var(--app-radius-sm);color:var(--app-text);font-size:.85rem;padding:2px 6px;outline:none}.pipeline-detail-page__footer-output-input:focus{border-color:var(--app-accent)}.pipeline-detail-page__footer-schema{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pipeline-detail-page__footer-schema-chip{font-family:var(--font-mono);font-size:.7rem;padding:1px 6px;border-radius:var(--app-radius-sm);background:var(--app-accent-dim);color:var(--app-accent);border:1px solid var(--app-accent-mid)}.pipeline-detail-page__footer-inferred{font-size:.7rem;color:var(--app-text-muted)}.pipeline-detail-page__footer-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.pipeline-detail-page__footer-stats{font-size:.75rem;font-family:var(--font-mono);color:var(--app-text-muted)}.pipeline-detail-page__preview-btn,.pipeline-detail-page__history-btn{padding:5px 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:transparent;color:var(--app-text-muted);font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.pipeline-detail-page__preview-btn:hover,.pipeline-detail-page__history-btn:hover{background:var(--app-surface-soft);border-color:var(--app-border-strong);color:var(--app-text)}.pipeline-detail-page input[type=checkbox]{accent-color:var(--app-accent)}.pipeline-detail-page__compute-config,.pipeline-detail-page__limit-config{display:flex;flex-direction:column;gap:10px}.pipeline-detail-page__compute-field,.pipeline-detail-page__limit-config-row{display:flex;flex-direction:column;gap:4px}.pipeline-detail-page__compute-label,.pipeline-detail-page__limit-config-label{font-size:.72rem;font-weight:600;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.04em}.pipeline-detail-page__compute-input,.pipeline-detail-page__limit-config-input{width:100%}.pipeline-detail-page__compute-fields-hint{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.72rem;color:var(--app-text-muted)}.pipeline-detail-page__compute-fields-hint-list{display:inline-flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.pipeline-detail-page__compute-fields-hint-item{padding:1px 6px;border-radius:4px;background:var(--app-surface-soft);color:var(--app-text);font-family:var(--font-mono);font-size:.7rem}.pipeline-detail-page__run-btn{padding:6px 16px;border:none;border-radius:var(--app-radius-md);background:var(--app-accent);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 0 16px var(--app-border-strong);transition:box-shadow var(--app-transition),background var(--app-transition)}.pipeline-detail-page__run-btn:hover{background:var(--app-accent-strong);box-shadow:0 0 24px var(--app-accent-mid)}.pipeline-detail-page__run-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pipeline-detail-page__run-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--app-radius-md);font-size:.78rem;font-weight:500}.pipeline-detail-page__run-status--queued{background:var(--app-surface-raised, rgba(148, 163, 184, .15));color:var(--app-text-muted)}.pipeline-detail-page__run-status--queued:before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:currentColor;animation:pipeline-run-pulse 1.2s ease-in-out infinite;flex-shrink:0}.pipeline-detail-page__run-status--running{background:#3b82f61f;color:#60a5fa}.pipeline-detail-page__run-status--running:before{content:"";display:inline-block;width:.6em;height:.6em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:pipeline-run-spin .8s linear infinite;flex-shrink:0}.pipeline-detail-page__run-status--succeeded{background:#22c55e1f;color:#4ade80}.pipeline-detail-page__run-status--failed{background:#ef44441f;color:#f87171}.pipeline-detail-page__run-status--dry_run{background:var(--app-surface-raised, rgba(148, 163, 184, .15));color:var(--app-text-muted);border:1px dashed var(--app-border-subtle)}.pipeline-detail-page__loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;font-size:.82rem;color:var(--app-text-muted)}.pipeline-detail-page__error{display:flex;align-items:center;justify-content:center;padding:24px;color:#f87171;font-size:.82rem}.pipeline-detail-page__save-btn,.pipeline-detail-page__cancel-btn{padding:6px 14px;border-radius:var(--app-radius-md);font-size:.82rem;font-weight:500;cursor:pointer;border:none;transition:background .15s}.pipeline-detail-page__save-btn{background:var(--app-accent);color:#fff}.pipeline-detail-page__save-btn:hover:not(:disabled){background:var(--app-accent-strong)}.pipeline-detail-page__save-btn:disabled{opacity:.5;cursor:not-allowed}.pipeline-detail-page__cancel-btn{background:var(--app-surface-raised, rgba(148, 163, 184, .12));color:var(--app-text-muted)}.pipeline-detail-page__cancel-btn:hover{background:var(--app-surface-raised, rgba(148, 163, 184, .2));color:var(--app-text-primary)}.pipeline-detail-page__cancel-confirm{display:inline-flex;align-items:center;gap:6px}.pipeline-detail-page__cancel-confirm-text{font-size:.78rem;color:var(--app-text-muted);margin-right:2px}.pipeline-detail-page__cancel-confirm-btn{height:28px;padding:0 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:transparent;color:var(--app-text-muted);font-size:.78rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color var(--app-transition),color var(--app-transition),background-color var(--app-transition)}.pipeline-detail-page__cancel-confirm-btn:hover{border-color:var(--app-border-strong);color:var(--app-text)}.pipeline-detail-page__cancel-confirm-btn--danger{border-color:#f8717199;color:#f87171}.pipeline-detail-page__cancel-confirm-btn--danger:hover{background:#f871711f;border-color:#f87171;color:#f87171}.pipeline-detail-page__dry-run-btn{padding:6px 14px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:transparent;color:var(--app-text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:background var(--app-transition)}.pipeline-detail-page__dry-run-btn:hover{background:var(--app-surface-soft);color:var(--app-text)}.pipeline-detail-page__dry-run-btn:disabled{opacity:.5;cursor:not-allowed}.pipeline-detail-page__update-error{font-size:.78rem;color:#f87171;margin-right:8px}@keyframes pipeline-run-spin{to{transform:rotate(360deg)}}@keyframes pipeline-run-pulse{0%,to{opacity:1}50%{opacity:.25}}.pipeline-detail-page__select-fields-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 12px}.pipeline-detail-page__select-fields-item{display:flex}.pipeline-detail-page__select-fields-label{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--app-radius-sm);cursor:pointer;font-size:.8rem;color:var(--app-text);-webkit-user-select:none;user-select:none;transition:background-color var(--app-transition)}.pipeline-detail-page__select-fields-label:hover{background:var(--app-surface-soft)}.pipeline-detail-page__select-fields-checkbox{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--app-accent)}.pipeline-detail-page__filter-config{display:flex;flex-direction:column;gap:10px}.pipeline-detail-page__filter-combinator{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.8rem;color:var(--app-text-muted)}.pipeline-detail-page__filter-combinator-label{font-size:.78rem;color:var(--app-text-muted)}.pipeline-detail-page__filter-combinator-btn{height:24px;padding:0 8px;border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.pipeline-detail-page__filter-combinator-btn:hover{border-color:color-mix(in srgb,var(--app-accent) 40%,transparent);color:var(--app-text)}.pipeline-detail-page__filter-combinator-btn--active{background:var(--app-accent-surface);border-color:var(--app-accent);color:var(--app-accent)}.pipeline-detail-page__filter-conditions{display:flex;flex-direction:column;gap:8px}.pipeline-detail-page__filter-condition-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.2fr) auto;gap:6px;align-items:center}.pipeline-detail-page__filter-remove-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.78rem;cursor:pointer;flex-shrink:0;transition:border-color var(--app-transition),color var(--app-transition)}.pipeline-detail-page__filter-remove-btn:hover{border-color:#f87171;color:#f87171}.pipeline-detail-page__filter-add-btn{align-self:flex-start;padding:5px 10px;border:1px dashed color-mix(in srgb,var(--app-accent) 35%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-accent);font-size:.78rem;cursor:pointer;transition:background-color var(--app-transition),border-style var(--app-transition)}.pipeline-detail-page__filter-add-btn:hover{background:var(--app-accent-surface);border-style:solid}.pipeline-detail-page__filter-warning{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#f87171}.pipeline-detail-page__sort-config{display:flex;flex-direction:column;gap:10px}.pipeline-detail-page__sort-config-empty{margin:0;font-size:.78rem;color:var(--app-text-muted)}.pipeline-detail-page__sort-config-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:sort-key}.pipeline-detail-page__sort-config-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:6px}.pipeline-detail-page__sort-config-index{font-size:.72rem;color:var(--app-text-muted);font-variant-numeric:tabular-nums;text-align:right}.pipeline-detail-page__sort-config-direction-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text);font-size:.78rem;cursor:pointer;text-transform:lowercase;letter-spacing:.02em;transition:border-color var(--app-transition),background-color var(--app-transition)}.pipeline-detail-page__sort-config-direction-btn:hover{border-color:color-mix(in srgb,var(--app-accent) 40%,transparent);background:var(--app-surface-soft)}.pipeline-detail-page__sort-config-remove-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.78rem;cursor:pointer;transition:border-color var(--app-transition),color var(--app-transition)}.pipeline-detail-page__sort-config-remove-btn:hover{border-color:#f87171;color:#f87171}.pipeline-detail-page__sort-config-add-btn{align-self:flex-start;padding:5px 10px;border:1px dashed color-mix(in srgb,var(--app-accent) 35%,transparent);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-accent);font-size:.78rem;cursor:pointer;transition:background-color var(--app-transition),border-style var(--app-transition)}.pipeline-detail-page__sort-config-add-btn:hover:not(:disabled){background:var(--app-accent-surface);border-style:solid}.pipeline-detail-page__sort-config-add-btn:disabled{opacity:.4;cursor:not-allowed}.pipelines-page{display:flex;flex-direction:column;gap:2rem;padding:20px 24px;min-height:100%}.pipelines-page__section{display:flex;flex-direction:column;gap:12px}.pipelines-page__section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--app-border-subtle)}.pipelines-page__section-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted)}.pipelines-page__loading,.pipelines-page__error{font-size:.8rem;color:var(--app-text-muted);margin:0}.pipelines-page__error{color:#f87171}.pipeline-empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0}.pipeline-empty-state__message{margin:0;font-size:.85rem;color:var(--app-text-muted)}.pipeline-empty-state__cta{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--app-accent-mid);border-radius:var(--app-radius-md);background:var(--app-accent-dim);color:var(--app-accent);font-size:12px;font-weight:500;cursor:pointer;letter-spacing:.02em;transition:background var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.pipeline-empty-state__cta:hover{background:var(--app-accent-surface);border-color:var(--app-accent);color:var(--app-accent-strong)}.pipeline-empty-state__cta:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.pipeline-list-table{width:100%;border-collapse:collapse;font-size:.82rem}.pipeline-list-table__th{text-align:left;padding:6px 10px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--app-text-muted);border-bottom:1px solid var(--app-border-subtle)}.pipeline-list-table__row:hover{background:var(--app-surface-raised)}.pipeline-list-table__td{padding:8px 10px;border-bottom:1px solid var(--app-border-subtle);color:var(--app-text)}.pipeline-list-table__dash{color:var(--app-text-muted)}.pipeline-list-table__link{color:var(--app-text);text-decoration:none;font-weight:500}.pipeline-list-table__link:hover{color:var(--app-accent);text-decoration:underline}.pipeline-status{display:inline-block;padding:2px 7px;border-radius:999px;font-size:.75rem;font-weight:500}.pipeline-status--succeeded{background:#dcfce7;color:#166534}.pipeline-status--failed{background:#fee2e2;color:#991b1b}.pipeline-status--never{background:var(--app-surface-raised);color:var(--app-text-muted)}.pipelines-page__toolbar{display:flex;justify-content:flex-end;margin-bottom:4px}.pipelines-page__create-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--app-accent-mid);border-radius:var(--app-radius-md);background:var(--app-accent-dim);color:var(--app-accent);font-size:12px;font-weight:500;cursor:pointer;letter-spacing:.02em;transition:background var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.pipelines-page__create-btn:hover{background:var(--app-accent-surface);border-color:var(--app-accent);color:var(--app-accent-strong)}.pipelines-page__create-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.create-pipeline-modal__form{display:flex;flex-direction:column;gap:14px}.create-pipeline-modal__field{display:flex;flex-direction:column;gap:5px}.create-pipeline-modal__label{font-size:.8rem;font-weight:500;color:var(--app-text-muted)}.create-pipeline-modal__field-error{margin:0;font-size:.75rem;color:var(--app-danger, #e53e3e)}.create-pipeline-modal__error{margin:0;font-size:.82rem;color:var(--app-danger, #e53e3e)}.sources-page{display:flex;flex-direction:column;gap:2rem;padding:20px 24px;min-height:100%}.sources-page__section{display:flex;flex-direction:column;gap:12px}.sources-page__section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--app-border-subtle)}.sources-page__section-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted)}.sources-page__add-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-accent-dim);border-color:var(--app-accent-mid);color:var(--app-accent);font-size:12px;font-weight:500;cursor:pointer;letter-spacing:.02em;transition:background var(--app-transition),border-color var(--app-transition),color var(--app-transition)}.sources-page__add-btn:hover{background:var(--app-accent-surface);border-color:var(--app-accent);color:var(--app-accent-strong)}.sources-page__add-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.sources-page__loading,.sources-page__error{font-size:.8rem;color:var(--app-text-muted);margin:0}.sources-page__error{color:#f87171}.add-source-modal__form{display:flex;flex-direction:column;gap:14px}.add-source-modal__field{display:flex;flex-direction:column;gap:5px}.add-source-modal__label{font-size:.8rem;font-weight:500;color:var(--app-text-muted)}.add-source-modal__optional{font-weight:400;opacity:.7}.add-source-modal__input[type=file]{padding:5px 0;font-size:.8rem;color:var(--app-text-muted)}.add-source-modal__type-toggle{display:flex;gap:6px;flex-wrap:wrap}.add-source-modal__type-btn{padding:4px 12px;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--app-transition),color var(--app-transition)}.add-source-modal__type-btn:hover{background:var(--app-surface-soft);color:var(--app-text)}.add-source-modal__type-btn--active{background:var(--app-accent-surface);color:var(--app-accent-strong);border-color:color-mix(in srgb,var(--app-accent) 40%,transparent)}.add-source-modal__preview-hint,.add-source-modal__empty{margin:0;font-size:.82rem;color:var(--app-text-muted)}.add-source-modal__fields-table{width:100%;border-collapse:collapse;font-size:.82rem}.add-source-modal__fields-table th{text-align:left;padding:6px 8px;color:var(--app-text-muted);font-weight:500;border-bottom:1px solid var(--app-border-subtle)}.add-source-modal__fields-table td{padding:4px;border-bottom:1px solid var(--app-border-subtle);vertical-align:middle}.add-source-modal__field-name{font-family:var(--font-mono);font-size:.78rem;color:var(--app-accent);padding-left:8px!important}.add-source-modal__cell-input,.add-source-modal__cell-select{width:100%;padding:4px 6px;background:var(--app-surface);border:1px solid color-mix(in srgb,var(--app-accent) 20%,transparent);border-radius:var(--app-radius-sm);color:var(--app-text);font-size:.78rem;font-family:inherit;outline:none;transition:border-color var(--app-transition)}.add-source-modal__cell-input:focus,.add-source-modal__cell-select:focus{border-color:var(--app-accent)}.add-source-modal__nullable-cell{text-align:center}.add-source-modal__error{margin:0;font-size:.82rem;color:#f87171}.add-source-modal__action-link{border:none;background:transparent;color:var(--app-text-muted);font-size:.8rem;cursor:pointer;padding:2px;line-height:1;transition:color var(--app-transition)}.add-source-modal__action-link:hover:not(:disabled){color:#f87171}.add-source-modal__action-link:disabled{opacity:.3;cursor:not-allowed}.source-detail-panel{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface);padding:16px}.source-detail-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.source-detail-panel__title-row{display:flex;align-items:baseline;gap:10px;min-width:0}.source-detail-panel__name{margin:0;font-size:1rem;font-weight:600;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-detail-panel__type{font-size:.72rem;color:var(--app-text-muted);padding:2px 8px;border:1px solid var(--app-border-subtle);border-radius:999px;background:var(--app-surface-soft);flex-shrink:0}.source-detail-panel__preview-btn{height:28px;padding:0 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.78rem;cursor:pointer;flex-shrink:0;transition:background-color var(--app-transition),border-color var(--app-transition)}.source-detail-panel__preview-btn:hover:not(:disabled){background:var(--app-accent-surface);border-color:var(--app-border-strong)}.source-detail-panel__preview-btn:disabled{opacity:.6;cursor:not-allowed}.source-detail-panel__header-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.source-detail-panel__delete-btn,.source-detail-panel__delete-confirm-btn,.source-detail-panel__delete-cancel-btn{height:28px;padding:0 10px;border-radius:var(--app-radius-sm);font-size:.78rem;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition)}.source-detail-panel__delete-btn{border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-danger, #e53e3e)}.source-detail-panel__delete-btn:hover{background:#e53e3e14;border-color:var(--app-danger, #e53e3e)}.source-detail-panel__delete-confirm-btn{border:1px solid var(--app-danger, #e53e3e);background:var(--app-danger, #e53e3e);color:#fff}.source-detail-panel__delete-cancel-btn{border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted)}.source-detail-panel__schema,.source-detail-panel__preview{margin-top:12px}.source-detail-panel__preview{padding-top:16px;border-top:1px solid var(--app-border-subtle)}.source-detail-panel__section-title{margin:0 0 6px;font-size:.78rem;font-weight:600;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.06em}.source-detail-panel__preview-empty{margin:0;font-size:.78rem;color:var(--app-text-muted)}.source-detail-panel__schema-table{width:100%;border-collapse:collapse;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);overflow:hidden;font-size:.78rem}.source-detail-panel__schema-table thead th{background:var(--app-surface-soft);color:var(--app-text-muted);font-weight:600;text-align:left;padding:6px 10px;border-bottom:1px solid var(--app-border-subtle)}.source-detail-panel__schema-table tbody td{padding:5px 10px;border-bottom:1px solid var(--app-border-subtle);color:var(--app-text)}.source-detail-panel__schema-table tbody tr:last-child td{border-bottom:none}.source-detail-panel__schema-field-name{font-family:var(--app-font-mono, ui-monospace, monospace);font-size:.76rem}.source-detail-panel__error{margin:8px 0 0;padding:8px;border-radius:var(--app-radius-sm);background:var(--app-danger-surface, #fff5f5);color:var(--app-danger, #e53e3e);font-size:.78rem}.source-detail-panel__empty-schema{margin-top:12px;padding:10px 12px;border:1px dashed var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft)}.source-detail-panel__empty-schema-text{margin:4px 0 8px;font-size:.78rem;color:var(--app-text-muted)}.source-detail-panel__empty-schema-actions{display:inline-flex;align-items:center;gap:8px}.type-registry-page{display:flex;flex-direction:column;gap:12px;padding:20px 24px;min-height:100%}.type-registry-page__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--app-border-subtle)}.type-registry-page__title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted)}.type-registry-page__loading,.type-registry-page__error{font-size:.8rem;color:var(--app-text-muted);margin:0}.type-registry-page__error{color:#f87171}.type-registry-browser{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.type-registry-browser--single{grid-template-columns:1fr}.type-registry-browser__empty{font-size:.875rem;color:var(--app-text-muted);margin:0}.type-registry-browser__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.type-registry-browser__item{border-radius:10px;overflow:hidden}.type-registry-browser__item--selected{background:var(--app-accent-surface)}.type-registry-browser__item-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface);cursor:pointer;text-align:left;transition:background var(--app-transition),border-color var(--app-transition)}.type-registry-browser__item--selected .type-registry-browser__item-btn{border-color:var(--app-accent-mid);background:var(--app-accent-dim)}.type-registry-browser__item-btn:hover{background:var(--app-surface-soft);border-color:var(--app-border-strong)}.type-registry-browser__item-name{font-size:.82rem;font-weight:500;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-registry-browser__item-count{font-size:.72rem;color:var(--app-text-muted);flex-shrink:0}.type-registry-browser__empty-state{padding:2rem 1rem;text-align:center}.type-registry-browser__empty-message{font-size:.875rem;color:var(--app-text-muted);margin:0 0 1rem}.type-registry-browser__item-row{display:flex;align-items:center;gap:.25rem}.type-registry-browser__item-row .type-registry-browser__item-btn{flex:1;min-width:0}.type-registry-browser__delete-btn{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--app-text-muted);padding:4px 6px;border-radius:var(--app-radius-sm);font-size:.75rem;transition:color var(--app-transition)}.type-registry-browser__delete-btn:hover{color:var(--app-danger, #e53e3e)}.type-registry-browser__item-confirm{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.type-registry-browser__confirm-text{font-size:.75rem;color:var(--app-text-muted)}.type-registry-browser__confirm-btn{background:none;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);cursor:pointer;padding:2px 6px;font-size:.72rem;color:var(--app-text)}.type-registry-browser__confirm-btn--danger{border-color:var(--app-danger, #e53e3e);color:var(--app-danger, #e53e3e)}.type-registry-browser__delete-error{font-size:.8rem;color:var(--app-danger, #e53e3e);margin:0 0 .5rem;padding:.5rem;background:var(--app-danger-surface, #fff5f5);border-radius:var(--app-radius-sm)}.type-detail-panel{background:var(--app-surface);border:1px solid var(--app-border-strong);border-radius:var(--app-radius-sm);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.type-detail-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.type-detail-panel__preview-btn{height:28px;padding:0 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm);background:var(--app-surface-soft);color:var(--app-text);font-size:.78rem;cursor:pointer;flex-shrink:0;transition:background-color var(--app-transition),border-color var(--app-transition)}.type-detail-panel__preview-btn:hover:not(:disabled){background:var(--app-accent-surface);border-color:var(--app-border-strong)}.type-detail-panel__preview-btn:disabled{opacity:.6;cursor:not-allowed}.type-detail-panel__section-title{margin:0 0 6px;font-size:.78rem;font-weight:600;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.06em}.type-detail-panel__preview{padding-top:16px;border-top:1px solid var(--app-border-subtle)}.type-detail-panel__preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.type-detail-panel__preview-header .type-detail-panel__section-title{margin:0}.type-detail-panel__preview-empty{margin:0;font-size:.78rem;color:var(--app-text-muted)}.type-detail-panel__header-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.type-detail-panel__delete-btn,.type-detail-panel__delete-confirm-btn,.type-detail-panel__delete-cancel-btn{height:28px;padding:0 10px;border-radius:var(--app-radius-sm);font-size:.78rem;cursor:pointer;transition:background-color var(--app-transition),border-color var(--app-transition)}.type-detail-panel__delete-btn{border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-danger, #e53e3e)}.type-detail-panel__delete-btn:hover{background:#e53e3e14;border-color:var(--app-danger, #e53e3e)}.type-detail-panel__delete-confirm-btn{border:1px solid var(--app-danger, #e53e3e);background:var(--app-danger, #e53e3e);color:#fff}.type-detail-panel__delete-cancel-btn{border:1px solid var(--app-border-subtle);background:transparent;color:var(--app-text-muted)}.type-detail-panel__title{margin:0;font-size:1rem;font-weight:600;color:var(--app-text)}.type-detail-panel__close{border:none;background:transparent;color:var(--app-text-muted);font-size:.9375rem;cursor:pointer;padding:.25rem;line-height:1;transition:color var(--app-transition)}.type-detail-panel__close:hover{color:var(--app-text)}.type-detail-panel__table{width:100%;border-collapse:collapse;font-size:.875rem}.type-detail-panel__table th{text-align:left;padding:.4375rem .5rem;color:var(--app-text-muted);font-weight:500;border-bottom:1px solid var(--app-border-subtle)}.type-detail-panel__table td{padding:.375rem;border-bottom:1px solid var(--app-border-subtle);vertical-align:middle}.type-detail-panel__field-name{font-family:var(--font-mono);font-size:.8125rem;color:var(--app-accent);padding-left:.5rem!important}.type-detail-panel__cell-input,.type-detail-panel__cell-select{width:100%;padding:.3125rem .5rem;background:var(--app-surface-soft);border:1px solid var(--app-border-subtle);border-radius:6px;color:var(--app-text);font-size:.8125rem;outline:none}.type-detail-panel__cell-input:focus,.type-detail-panel__cell-select:focus{border-color:var(--app-accent)}.type-detail-panel__nullable-cell{text-align:center}.type-detail-panel__error{margin:0;font-size:.875rem;color:#f87171}.type-detail-panel__saved{margin:0;font-size:.875rem;color:#4ade80}.type-detail-panel__actions{display:flex;justify-content:flex-end}.type-detail-panel__save-btn{padding:.5rem 1.25rem;border:none;border-radius:var(--app-radius-sm);background:var(--app-accent-surface);color:var(--app-accent-strong);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--app-transition),color var(--app-transition)}.type-detail-panel__save-btn:hover:not(:disabled){background:var(--app-accent);color:var(--app-bg)}.type-detail-panel__save-btn:disabled{opacity:.55;cursor:not-allowed}.type-detail-panel__name-input{flex:1;font-size:1rem;font-weight:600;color:var(--app-text);background:transparent;border:1px solid transparent;border-radius:var(--app-radius-sm);padding:.125rem .375rem;outline:none;transition:border-color var(--app-transition);min-width:0}.type-detail-panel__name-input:hover,.type-detail-panel__name-input:focus{border-color:var(--app-border-subtle);background:var(--app-surface-soft)}.computed-fields-editor{margin-top:1.5rem;border-top:1px solid var(--color-border, #e2e8f0);padding-top:1rem}.computed-fields-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.computed-fields-editor__title{font-size:.875rem;font-weight:600;margin:0}.computed-fields-editor__add-btn{font-size:.8125rem;cursor:pointer;background:none;border:1px solid currentColor;border-radius:4px;padding:.2rem .5rem}.computed-fields-editor__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.computed-fields-editor__item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;padding:.4rem 0;border-bottom:1px solid var(--color-border, #e2e8f0)}.computed-fields-editor__field-name{font-weight:500;min-width:6rem}.computed-fields-editor__field-expr{flex:1;font-family:var(--font-mono);font-size:.8rem;color:var(--color-muted, #64748b)}.computed-badge{font-size:.7rem;background:var(--color-accent-soft, #dbeafe);color:var(--color-accent, #1d4ed8);border-radius:3px;padding:.1rem .35rem}.computed-fields-editor__item-actions{display:flex;gap:.3rem}.computed-fields-editor__edit-btn,.computed-fields-editor__remove-btn{font-size:.75rem;background:none;border:1px solid currentColor;border-radius:3px;padding:.15rem .4rem;cursor:pointer}.computed-fields-editor__empty{font-size:.8125rem;color:var(--color-muted, #64748b)}.computed-field-form{padding:.75rem 0;border-top:1px solid var(--color-border, #e2e8f0)}.computed-field-form__row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.computed-field-form__label{font-size:.8125rem;font-weight:500}.computed-field-form__input,.computed-field-form__select{font-size:.875rem;padding:.35rem .5rem;border:1px solid var(--color-border, #e2e8f0);border-radius:4px;width:100%}.computed-field-form__hint{font-size:.75rem;color:var(--color-muted, #64748b)}.computed-field-form__error{font-size:.75rem;color:var(--color-danger, #dc2626)}.computed-field-form__actions{display:flex;gap:.5rem;margin-top:.5rem}.computed-field-form__btn{font-size:.8125rem;padding:.3rem .75rem;border-radius:4px;cursor:pointer;border:1px solid currentColor}.computed-field-form__btn--save{background:var(--color-primary, #2563eb);color:#fff;border-color:transparent}.computed-field-form__btn--save:disabled{opacity:.6;cursor:not-allowed}.computed-field-form__btn--cancel{background:none}.accent-picker{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}.accent-picker__swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;outline:none;transition:border-color var(--app-transition),box-shadow var(--app-transition),transform var(--app-transition)}.accent-picker__swatch:hover{transform:scale(1.15)}.accent-picker__swatch:focus-visible{box-shadow:0 0 0 2px var(--app-bg),0 0 0 4px var(--app-accent)}.accent-picker__swatch--selected{box-shadow:0 0 0 2px var(--app-bg),0 0 0 4px var(--app-accent)}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--app-border-subtle);border-radius:50%;background:transparent;cursor:pointer;transition:border-color var(--app-transition),background-color var(--app-transition)}.user-menu__trigger:hover{border-color:var(--app-border-strong);background:var(--app-accent-surface)}.user-menu__trigger:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.user-menu__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}.user-menu__initials{width:24px;height:24px;border-radius:50%;background:var(--app-accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none}.user-menu__popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:200px;padding:4px;border:1px solid color-mix(in srgb,var(--app-accent) 22%,transparent);border-radius:var(--app-radius-lg);background:color-mix(in srgb,var(--app-surface) 94%,transparent);box-shadow:var(--app-shadow-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.user-menu__header{display:flex;flex-direction:column;gap:2px;padding:6px 10px}.user-menu__display-name{font-size:12px;font-weight:600;color:var(--app-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__email{font-size:11px;color:var(--app-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__divider{height:1px;background:color-mix(in srgb,var(--app-accent) 12%,transparent);margin:3px 0}.user-menu__item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-text);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--app-transition),color var(--app-transition)}.user-menu__item:hover{background:color-mix(in srgb,var(--app-accent) 12%,transparent);color:var(--app-accent-strong)}.user-menu__item:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.user-menu__item--theme{color:var(--app-text-muted)}.user-menu__item--theme:hover{color:var(--app-accent)}.user-menu__item--signout{color:#f87171}.user-menu__item--signout:hover{background:#f871711a;color:#f87171}.user-menu__section{padding:6px 10px;display:flex;flex-direction:column;gap:6px}.user-menu__section-label{font-size:11px;font-weight:500;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:var(--app-bg);overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--app-bg-accent) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.auth-card{position:relative;z-index:1}.auth-card{width:100%;max-width:400px;padding:40px 36px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-card)}.auth-card__title{margin:0 0 8px;font-size:1.8rem;letter-spacing:-.03em}.auth-card__subtitle{margin:0 0 28px;color:var(--app-text-muted);font-size:.92rem}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.auth-field label{font-size:.85rem;font-weight:600;color:var(--app-text-muted);letter-spacing:.02em}.auth-field input{padding:10px 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm, 6px);background:var(--app-bg);color:var(--app-text);font-size:.95rem;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--app-accent)}.auth-field__error{font-size:.82rem;color:var(--app-error, #e05252)}.auth-submit{width:100%;margin-top:8px;padding:11px;border:none;border-radius:var(--app-radius-sm, 6px);background:var(--app-accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--app-text-muted);font-size:.82rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--app-border-subtle)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius-sm, 6px);background:var(--app-surface);color:var(--app-text);font-size:.92rem;cursor:not-allowed;opacity:.65}.auth-error{margin-top:12px;padding:10px 12px;border-radius:var(--app-radius-sm, 6px);background:color-mix(in srgb,var(--app-error, #e05252) 12%,transparent);color:var(--app-error, #e05252);font-size:.88rem}.auth-footer{margin-top:24px;text-align:center;font-size:.88rem;color:var(--app-text-muted)}.auth-footer a{color:var(--app-accent);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-loading__spinner{display:block;width:32px;height:32px;border:3px solid var(--app-border-subtle);border-top-color:var(--app-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{color-scheme:dark;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-micro: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--h1-size: var(--text-3xl);--eyebrow-size: var(--text-micro);--eyebrow-tracking: .1em;--eyebrow-weight: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--app-radius-sm: 4px;--app-radius-md: 6px;--app-radius-lg: 10px;--app-radius-pill: 9999px;--app-shadow-soft: 0 20px 60px rgba(6, 10, 14, .4), 0 4px 12px rgba(6, 10, 14, .2);--app-shadow-card: 0 4px 16px rgba(6, 10, 14, .3);--app-transition: .2s ease}:root[data-theme=dark]{color-scheme:dark;--app-bg: #060a0e;--app-bg-accent: rgba(249, 115, 22, .06);--app-bg-secondary: rgba(249, 115, 22, .03);--app-surface: rgba(15, 22, 32, .9);--app-surface-strong: rgba(10, 16, 24, .95);--app-surface-soft: rgba(20, 28, 40, .85);--app-text: #e2f0ff;--app-text-muted: #64748b;--app-accent: #f97316;--app-accent-strong: #fb923c;--app-accent-surface: rgba(249, 115, 22, .12);--app-accent-dim: rgba(249, 115, 22, .12);--app-accent-mid: rgba(249, 115, 22, .25);--app-border-strong: rgba(249, 115, 22, .3);--app-border-subtle: rgba(249, 115, 22, .1)}:root[data-theme=light]{color-scheme:light;--app-bg: #fdfbf7;--app-bg-accent: rgba(249, 115, 22, .06);--app-bg-secondary: rgba(249, 115, 22, .03);--app-surface: rgba(255, 255, 255, .9);--app-surface-strong: rgba(255, 255, 255, .96);--app-surface-soft: rgba(245, 242, 237, .9);--app-text: #0f1419;--app-text-muted: #6b7280;--app-accent: #ea580c;--app-accent-strong: #c2410c;--app-accent-surface: rgba(234, 88, 12, .1);--app-accent-dim: rgba(234, 88, 12, .1);--app-accent-mid: rgba(234, 88, 12, .2);--app-border-strong: rgba(234, 88, 12, .25);--app-border-subtle: rgba(234, 88, 12, .08);--app-shadow-soft: 0 20px 60px rgba(15, 20, 25, .12), 0 4px 12px rgba(15, 20, 25, .06);--app-shadow-card: 0 4px 16px rgba(15, 20, 25, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background-color:var(--app-bg);color:var(--app-text);transition:background-color var(--app-transition),color var(--app-transition)}body,button,input,textarea,select{font:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit}::selection{background:var(--app-accent-surface)}.eyebrow{font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-tracking);font-weight:var(--eyebrow-weight);text-transform:uppercase}.wordmark{letter-spacing:.14em;font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}