.dashboard{flex:1;overflow-y:auto;background:var(--content-bg-secondary)}.dashboard-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:1.5rem 2rem;color:#fff;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:-.01em}.dashboard-subtitle{font-size:.875rem;margin:.25rem 0 0;opacity:.85}.dashboard-header-stats{display:flex;gap:2rem}.dashboard-header-stat{display:flex;flex-direction:column;align-items:flex-end}.dashboard-header-stat-value{font-size:1.5rem;font-weight:700;line-height:1}.dashboard-header-stat-label{font-size:.75rem;opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.dashboard-section-title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:var(--content-text)}.dashboard-quick-start{padding:2rem}.dashboard-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-quick-grid.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.875rem}.dashboard-quick-card-mini{background:var(--content-bg);border:1px solid var(--color-gray-200);border-radius:.75rem;padding:1rem 1.25rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.875rem;position:relative;overflow:hidden}.dashboard-quick-card-mini:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform .2s ease}.dashboard-quick-card-mini:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dashboard-quick-card-mini:hover:before{transform:scaleY(1)}.dashboard-quick-icon-mini{width:40px;height:40px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-primary);color:#fff}.dashboard-quick-card-mini.secondary .dashboard-quick-icon-mini{background:var(--color-info)}.dashboard-quick-card-mini.tertiary .dashboard-quick-icon-mini{background:var(--color-success)}.dashboard-quick-card-mini.model3d .dashboard-quick-icon-mini{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.dashboard-quick-card-mini.whitepaper .dashboard-quick-icon-mini{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.dashboard-quick-card-mini.adstudio .dashboard-quick-icon-mini{background:linear-gradient(135deg,#f43f5e,#e11d48)}.dashboard-quick-card-mini.research .dashboard-quick-icon-mini{background:linear-gradient(135deg,#14b8a6,#0d9488)}.dashboard-quick-card-mini.model3d:before{background:linear-gradient(180deg,#8b5cf6,#6366f1)}.dashboard-quick-card-mini.whitepaper:before{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.dashboard-quick-card-mini.adstudio:before{background:linear-gradient(180deg,#f43f5e,#e11d48)}.dashboard-quick-card-mini.research:before{background:linear-gradient(180deg,#14b8a6,#0d9488)}.dashboard-quick-content-mini{flex:1;min-width:0}.dashboard-quick-card-mini h3{font-size:.9375rem;font-weight:600;margin:0 0 .125rem;color:var(--content-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-quick-card-mini p{font-size:.8125rem;margin:0;color:var(--content-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-quick-arrow-mini{flex-shrink:0;color:var(--content-text-secondary);opacity:0;transform:translate(-4px);transition:all .2s ease}.dashboard-quick-card-mini:hover .dashboard-quick-arrow-mini{opacity:1;transform:translate(0);color:var(--color-primary)}.dashboard-quick-card-mini.model3d:hover .dashboard-quick-arrow-mini{color:#8b5cf6}.dashboard-quick-card-mini.whitepaper:hover .dashboard-quick-arrow-mini{color:#0ea5e9}.dashboard-quick-card-mini.adstudio:hover .dashboard-quick-arrow-mini{color:#f43f5e}.dashboard-quick-card-mini.research:hover .dashboard-quick-arrow-mini{color:#14b8a6}.dashboard-quick-card{background:var(--content-bg);border:2px solid transparent;border-radius:1rem;padding:2rem;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.dashboard-quick-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.dashboard-quick-card.primary:before{background:var(--color-primary)}.dashboard-quick-card.secondary:before{background:var(--color-info)}.dashboard-quick-card.tertiary:before{background:var(--color-success)}.dashboard-quick-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.dashboard-quick-card:hover:before{transform:scaleX(1)}.dashboard-quick-icon{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--color-info-light);color:var(--color-primary);margin-bottom:.5rem}.dashboard-quick-card.secondary .dashboard-quick-icon{background:var(--color-info-light);color:var(--color-info)}.dashboard-quick-card.tertiary .dashboard-quick-icon{background:var(--color-success-light);color:var(--color-success)}.dashboard-quick-card h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--content-text)}.dashboard-quick-card p{font-size:.9375rem;margin:0;color:var(--content-text-secondary);line-height:1.5}.dashboard-quick-arrow{margin-top:auto;display:flex;align-items:center;color:var(--color-primary);opacity:0;transform:translate(-8px);transition:all .3s ease}.dashboard-quick-card:hover .dashboard-quick-arrow{opacity:1;transform:translate(0)}.dashboard-stats{padding:0 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.dashboard-stat-card{background:var(--content-bg);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.dashboard-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-stat-icon{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-stat-icon.workflows{background:var(--color-primary);color:#fff}.dashboard-stat-icon.jobs{background:var(--color-info);color:#fff}.dashboard-stat-icon.completed{background:var(--color-success);color:#fff}.dashboard-stat-icon.running{background:var(--color-warning);color:#fff}.dashboard-stat-content{flex:1}.dashboard-stat-value{font-size:1.875rem;font-weight:700;color:var(--content-text);line-height:1;margin-bottom:.25rem}.dashboard-stat-label{font-size:.875rem;color:var(--content-text-secondary);font-weight:500}.dashboard-recent{padding:0 2rem 2rem}.dashboard-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-gray-200);padding-bottom:.5rem}.dashboard-filter-tab{padding:.5rem 1rem;background:transparent;border:none;color:var(--content-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;border-radius:.5rem .5rem 0 0;transition:all .2s ease;position:relative;margin-bottom:-.5rem}.dashboard-filter-tab:hover{color:var(--color-primary);background:var(--color-info-light)}.dashboard-filter-tab.active{color:var(--color-primary);font-weight:600}.dashboard-filter-tab.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:var(--color-primary)}.dashboard-view-all{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--color-primary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.dashboard-view-all:hover{background:var(--color-info-light)}.dashboard-jobs-list{display:flex;flex-direction:column;gap:1rem;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.dashboard-job-card{background:var(--content-bg);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.dashboard-job-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--color-primary-light)}.dashboard-job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.dashboard-job-card-status-section{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.dashboard-job-card-info{flex:1;min-width:0}.dashboard-job-card-name{font-size:1rem;font-weight:600;color:var(--content-text);margin-bottom:.25rem}.dashboard-job-card-workflow{font-size:.875rem;color:var(--content-text-secondary);margin-bottom:.25rem}.dashboard-job-card-input{font-size:.8125rem;color:var(--color-gray-500);margin-top:.5rem;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-job-card-actions{display:flex;gap:.5rem;flex-shrink:0}.dashboard-job-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.5rem;background:var(--color-gray-100);color:var(--content-text-secondary);cursor:pointer;transition:all .2s ease}.dashboard-job-action-button:hover:not(:disabled){background:var(--color-primary);color:#fff}.dashboard-job-action-button.danger:hover:not(:disabled){background:var(--color-error);color:#fff}.dashboard-job-action-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-job-action-button .spinning{animation:spin 1s linear infinite}.dashboard-job-card-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.dashboard-job-card-progress-bar{flex:1;height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.dashboard-job-card-progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease;border-radius:4px}.dashboard-job-card-progress-text{font-size:.8125rem;color:var(--content-text-secondary);font-weight:500;min-width:45px;text-align:right}.dashboard-job-card-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:var(--content-bg-secondary);border-radius:.5rem;flex-wrap:wrap}.dashboard-job-card-stat{display:flex;align-items:center;gap:.5rem}.dashboard-job-card-stat-label{font-size:.8125rem;color:var(--content-text-secondary)}.dashboard-job-card-stat-value{font-size:.875rem;font-weight:600;color:var(--content-text)}.dashboard-job-card-footer{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200);flex-wrap:wrap}.dashboard-job-card-time{font-size:.8125rem;color:var(--color-gray-500)}.dashboard-job-card-execution-time{font-size:.8125rem;color:var(--color-gray-500);font-weight:500}.dashboard-job-card-badge{margin-left:auto;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#fff}.dashboard-load-more{display:flex;justify-content:center;margin-top:1.5rem}.dashboard-load-more-button{padding:.75rem 1.5rem;background:var(--content-bg);border:2px solid var(--color-primary);color:var(--color-primary);border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-load-more-button:hover:not(:disabled){background:var(--color-primary);color:#fff}.dashboard-load-more-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-job-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .2s ease}.dashboard-job-item:last-child{border-bottom:none}.dashboard-job-item:hover{background:var(--content-bg-secondary)}.dashboard-job-status{display:flex;align-items:center;justify-content:center}.dashboard-status-icon{width:24px;height:24px}.dashboard-status-icon.success{color:var(--color-success)}.dashboard-status-icon.error{color:var(--color-error)}.dashboard-status-icon.running{color:var(--color-warning)}.dashboard-status-icon.pending{color:var(--color-gray-500)}.dashboard-job-content{flex:1;min-width:0}.dashboard-job-name{font-size:.9375rem;font-weight:500;color:var(--content-text);margin-bottom:.25rem}.dashboard-job-workflow{font-size:.8125rem;color:var(--content-text-secondary)}.dashboard-job-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.dashboard-job-time{font-size:.8125rem;color:var(--color-gray-400);white-space:nowrap}.dashboard-job-badge{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.dashboard-job-badge.completed{background:var(--color-success-light);color:var(--color-success-dark)}.dashboard-job-badge.failed{background:var(--color-error-light);color:var(--color-error-dark)}.dashboard-job-badge.running{background:var(--color-warning-light);color:var(--color-warning-dark)}.dashboard-job-badge.pending{background:var(--color-gray-100);color:var(--color-gray-700)}.dashboard-empty{background:var(--content-bg);border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 1px 3px #0000001a}.dashboard-empty-icon{color:var(--color-gray-300);margin-bottom:1rem}.dashboard-empty h3{font-size:1.125rem;font-weight:600;color:var(--content-text);margin:0 0 .5rem}.dashboard-empty p{font-size:.9375rem;color:var(--content-text-secondary);margin:0 0 1.5rem}.dashboard-empty-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-empty-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d;background:var(--color-primary-hover)}.dashboard-loading{background:var(--content-bg);border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard-loading p{color:var(--content-text-secondary);margin:0}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.service-node{padding:0;border-radius:6px;background:var(--content-bg);border:1px solid var(--content-border);width:100px;height:100px;min-width:100px;max-width:100px;min-height:100px;max-height:100px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:move;position:relative;display:flex;flex-direction:column;overflow:visible}.service-node:hover{border-color:#64748b;box-shadow:0 2px 6px #0000001f}.service-node-selected{border-color:#475569;border-width:2px;box-shadow:0 4px 12px #47556933}.service-node-header{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;height:100%;flex-shrink:0;position:relative;flex-direction:column;box-sizing:border-box}.service-node-input .service-node-header{background:#f1f5f9}.service-node-processing .service-node-header{background:#f8fafc}.service-node-output .service-node-header{background:#f0fdf4}.service-node-header-icon{flex-shrink:0}.service-node-input .service-node-header-icon,.service-node-processing .service-node-header-icon,.service-node-output .service-node-header-icon{color:#475569}.service-node-title{font-weight:500;font-size:10px;line-height:1.2;flex:0 0 auto;overflow:hidden;word-wrap:break-word;white-space:normal;min-width:0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em}.service-node-input .service-node-title,.service-node-processing .service-node-title,.service-node-output .service-node-title{color:#334155}.service-node-edit-button{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#64748b;opacity:.6;transition:all .2s;flex-shrink:0;position:absolute;top:4px;right:4px;width:16px;height:16px}.service-node-edit-button:hover{opacity:1;background:#64748b1a;color:#475569}.service-node-input .service-node-edit-button,.service-node-processing .service-node-edit-button,.service-node-output .service-node-edit-button{color:#64748b}.service-node .node-handle,.service-node .react-flow__handle{width:12px!important;height:12px!important;border:2px solid var(--content-bg)!important;background:var(--color-gray-500)!important;border-radius:50%!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:auto!important;transform:translate(-50%)!important;transition:all .2s;box-shadow:0 0 0 2px #6b728033,0 2px 4px #0000001a;cursor:crosshair;z-index:10}.service-node .node-handle-input,.service-node .react-flow__handle-top{top:-8px!important;bottom:auto!important;left:50%!important;right:auto!important}.service-node .node-handle-output,.service-node .react-flow__handle-bottom{bottom:-8px!important;top:auto!important;left:50%!important;right:auto!important}.service-node .node-handle:hover,.service-node .react-flow__handle:hover{background:var(--color-primary)!important;border-color:var(--content-bg)!important;width:14px!important;height:14px!important;box-shadow:0 0 0 3px #2563eb4d,0 2px 6px #2563eb66;transform:translate(-50%) scale(1.1)!important}.service-node-selected .node-handle,.service-node-selected .react-flow__handle{background:var(--color-primary)!important;border-color:var(--content-bg)!important;box-shadow:0 0 0 2px #2563eb4d,0 2px 4px #00000026;transform:translate(-50%)!important}.output-node{padding:0;border-radius:6px;background:var(--content-bg);border:1px solid var(--content-border);width:100px;height:100px;min-width:100px;max-width:100px;min-height:100px;max-height:100px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:move;position:relative;display:flex;flex-direction:column;overflow:visible}.output-node:hover{border-color:#64748b;box-shadow:0 2px 6px #0000001f}.output-node-selected{border-color:#475569;border-width:2px;box-shadow:0 4px 12px #47556933}.output-node-header{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;height:100%;background:#f0fdf4;flex-shrink:0;position:relative;flex-direction:column;box-sizing:border-box}.output-node-header-icon{flex-shrink:0;color:#475569}.output-node-title{font-weight:500;font-size:10px;color:#334155;line-height:1.2;flex:0 0 auto;overflow:hidden;word-wrap:break-word;white-space:normal;min-width:0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em}.output-node-edit-button{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:#64748b;opacity:.6;transition:all .2s;flex-shrink:0;position:absolute;top:4px;right:4px;width:16px;height:16px}.output-node-edit-button:hover{opacity:1;background:#64748b1a;color:#475569}.output-node .node-handle,.output-node .react-flow__handle{width:12px!important;height:12px!important;border:2px solid var(--content-bg)!important;background:var(--color-gray-500)!important;border-radius:50%!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:auto!important;transform:translate(-50%)!important;transition:all .2s;box-shadow:0 0 0 2px #6b728033,0 2px 4px #0000001a;cursor:crosshair;z-index:10}.output-node .node-handle-input,.output-node .react-flow__handle-top{top:-8px!important;bottom:auto!important;left:50%!important;right:auto!important}.output-node .node-handle-output,.output-node .react-flow__handle-bottom{bottom:-8px!important;top:auto!important;left:50%!important;right:auto!important}.output-node .node-handle:hover,.output-node .react-flow__handle:hover{background:#2563eb!important;border-color:#fff!important;width:14px!important;height:14px!important;box-shadow:0 0 0 3px #2563eb4d,0 2px 6px #2563eb66;transform:translate(-50%) scale(1.1)!important}.output-node-selected .node-handle,.output-node-selected .react-flow__handle{background:#2563eb!important;border-color:#fff!important;box-shadow:0 0 0 2px #2563eb4d,0 2px 4px #00000026;transform:translate(-50%)!important}.connector-selector{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:1.5rem}.connector-selector-loading{color:#6b7280;font-size:.875rem;text-align:center}.connector-selector-info{color:#6b7280;font-size:.875rem;text-align:center;padding:.5rem}.connector-selector-mode{display:flex;gap:1.5rem;margin-bottom:1rem}.connector-selector-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.connector-selector-radio input[type=radio]{cursor:pointer}.connector-selector-dropdown{display:flex;flex-direction:column;gap:.5rem}.connector-selector-dropdown label{font-size:.875rem;font-weight:500;color:#374151}.connector-selector-dropdown select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.connector-selector-dropdown select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.connector-selector-note{margin:0;font-size:.8125rem;color:#6b7280}.connector-selector-note strong{color:#374151}.node-config-panel{padding:1.5rem;height:100%;width:100%;box-sizing:border-box}.node-config-header{margin-bottom:1.5rem}.node-config-header h3{font-size:1.125rem;font-weight:600;color:var(--content-text);margin-bottom:.5rem}.node-config-description{font-size:.875rem;color:var(--content-text-secondary);line-height:1.5}.node-config-content{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.config-field{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.config-field label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.config-field .required{color:var(--color-error);margin-left:.25rem}.config-field input,.config-field textarea{width:100%;max-width:100%;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.875rem;font-family:Monaco,Menlo,monospace;resize:vertical;box-sizing:border-box}.config-field input:focus,.config-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4285f41a}.config-field textarea{min-height:80px}.field-description{font-size:.75rem;color:var(--content-text-secondary);line-height:1.4;margin-top:.25rem}.input-type-display{width:100%;max-width:100%;padding:.5rem .75rem;background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.875rem;font-family:Monaco,Menlo,monospace;color:var(--color-gray-700);box-sizing:border-box}.disabled-input{width:100%!important;max-width:100%!important;background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed!important;font-style:italic;box-sizing:border-box!important}.info-message{padding:.75rem;background:#e0f2fe;border:1px solid #0ea5e9;border-radius:.375rem;color:#0369a1;font-size:.875rem;line-height:1.5}.warning-message{width:100%;max-width:100%;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.375rem;color:#92400e;font-size:.875rem;line-height:1.5;box-sizing:border-box}.execute-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.execute-dialog{background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0003;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.execute-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb;gap:1rem}.execute-dialog-header>div{flex:1}.execute-dialog-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.execute-dialog-description{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.execute-dialog-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.execute-dialog-close:hover{background:#f3f4f6;color:#111827}.execute-dialog-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.execute-field{display:flex;flex-direction:column;gap:.5rem}.execute-field label{font-size:.875rem;font-weight:500;color:#374151}.execute-field .required{color:#dc2626;margin-left:.25rem}.execute-field input,.execute-field textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.execute-field input:focus,.execute-field textarea:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.execute-field input:disabled,.execute-field textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.execute-field textarea{font-family:Monaco,Menlo,monospace;resize:vertical;min-height:120px}.field-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.execute-error{padding:.75rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:.375rem;color:#991b1b;font-size:.875rem}.execute-success{padding:1rem;background:#d1fae5;border:1px solid #86efac;border-radius:.375rem;color:#065f46}.execute-success h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.execute-success code{background:#0000001a;padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,monospace;font-size:.875rem}.temporal-link{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:#4285f4;color:#fff;text-decoration:none;border-radius:.375rem;font-weight:500;transition:background .2s ease}.temporal-link:hover{background:#357ae8}.execute-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.execute-dialog-actions button{padding:.5rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #d1d5db;background:#fff;color:#374151}.execute-dialog-actions button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.execute-dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.execute-button{background:#4285f4!important;color:#fff!important;border-color:#4285f4!important}.execute-button:hover:not(:disabled){background:#357ae8!important;border-color:#357ae8!important}.workflow-builder{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.workflow-canvas-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.workflow-toolbar{padding:.75rem 1rem;background:var(--content-bg);border-bottom:1px solid var(--content-border);flex-shrink:0}.workflow-toolbar-actions{display:flex;gap:.75rem;align-items:center}.workflow-toolbar-actions button{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.workflow-save-button{background:var(--color-primary);color:#fff}.workflow-save-button:hover:not(:disabled){background:var(--color-primary-hover)}.workflow-save-button:disabled{opacity:.5;cursor:not-allowed}.workflow-clear-button{background:var(--color-gray-500);color:#fff}.workflow-clear-button:hover{background:var(--color-gray-600)}.workflow-test-button{background:var(--color-success);color:#fff;display:flex;align-items:center;gap:.5rem}.workflow-test-button:hover{background:var(--color-success-dark)}.workflow-save-message{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;animation-fill-mode:both;white-space:nowrap}.workflow-save-message.success{background:var(--color-success);color:#fff}.workflow-save-message.error{background:var(--color-error);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.workflow-dropdown-wrapper{position:relative}.workflow-dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--content-bg);border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:180px;justify-content:space-between}.workflow-dropdown-button:hover{border-color:var(--color-primary);background:var(--content-bg-secondary)}.workflow-dropdown-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.workflow-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:var(--content-bg);border:1px solid var(--content-border);border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:300px;overflow-y:auto;min-width:220px;width:max-content}.workflow-dropdown-empty{padding:1rem;text-align:center;color:var(--color-gray-400);font-size:.875rem}.workflow-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--color-gray-100)}.workflow-dropdown-item:last-child{border-bottom:none}.workflow-dropdown-item:hover{background:var(--content-bg-secondary)}.workflow-dropdown-item-name{font-size:.875rem;font-weight:500;color:var(--content-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.workflow-dropdown-item-delete{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;color:var(--color-gray-500);transition:all .2s;flex-shrink:0;opacity:.7}.workflow-dropdown-item-delete:hover{background:var(--color-error-light);color:var(--color-error);opacity:1}.workflow-dropdown-item-execute{display:flex;align-items:center;justify-content:center;padding:.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background .2s ease;flex-shrink:0;margin-left:.5rem}.workflow-dropdown-item-execute:hover{background:var(--color-primary-hover)}.workflow-name-input{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.875rem;min-width:200px}.workflow-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.workflow-description-input{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.875rem;min-width:250px;resize:vertical;min-height:34px;max-height:80px;font-family:inherit}.workflow-description-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.workflow-cost-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-info-light);border:1px solid var(--color-info);border-radius:.375rem;font-size:.875rem}.workflow-cost-label{color:var(--color-info-dark);font-weight:500}.workflow-cost-value{color:var(--color-info-dark);font-weight:600;font-family:Courier New,monospace}.workflow-credits-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-info-light);border:1px solid var(--color-info);border-radius:.375rem;font-size:.875rem}.workflow-credits-value{color:var(--color-info-dark);font-weight:600}.workflow-builder-actions button{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.workflow-builder-actions button:first-of-type{background:var(--color-primary);color:#fff}.workflow-builder-actions button:first-of-type:hover:not(:disabled){background:var(--color-primary-hover)}.workflow-builder-actions button:first-of-type:disabled{opacity:.5;cursor:not-allowed}.workflow-builder-actions button:last-of-type{background:var(--color-gray-500);color:#fff}.workflow-builder-actions button:last-of-type:hover{background:var(--color-gray-600)}.workflow-builder-content{display:flex;flex:1;overflow:hidden;min-height:0}.service-palette{width:280px;background:var(--content-bg-secondary);border-left:1px solid var(--content-border);overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;flex-shrink:0;height:100%}.palette-search{margin-bottom:1rem}.palette-search-input-wrapper{position:relative;display:flex;align-items:center}.palette-search-icon{position:absolute;left:.75rem;color:var(--color-gray-500);pointer-events:none}.palette-search-input{width:100%;padding:.5rem 2.5rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.875rem;background:var(--content-bg);transition:all .2s}.palette-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.palette-search-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--color-gray-500);font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.palette-search-clear:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.palette-empty-message{padding:1rem;text-align:center;color:var(--color-gray-400);font-size:.875rem;font-style:italic}.palette-section{margin-bottom:1.5rem;flex-shrink:0}.palette-section:last-child{margin-bottom:0}.palette-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin-bottom:.75rem;transition:all .2s}.palette-section-header:hover{opacity:.8}.palette-section-header h3{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin:0;text-transform:uppercase;letter-spacing:.05em}.section-toggle{font-size:.75rem;color:var(--color-gray-500);transition:transform .2s;flex-shrink:0;margin-left:.5rem}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.service-item{padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:grab;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;aspect-ratio:1;min-height:0}.service-item:active{cursor:grabbing}.service-item:hover{border-color:#64748b;background:#f8fafc;box-shadow:0 2px 4px #00000014}.service-item-icon{display:flex;align-items:center;justify-content:center;color:#475569;flex-shrink:0}.service-item-name{font-weight:500;font-size:.7rem;color:#334155;text-align:center;line-height:1.2;word-break:break-word}.service-item:not(:has(.service-item-description)) .service-item-name{margin-bottom:0}.service-item-description{font-size:.75rem;color:var(--content-text-secondary);line-height:1.4}.palette-section:has(.service-list) .service-item:has(.service-item-name:only-child) .service-item-description{display:none}.input-type-item{padding:.75rem;background:var(--color-info-light);border:1px solid var(--color-primary);border-radius:.375rem;cursor:grab;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;aspect-ratio:1;min-height:0}.input-type-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.input-type-name{font-size:.75rem;font-weight:600;color:var(--content-text);text-align:center;line-height:1.2;word-break:break-word}.input-type-item:active{cursor:grabbing}.input-type-item:hover{border-color:var(--color-primary);background:var(--color-info-light);box-shadow:0 1px 3px #0000001a}.input-type-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.workflow-load-section{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--content-border)}.workflow-list{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;overflow-x:hidden}.workflow-item-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;box-sizing:border-box}.workflow-item{width:200px;max-width:200px;min-width:200px;padding:.5rem .75rem;background:var(--content-bg);border:1px solid var(--content-border);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;justify-content:center;min-height:40px;box-sizing:border-box;overflow:hidden}.workflow-item:hover{border-color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.workflow-execute-button{width:40px;height:40px;min-width:40px;max-width:40px;padding:0;background:var(--color-success);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.workflow-execute-button:hover{background:var(--color-success-dark);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.workflow-execute-button:active{transform:translateY(0)}.workflow-item-name{font-weight:600;font-size:.875rem;color:var(--content-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-item-type{display:none}.workflow-canvas-wrapper{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;overflow:hidden;background:var(--color-gray-100)}.workflow-canvas-wrapper .react-flow{width:100%;height:100%;background:var(--color-gray-100)}.workflow-canvas-wrapper .react-flow__background{background:var(--color-gray-100)}.workflow-canvas-wrapper .react-flow__attribution{display:none!important}.workflow-canvas-wrapper .react-flow__controls-button[title*=lock i],.workflow-canvas-wrapper .react-flow__controls-button[aria-label*=lock i],.workflow-canvas-wrapper .react-flow__controls-button:has(svg[data-testid*=lock i]){display:none}.node-config-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.node-config-dialog{background:var(--content-bg);border-radius:.5rem;box-shadow:0 10px 25px #0003;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.node-config-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--content-border);flex-shrink:0}.node-config-dialog-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--content-text)}.node-config-dialog-close{background:none;border:none;font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.node-config-dialog-close:hover{background:var(--color-gray-100);color:var(--content-text)}.node-config-dialog-content{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.node-config-dialog-content .node-config-panel{width:100%;box-sizing:border-box;padding:1.5rem;background:var(--content-bg);border:none;height:auto;overflow:visible}.node-config-dialog-content .config-field{width:100%;box-sizing:border-box}.node-config-dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--content-border);flex-shrink:0;background:var(--content-bg-secondary)}.node-config-dialog-save,.node-config-dialog-cancel{padding:.5rem 1.25rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.node-config-dialog-save{background:var(--color-primary);color:#fff}.node-config-dialog-save:hover{background:var(--color-primary-hover)}.node-config-dialog-cancel{background:var(--content-bg);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.node-config-dialog-cancel:hover{background:var(--content-bg-secondary);border-color:var(--color-gray-400)}.job-detail-view{padding:2rem;max-width:2100px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.job-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.job-detail-back{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:1rem;color:#374151}.job-detail-back:hover{background:#f9fafb}.job-detail-title-section{flex:1;display:flex;align-items:center;gap:1rem}.job-detail-title-section h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.job-detail-status-badge{padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500;text-transform:capitalize}.job-detail-cancel{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500}.job-detail-cancel:hover:not(:disabled){background:#dc2626}.job-detail-cancel:disabled{opacity:.5;cursor:not-allowed}.job-detail-header-actions{display:flex;gap:.75rem;align-items:center}.job-detail-export{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500}.job-detail-export:hover:not(:disabled){background:#059669}.job-detail-export:disabled{opacity:.5;cursor:not-allowed}.job-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.job-detail-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;text-align:center}.job-detail-stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.job-detail-stat-value{font-size:2rem;font-weight:600;color:#1f2937}.job-detail-progress{margin-bottom:2rem}.job-detail-progress-bar{width:100%;height:1rem;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.job-detail-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s}.job-detail-progress-text{text-align:center;color:#6b7280;font-size:.875rem}.job-detail-workflows{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column}.job-detail-workflows h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937;flex-shrink:0}.job-detail-workflows-split{display:flex;gap:1rem;min-height:600px;max-height:calc(100vh - 400px)}.job-detail-workflows-list{flex:0 0 350px;border:1px solid #e5e7eb;border-radius:.375rem;overflow-y:auto;background:#f9fafb}.job-detail-workflow-list-item{padding:.75rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s;background:#fff}.job-detail-workflow-list-item:hover{background:#f3f4f6}.job-detail-workflow-list-item.selected{background:#eff6ff;border-left:3px solid #3b82f6}.job-detail-workflow-list-item:last-child{border-bottom:none}.job-detail-workflow-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.job-detail-workflow-list-status{padding:.2rem .5rem;border-radius:9999px;color:#fff;font-size:.6875rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.job-detail-workflow-list-duration{font-size:.75rem;color:#6b7280;white-space:nowrap}.job-detail-workflow-list-item-input{font-size:.8125rem;color:#374151;margin-bottom:.5rem;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.job-detail-workflow-list-item-input a{color:#3b82f6;text-decoration:none}.job-detail-workflow-list-item-input a:hover{text-decoration:underline}.job-detail-workflow-list-item-actions{display:flex;gap:.375rem;align-items:center}.job-detail-workflow-list-cancel{padding:.25rem .5rem;background:#ef4444;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.6875rem;font-weight:500;white-space:nowrap}.job-detail-workflow-list-cancel:hover:not(:disabled){background:#dc2626}.job-detail-workflow-list-cancel:disabled{opacity:.5;cursor:not-allowed}.job-detail-workflow-list-retry{padding:.25rem .5rem;background:#10b981;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.6875rem;font-weight:500;white-space:nowrap}.job-detail-workflow-list-retry:hover:not(:disabled){background:#059669}.job-detail-workflow-list-retry:disabled{opacity:.5;cursor:not-allowed}.job-detail-workflow-list-load-more{padding:1rem;text-align:center;border-top:1px solid #e5e7eb}.job-detail-load-more{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500}.job-detail-load-more:hover{background:#2563eb}.job-detail-workflow-detail-panel{flex:1;border:1px solid #e5e7eb;border-radius:.375rem;padding:1.5rem;overflow-y:auto;background:#fff}.job-detail-workflow-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:.9375rem;text-align:center;padding:2rem}.job-detail-workflow-input-section{margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem}.job-detail-workflow-input-section strong{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:600}.job-detail-workflow-input-detail{font-size:.875rem}.job-detail-workflow-input-detail a{color:#3b82f6;text-decoration:none;word-break:break-all}.job-detail-workflow-input-detail a:hover{text-decoration:underline}.job-detail-workflow-input-detail pre{margin:0;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.8125rem;overflow-x:auto}.job-detail-workflow-header{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:0}.job-detail-workflow-header-item{display:flex;flex-direction:column;gap:.25rem;min-width:200px}.job-detail-workflow-header-item strong{color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.job-detail-workflow-header-item span{color:#1f2937;font-size:.875rem;word-break:break-all}.job-detail-workflow-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem}.job-detail-workflow-result-section{display:flex;flex-direction:column;gap:1rem}.job-detail-workflow-result,.job-detail-workflow-error{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.job-detail-workflow-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.job-detail-workflow-result strong,.job-detail-workflow-error strong{color:#374151;display:block;font-size:.875rem;font-weight:600}.job-detail-workflow-result-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background .2s ease}.job-detail-workflow-result-preview:hover{background:#357ae8}.job-detail-workflow-result-preview:active{transform:scale(.98)}.job-detail-workflow-result pre,.job-detail-workflow-error pre{background:#f9fafb;padding:1rem;border-radius:.375rem;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:auto;max-height:500px;margin:0;font-size:.75rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.job-detail-workflow-result-html{background:#f9fafb;padding:1rem;border-radius:.375rem;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:auto;max-height:500px;margin:0;min-height:200px}.job-detail-workflow-result-html iframe{width:100%;min-height:400px;border:none;border-radius:.375rem}.job-detail-workflow-error{border-color:#fecaca;background:#fef2f2}.job-detail-workflow-error pre{background:#fee2e2;border-color:#fecaca;color:#991b1b}.job-detail-workflow-details strong{color:#374151}.job-detail-loading{text-align:center;padding:2rem;color:#6b7280}.job-detail-error{text-align:center;padding:2rem;color:#ef4444}.job-detail-error p{margin-bottom:1rem;font-size:1rem}.job-detail-error button{padding:.5rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.9375rem;font-weight:500;transition:background .2s ease}.job-detail-error button:hover{background:#357ae8}.job-detail-execution-history{margin-top:1.5rem}.job-detail-execution-history-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937}.job-detail-history-table-container{margin-top:1rem;overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;width:100%}.job-detail-history-table{width:100%;min-width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto}.job-detail-history-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.job-detail-history-table th{padding:.75rem;text-align:left;font-weight:600;color:#374151;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.job-detail-history-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.job-detail-history-table tbody tr:hover{background:#f9fafb}.job-detail-history-table tbody tr:last-child td{border-bottom:none}.job-detail-history-number{width:3rem;text-align:center;font-weight:600;color:#6b7280}.job-detail-history-name{font-weight:500;color:#1f2937;min-width:150px}.job-detail-history-status{width:100px}.job-detail-history-status-badge{padding:.25rem .5rem;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase;display:inline-block}.job-detail-history-duration{width:80px;color:#6b7280;font-size:.75rem}.job-detail-history-input,.job-detail-history-output{min-width:200px}.job-detail-history-data{font-size:.75rem}.job-detail-history-data summary{cursor:pointer;color:#3b82f6;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;transition:background .2s}.job-detail-history-data summary:hover{background:#eff6ff}.job-detail-history-data pre{margin-top:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.job-detail-history-error pre{background:#fef2f2;border-color:#fecaca;color:#991b1b}.job-detail-history-empty{color:#9ca3af;font-style:italic}.job-detail-history-row-completed{background:#f0fdf4}.job-detail-history-row-failed{background:#fef2f2}.job-detail-history-row-running{background:#eff6ff}.job-detail-summary-section{margin-top:2rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.job-detail-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.job-detail-summary-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.job-detail-summary-download{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s ease}.job-detail-summary-download:hover{background:#357ae8}.job-detail-summary-download:active{transform:scale(.98)}.job-detail-summary-empty{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.job-detail-summary-table-container{overflow-x:auto;overflow-y:auto;max-height:600px;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff}.job-detail-summary-table{width:100%;border-collapse:collapse;font-size:.875rem}.job-detail-summary-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.job-detail-summary-header-cell{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;background:#f9fafb;white-space:nowrap;position:sticky;top:0}.job-detail-summary-header-cell:first-child{position:sticky;left:0;z-index:11;background:#f9fafb;box-shadow:2px 0 4px #0000001a}.job-detail-summary-row{border-bottom:1px solid #e5e7eb;transition:background .2s}.job-detail-summary-row:hover{background:#f9fafb}.job-detail-summary-row:nth-child(2n){background:#fafafa}.job-detail-summary-row:nth-child(2n):hover{background:#f3f4f6}.job-detail-summary-cell{padding:.75rem 1rem;color:#1f2937;border-right:1px solid #e5e7eb;max-width:300px;word-wrap:break-word;vertical-align:top}.job-detail-summary-cell:first-child{position:sticky;left:0;background:inherit;z-index:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;box-shadow:2px 0 4px #0000000d}.job-detail-summary-row:hover .job-detail-summary-cell:first-child{background:#f9fafb}.job-detail-summary-row:nth-child(2n) .job-detail-summary-cell:first-child{background:#fafafa}.job-detail-summary-row:nth-child(2n):hover .job-detail-summary-cell:first-child{background:#f3f4f6}.job-detail-summary-cell-expandable{cursor:pointer}.job-detail-summary-cell-expandable summary{cursor:pointer;color:#3b82f6;font-weight:500;-webkit-user-select:none;user-select:none;outline:none}.job-detail-summary-cell-expandable summary:hover{text-decoration:underline}.job-detail-summary-cell-full{margin-top:.5rem;padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;font-size:.8125rem}@media (max-width: 768px){.job-detail-summary-header{flex-direction:column;align-items:flex-start;gap:1rem}.job-detail-summary-download{width:100%;justify-content:center}.job-detail-summary-table-container{max-height:400px}.job-detail-summary-cell{max-width:200px;font-size:.75rem;padding:.5rem}}.job-manager{padding:2rem;max-width:1400px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden}.job-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.job-manager-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.job-manager-header-actions{display:flex;align-items:center;gap:.75rem}.job-manager-refresh-button{padding:.75rem 1.5rem;background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.job-manager-refresh-button:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--color-gray-400)}.job-manager-refresh-button:disabled{opacity:.6;cursor:not-allowed}.job-manager-refresh-button .spinning{animation:spin 1s linear infinite}.job-manager-create-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease;display:inline-flex;align-items:center;gap:.5rem}.job-manager-create-button:hover{background:var(--color-primary-hover)}.job-manager-filters{display:flex;gap:1rem;margin-bottom:2rem}.job-manager-filter{display:flex;align-items:center;gap:.5rem}.job-manager-filter label{font-weight:500;color:#374151}.job-manager-filter select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background:#fff;cursor:pointer}.job-manager-filter select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.job-manager-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.375rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.job-manager-error button{padding:.5rem 1rem;background:#991b1b;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.job-manager-error button:hover{background:#7f1d1d}.job-manager-loading,.job-manager-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.job-manager-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.job-manager-table{width:100%;border-collapse:collapse;font-size:.875rem}.job-manager-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.job-manager-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.job-manager-table tbody tr{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s}.job-manager-table tbody tr:hover{background-color:#f9fafb}.job-manager-table tbody tr:last-child{border-bottom:none}.job-manager-table td{padding:.75rem 1rem;vertical-align:middle}.job-manager-table-name{font-weight:600;color:#1f2937;min-width:200px}.job-manager-table-workflow{color:#6b7280;font-size:.8125rem;min-width:150px}.job-manager-table-status{min-width:100px}.job-manager-table-status-badge{padding:.25rem .625rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;text-transform:capitalize;display:inline-block}.job-manager-table-progress{min-width:120px}.job-manager-table-progress-container{display:flex;align-items:center;gap:.5rem}.job-manager-table-progress-bar{flex:1;height:.375rem;background:#e5e7eb;border-radius:9999px;overflow:hidden;min-width:60px}.job-manager-table-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s}.job-manager-table-progress-text{font-size:.75rem;font-weight:500;color:#6b7280;min-width:2.5rem;text-align:right}.job-manager-table-total,.job-manager-table-completed,.job-manager-table-failed{text-align:center;font-weight:600;min-width:60px}.job-manager-table-created{color:#6b7280;font-size:.8125rem;white-space:nowrap;min-width:150px}.job-manager-table-actions{text-align:center;min-width:60px}.job-manager-table-delete{background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s;opacity:.7;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.job-manager-table-delete:hover{background-color:#ef44441a;color:#ef4444;opacity:1}.job-manager-table-delete:active{transform:scale(.95)}.job-manager-delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.job-manager-delete-confirm-dialog{background:#fff;border-radius:.5rem;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.job-manager-delete-confirm-dialog h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.job-manager-delete-confirm-dialog p{margin:0 0 1.5rem;color:#6b7280}.job-manager-delete-confirm-buttons{display:flex;gap:.75rem;justify-content:flex-end}.job-manager-delete-cancel,.job-manager-delete-confirm{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.job-manager-delete-cancel{background:#f3f4f6;color:#374151}.job-manager-delete-cancel:hover{background:#e5e7eb}.job-manager-delete-confirm{background:#ef4444;color:#fff}.job-manager-delete-confirm:hover{background:#dc2626}.api-keys-section{display:flex;flex-direction:column;gap:1.5rem}.api-keys-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#000}.api-keys-description{margin:0;color:#6b7280;font-size:.875rem}.api-keys-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.api-keys-success{padding:.75rem 1rem;background:#d1fae5;border:1px solid #a7f3d0;border-radius:.375rem;color:#065f46;font-size:.875rem}.api-keys-form{display:flex;flex-direction:column;gap:1.5rem}.api-key-field{display:flex;flex-direction:column;gap:.5rem}.api-key-field label{font-size:.875rem;font-weight:500;color:#374151}.api-key-label{display:flex;align-items:center;gap:.5rem}.api-key-link{display:inline-flex;align-items:center;gap:.25rem;color:#4285f4;text-decoration:none;font-size:.8125rem;font-weight:400;transition:color .2s ease}.api-key-link:hover{color:#357ae8;text-decoration:underline}.api-key-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;font-family:monospace;transition:border-color .2s ease}.api-key-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.api-key-preview{margin:0;font-size:.8125rem;color:#6b7280;font-family:monospace}.api-keys-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.api-keys-save-button{padding:.75rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.api-keys-save-button:hover:not(:disabled){background:#357ae8}.api-keys-save-button:disabled{opacity:.6;cursor:not-allowed}.connector-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.connector-dialog{background:var(--content-bg);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.connector-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--content-border)}.connector-dialog-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--content-text)}.connector-dialog-close{padding:.5rem;background:none;border:none;color:var(--content-text-secondary);cursor:pointer;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.connector-dialog-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.connector-dialog-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.connector-dialog-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.connector-field{display:flex;flex-direction:column;gap:.5rem}.connector-field label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.connector-field .required{color:var(--color-error)}.connector-field input,.connector-field select,.connector-field textarea{padding:.75rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:.9375rem;transition:border-color .2s ease;font-family:inherit}.connector-field input:focus,.connector-field select:focus,.connector-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.connector-field input:disabled,.connector-field select:disabled{background:var(--color-gray-100);cursor:not-allowed}.connector-field textarea{font-family:monospace;resize:vertical}.field-description{margin:0;font-size:.8125rem;color:var(--content-text-secondary)}.connector-config-fields{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.connector-config-fields h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-gray-700)}.connector-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.connector-dialog-cancel,.connector-dialog-save{padding:.75rem 1.5rem;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.connector-dialog-cancel{background:var(--content-bg);border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.connector-dialog-cancel:hover{background:var(--content-bg-secondary);border-color:var(--color-gray-400)}.connector-dialog-save{background:var(--color-primary);border:none;color:#fff}.connector-dialog-save:hover:not(:disabled){background:var(--color-primary-hover)}.connector-dialog-save:disabled{opacity:.6;cursor:not-allowed}.connector-store{display:flex;flex-direction:column;gap:1.5rem}.connector-store-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.connector-store-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#000}.connector-store-description{margin:0;color:#6b7280;font-size:.875rem}.connector-store-filters{display:flex;flex-direction:column;gap:1rem}.connector-store-search{width:100%}.connector-store-search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;transition:border-color .2s ease}.connector-store-search-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.connector-category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.connector-category-filters button{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.connector-category-filters button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.connector-category-filters button.active{background:#4285f4;border-color:#4285f4;color:#fff}.connector-category-filters button.active:hover{background:#357ae8;border-color:#357ae8}.connector-store-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.connector-store-card{display:flex;flex-direction:column;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.connector-store-card:hover{border-color:#4285f4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.connector-store-card-header{display:flex;align-items:flex-start;margin-bottom:.5rem;gap:.75rem}.connector-store-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.375rem;background:#f9fafb;border:1px solid #e5e7eb;padding:.5rem}.connector-store-card-icon svg{width:100%;height:100%}.connector-store-card-title-wrapper{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.connector-store-card-title{margin:0;font-size:1rem;font-weight:600;color:#000;line-height:1.2}.connector-store-card-category{padding:.25rem .5rem;background:#f3f4f6;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.connector-store-card-body{flex:1;margin-bottom:.75rem}.connector-store-card-description{margin:0;font-size:.8125rem;color:#6b7280;line-height:1.4}.connector-store-card-footer{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid #f3f4f6;margin-top:auto}.connector-store-card-add-button{padding:.5rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease;display:inline-flex;align-items:center;gap:.375rem}.connector-store-card-add-button:hover{background:#357ae8}.connector-store-empty{text-align:center;padding:3rem;color:#6b7280}.connector-store-empty p{margin:0;font-size:.9375rem}.connectors-section{display:flex;flex-direction:column;gap:1.5rem}.connectors-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:.5rem}.connectors-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.connectors-tab:hover{color:#374151}.connectors-tab.active{color:#4285f4;border-bottom-color:#4285f4}.connectors-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.connectors-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#000}.connectors-description{margin:0;color:#6b7280;font-size:.875rem}.connectors-add-button{padding:.75rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.connectors-add-button:hover{background:#357ae8}.connectors-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.connectors-empty{text-align:center;padding:3rem;color:#6b7280}.connectors-empty p{margin:0 0 1rem;font-size:.9375rem}.connectors-list{display:flex;flex-direction:column;gap:2rem}.connector-group{display:flex;flex-direction:column;gap:1rem}.connector-group-title{margin:0;font-size:1.125rem;font-weight:600;color:#374151;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.connector-items{display:flex;flex-direction:column;gap:.75rem}.connector-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s ease}.connector-item:hover{border-color:#d1d5db;background:#f3f4f6}.connector-item-info{display:flex;flex-direction:column;gap:.25rem}.connector-item-name{font-size:.9375rem;font-weight:500;color:#000}.connector-item-type{font-size:.8125rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.connector-item-actions{display:flex;gap:.5rem}.connector-action-button{padding:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.connector-action-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.connector-action-button.delete:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b}.organization-section{display:flex;flex-direction:column;gap:1.5rem}.organization-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#000}.organization-description{margin:0;color:#6b7280;font-size:.875rem}.organization-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.organization-success{padding:.75rem 1rem;background:#d1fae5;border:1px solid #a7f3d0;border-radius:.375rem;color:#065f46;font-size:.875rem}.organization-details{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.organization-field{display:flex;flex-direction:column;gap:.5rem}.organization-field label{font-size:.875rem;font-weight:500;color:#374151}.organization-name-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem}.organization-name-value{font-size:.9375rem;font-weight:500;color:#000}.organization-edit-button{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.organization-edit-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.organization-name-edit{display:flex;flex-direction:column;gap:.75rem}.organization-name-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;transition:border-color .2s ease}.organization-name-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.organization-name-actions{display:flex;gap:.5rem;justify-content:flex-end}.organization-save-button{padding:.5rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.organization-save-button:hover:not(:disabled){background:#357ae8}.organization-save-button:disabled{opacity:.6;cursor:not-allowed}.organization-cancel-button{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.organization-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.organization-id-value{padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:monospace;color:#6b7280}.organization-date-value{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#6b7280}.field-description{margin:0;font-size:.8125rem;color:#6b7280}.organization-members-section{display:flex;flex-direction:column;gap:1rem}.organization-members-header{display:flex;justify-content:space-between;align-items:center}.organization-members-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#000}.organization-invite-button{padding:.75rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease;display:inline-flex;align-items:center;gap:.5rem}.organization-invite-button:hover{background:#357ae8}.organization-invite-form{padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.invite-form-field{display:flex;flex-direction:column;gap:.5rem}.invite-form-field label{font-size:.875rem;font-weight:500;color:#374151}.invite-email-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;transition:border-color .2s ease}.invite-email-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.invite-role-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.invite-role-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.invite-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.invite-submit-button{padding:.75rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.invite-submit-button:hover:not(:disabled){background:#357ae8}.invite-submit-button:disabled{opacity:.6;cursor:not-allowed}.invite-cancel-button{padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.invite-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.organization-members-loading,.organization-members-empty{text-align:center;padding:2rem;color:#6b7280}.organization-members-list{display:flex;flex-direction:column;gap:.75rem}.organization-member-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s ease}.organization-member-item:hover{border-color:#d1d5db;background:#f3f4f6}.member-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#4285f4;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.member-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.member-name{font-size:.9375rem;font-weight:500;color:#000}.member-email{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280}.member-role{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.member-role-badge{padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;font-weight:500;color:#374151;text-transform:capitalize}.member-date{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280;flex-shrink:0}.llm-usage-section{display:flex;flex-direction:column;gap:1.5rem}.llm-usage-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#000}.llm-usage-description{margin:0;color:#6b7280;font-size:.875rem}.llm-usage-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.llm-usage-empty{text-align:center;padding:3rem;color:#6b7280}.llm-usage-empty p{margin:0;font-size:.9375rem}.llm-usage-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.375rem}.llm-usage-table{width:100%;border-collapse:collapse;font-size:.875rem}.llm-usage-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.llm-usage-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.llm-usage-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.llm-usage-table tbody tr:hover{background:#f9fafb}.llm-usage-table tbody tr:last-child{border-bottom:none}.llm-usage-table td{padding:.75rem 1rem;color:#374151}.llm-usage-number{font-family:monospace;text-align:right;color:#6b7280}.llm-usage-context{font-size:.875rem;color:#6b7280;max-width:200px}.llm-usage-context button:hover{color:#2563eb}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#4285f4;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.llm-usage-quota-summary{padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem}.llm-usage-quota-summary h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#374151}.llm-usage-quota-item{margin-bottom:1.5rem}.llm-usage-quota-item:last-child{margin-bottom:0}.llm-usage-quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.llm-usage-quota-label{font-size:.9375rem;font-weight:500;color:#374151}.llm-usage-quota-value{font-size:.9375rem;font-weight:600;color:#111827;font-family:monospace}.llm-usage-quota-percentage{margin-left:.5rem;font-size:.875rem;color:#6b7280;font-weight:400}.llm-usage-progress-bar{width:100%;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.llm-usage-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:.25rem}.branding-section{padding:0}.branding-header{margin-bottom:24px}.branding-header h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.branding-description{margin:0;font-size:14px;color:#6b7280;max-width:600px}.branding-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px}.branding-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-size:14px;margin-bottom:16px}.branding-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.branding-logo-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.branding-logo-container{margin-bottom:20px}.branding-logo-preview{display:flex;align-items:center;justify-content:center;width:200px;height:200px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:16px}.branding-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.branding-logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#9ca3af;gap:12px}.branding-logo-placeholder span{font-size:13px}.branding-logo-actions{display:flex;gap:12px;margin-bottom:24px}.branding-upload-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.branding-upload-button:hover:not(:disabled){background:#1d4ed8}.branding-upload-button:disabled{opacity:.5;cursor:not-allowed}.branding-delete-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.branding-delete-button:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.branding-delete-button:disabled{opacity:.5;cursor:not-allowed}.branding-logo-requirements{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-width:300px}.branding-logo-requirements h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.branding-logo-requirements ul{margin:0;padding:0 0 0 20px}.branding-logo-requirements li{font-size:13px;color:#6b7280;line-height:1.6}.branding-section .loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.context-blocks-section{padding:0}.context-blocks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.context-blocks-header h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.context-blocks-description{margin:0;font-size:14px;color:#6b7280;max-width:600px}.context-blocks-add-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.context-blocks-add-button:hover{background:#1d4ed8}.context-blocks-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px}.context-blocks-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-size:14px;margin-bottom:16px}.context-blocks-empty{text-align:center;padding:48px 24px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px}.context-blocks-empty p{margin:0;color:#6b7280;font-size:14px}.context-blocks-empty-hint{margin-top:8px!important;font-size:13px!important;color:#9ca3af!important}.context-blocks-list{display:flex;flex-direction:column;gap:12px}.context-block-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.context-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.context-block-name{font-weight:600;font-size:15px;color:#111827;font-family:SF Mono,Monaco,Cascadia Code,monospace}.context-block-actions{display:flex;align-items:center;gap:8px}.context-block-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.context-block-action-button:hover{background:#e5e7eb;color:#374151}.context-block-delete-button:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.context-block-delete-confirm{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc2626}.context-block-confirm-yes,.context-block-confirm-no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.context-block-confirm-yes{background:#dc2626;color:#fff}.context-block-confirm-yes:hover{background:#b91c1c}.context-block-confirm-no{background:#f3f4f6;color:#6b7280}.context-block-confirm-no:hover{background:#e5e7eb}.context-block-value{position:relative}.context-block-type-badge{position:absolute;top:8px;right:8px;padding:2px 8px;background:#dbeafe;color:#2563eb;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.context-block-value-content{margin:0;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#374151;white-space:pre-wrap;word-break:break-word;overflow:hidden}.context-block-meta{margin-top:12px;font-size:12px;color:#9ca3af}.context-blocks-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.context-blocks-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.context-blocks-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.context-blocks-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.context-blocks-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.context-blocks-modal-close:hover{background:#f3f4f6;color:#374151}.context-blocks-modal-error{display:flex;align-items:center;gap:8px;margin:16px 24px 0;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.context-blocks-modal-body{padding:24px;overflow-y:auto;flex:1}.context-blocks-modal-field{margin-bottom:20px}.context-blocks-modal-field:last-child{margin-bottom:0}.context-blocks-modal-field label{display:block;font-weight:500;font-size:14px;color:#374151;margin-bottom:8px}.context-blocks-modal-field input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.context-blocks-modal-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.context-blocks-modal-field textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#111827;resize:vertical;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.context-blocks-modal-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.context-blocks-modal-field .field-description{margin:8px 0 0;font-size:13px;color:#6b7280}.context-blocks-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.context-blocks-modal-cancel{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.context-blocks-modal-cancel:hover:not(:disabled){background:#f3f4f6}.context-blocks-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.context-blocks-modal-save{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.context-blocks-modal-save:hover:not(:disabled){background:#1d4ed8}.context-blocks-modal-save:disabled{opacity:.5;cursor:not-allowed}.context-blocks-section .loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.agent-credits-page{padding:2rem;max-width:1200px;margin:0 auto}.agent-credits-header{margin-bottom:2rem}.agent-credits-header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.agent-credits-description{color:#6b7280;font-size:.9375rem}.agent-credits-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.credit-balance-card,.credit-usage-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.credit-balance-header,.credit-usage-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.credit-balance-header h2,.credit-usage-header h2{font-size:1rem;font-weight:500;color:#6b7280}.credit-balance-value{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.credit-balance-label{color:#6b7280;font-size:.875rem}.credit-usage-stats{margin-bottom:1rem}.credit-usage-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.credit-usage-label{color:#6b7280;font-size:.875rem}.credit-usage-value{font-weight:600;color:#1f2937}.credit-usage-progress{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-top:.5rem}.credit-usage-progress-bar{height:100%;transition:width .3s ease;border-radius:4px}.credit-billing-cycle{color:#6b7280;font-size:.875rem;margin-top:.5rem}.agent-credits-filters{margin-bottom:2rem}.date-range-selector{display:flex;gap:.5rem}.date-range-selector button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.date-range-selector button:hover{background:#f9fafb}.date-range-selector button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.agent-credits-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.agent-credits-breakdown h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1f2937}.usage-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.usage-summary-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:.375rem}.usage-summary-label{font-size:.875rem;color:#6b7280}.usage-summary-value{font-size:1.5rem;font-weight:600;color:#1f2937}.usage-by-service,.usage-by-reason{margin-top:2rem}.usage-by-service h3,.usage-by-reason h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#374151}.usage-service-list,.usage-reason-list{display:flex;flex-direction:column;gap:.75rem}.usage-service-item,.usage-reason-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:.375rem}.usage-service-name,.usage-reason-name{font-weight:500;color:#1f2937}.usage-service-stats{display:flex;gap:1rem;font-size:.875rem}.usage-service-credits{color:#3b82f6;font-weight:600}.usage-service-count{color:#6b7280}.usage-reason-credits{color:#3b82f6;font-weight:600}.loading-spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}.error-message{padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;margin:2rem 0}.settings-page{padding:2rem;max-width:1200px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden}.settings-header{margin-bottom:2rem}.settings-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.settings-description{margin:0;color:var(--content-text-secondary);font-size:.9375rem}.settings-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--content-border);margin-bottom:2rem}.settings-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--content-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-tab:hover{color:var(--content-text)}.settings-tab.active{color:var(--color-primary);border-bottom-color:#4285f4}.settings-content{background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border);padding:2rem}.settings-error{text-align:center;padding:3rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.settings-error h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--content-text)}.settings-error p{margin:0;color:var(--content-text-secondary)}.superadmin-page{padding:2rem;max-width:1200px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden}.superadmin-header{margin-bottom:2rem}.superadmin-header-content{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.superadmin-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.superadmin-description{margin:0;color:var(--content-text-secondary);font-size:.9375rem}.superadmin-error{text-align:center;padding:3rem 2rem;color:var(--content-text-secondary)}.superadmin-error h2{margin:0 0 .5rem;color:var(--content-text)}.superadmin-error-banner{background:var(--error-bg, #fee);color:var(--error-text, #c00);padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;border:1px solid var(--error-border, #fcc)}.superadmin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--content-text-secondary)}.superadmin-loading .spinner{animation:spin 1s linear infinite}.superadmin-org-selector{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--content-bg-secondary, #f5f5f5);border-radius:.5rem}.superadmin-org-selector label{font-weight:500;color:var(--content-text)}.superadmin-org-selector select{flex:1;padding:.5rem 1rem;border:1px solid var(--content-border);border-radius:.375rem;background:var(--content-bg);color:var(--content-text);font-size:.9375rem;cursor:pointer}.superadmin-org-selector select:disabled{opacity:.6;cursor:not-allowed}.superadmin-content{background:var(--content-bg);border:1px solid var(--content-border);border-radius:.5rem;padding:1.5rem}.superadmin-org-info{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--content-border)}.superadmin-org-info h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--content-text)}.superadmin-org-id{margin:0;font-size:.875rem;color:var(--content-text-secondary);font-family:monospace}.superadmin-features h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.superadmin-feature-category{margin-bottom:2rem}.superadmin-feature-category h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--content-text);padding-bottom:.5rem;border-bottom:1px solid var(--content-border)}.superadmin-feature-list{display:flex;flex-direction:column;gap:.75rem}.superadmin-feature-list.compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.superadmin-feature-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--content-bg-secondary, #f5f5f5);border:1px solid var(--content-border);border-radius:.5rem;transition:all .2s ease}.superadmin-feature-item.compact{padding:.5rem .75rem;gap:.75rem}.superadmin-feature-item:hover{background:var(--content-bg-hover, #e5e5e5)}.superadmin-feature-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.superadmin-feature-item.compact .superadmin-feature-info{flex-direction:row;align-items:center;gap:.5rem}.superadmin-feature-label{font-weight:500;color:var(--content-text);font-size:.9375rem;cursor:default}.superadmin-feature-item.compact .superadmin-feature-label{font-size:.875rem}.superadmin-feature-desc{font-size:.8125rem;color:var(--content-text-secondary);margin-top:.125rem}.superadmin-feature-key{font-size:.75rem;color:var(--content-text-secondary);font-family:monospace;margin-top:.25rem}.superadmin-feature-item.compact .superadmin-feature-key{margin-top:0;opacity:.7}.superadmin-feature-toggle{width:2.5rem;height:2.5rem;border-radius:.375rem;border:1px solid var(--content-border);background:var(--content-bg);color:var(--content-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.superadmin-feature-item.compact .superadmin-feature-toggle{width:2rem;height:2rem}.superadmin-feature-toggle:hover:not(:disabled){background:var(--content-bg-hover, #e5e5e5)}.superadmin-feature-toggle:disabled{opacity:.6;cursor:not-allowed}.superadmin-feature-toggle.enabled{background:var(--success-bg, #d4edda);border-color:var(--success-border, #c3e6cb);color:var(--success-text, #155724)}.superadmin-feature-toggle.disabled{background:var(--content-bg);border-color:var(--content-border);color:var(--content-text-secondary)}.superadmin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--content-border)}.superadmin-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--content-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.superadmin-tab:hover{color:var(--content-text)}.superadmin-tab.active{color:var(--content-text);border-bottom-color:var(--primary-color, #4285F4)}.superadmin-api-keys{display:flex;flex-direction:column;gap:1.5rem}.superadmin-api-keys h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.superadmin-setting-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background:var(--content-bg-secondary, #f5f5f5);border:1px solid var(--content-border);border-radius:.5rem;gap:1rem}.superadmin-setting-label{display:flex;flex-direction:column;gap:.25rem;flex:1}.superadmin-setting-label>span:first-child{font-weight:500;color:var(--content-text);font-size:.9375rem}.superadmin-setting-description{font-size:.8125rem;color:var(--content-text-secondary);line-height:1.4}.superadmin-input{padding:.5rem .75rem;border:1px solid var(--content-border);border-radius:.375rem;background:var(--content-bg);color:var(--content-text);font-size:.9375rem;min-width:200px}.superadmin-input:disabled{opacity:.6;cursor:not-allowed}.superadmin-usage-info{padding:1rem;background:var(--content-bg-secondary, #f5f5f5);border:1px solid var(--content-border);border-radius:.5rem}.superadmin-usage-info h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--content-text)}.superadmin-usage-stats{display:flex;flex-direction:column;gap:.75rem}.superadmin-usage-stats>div{display:flex;justify-content:space-between;align-items:center}.superadmin-usage-label{font-size:.875rem;color:var(--content-text-secondary)}.superadmin-usage-value{font-size:.9375rem;font-weight:500;color:var(--content-text);font-family:monospace}.superadmin-actions{display:flex;justify-content:flex-end;margin-top:1rem}.superadmin-save-button{padding:.75rem 1.5rem;background:var(--primary-color, #4285F4);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.superadmin-save-button:hover:not(:disabled){background:var(--primary-color-hover, #357ae8)}.superadmin-save-button:disabled{opacity:.6;cursor:not-allowed}.superadmin-usage-breakdown,.superadmin-pricing-table{margin-top:2rem;padding:1rem;background:var(--content-bg-secondary, #f5f5f5);border:1px solid var(--content-border);border-radius:.5rem}.superadmin-usage-breakdown h4,.superadmin-pricing-table h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--content-text)}.superadmin-breakdown-table-container{overflow-x:auto;border:1px solid var(--content-border);border-radius:.375rem;background:var(--content-bg)}.superadmin-breakdown-table{width:100%;border-collapse:collapse;font-size:.875rem}.superadmin-breakdown-table thead{background:var(--content-bg-secondary, #f5f5f5);border-bottom:2px solid var(--content-border)}.superadmin-breakdown-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--content-text);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.superadmin-breakdown-table tbody tr{border-bottom:1px solid var(--content-border);transition:background .2s ease}.superadmin-breakdown-table tbody tr:hover{background:var(--content-bg-hover, #e5e5e5)}.superadmin-breakdown-table tbody tr:last-child{border-bottom:none}.superadmin-breakdown-table td{padding:.75rem 1rem;color:var(--content-text)}.superadmin-breakdown-table tfoot tr{background:var(--content-bg-secondary, #f5f5f5);font-weight:600;border-top:2px solid var(--content-border)}.superadmin-number{font-family:monospace;text-align:right;color:var(--content-text)}.superadmin-cost{color:var(--primary-color, #4285F4);font-weight:600}.superadmin-description-cell{color:var(--content-text-secondary);font-size:.8125rem}.superadmin-credits{display:flex;flex-direction:column;gap:1.5rem}.superadmin-credits h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.superadmin-credit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.superadmin-credit-card{padding:1.5rem;background:var(--content-bg-secondary, #f5f5f5);border:1px solid var(--content-border);border-radius:.5rem;text-align:center}.superadmin-credit-card h4{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:var(--content-text-secondary);text-transform:uppercase;letter-spacing:.05em}.superadmin-credit-value{font-size:1.75rem;font-weight:700;color:var(--content-text);margin-bottom:.25rem;font-family:monospace}.superadmin-credit-label{font-size:.8125rem;color:var(--content-text-secondary)}.superadmin-setting-input-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.superadmin-button{padding:.75rem 1.5rem;background:var(--primary-color, #4285F4);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.superadmin-button:hover:not(:disabled){background:var(--primary-color-hover, #357ae8)}.superadmin-button:disabled{opacity:.6;cursor:not-allowed}.superadmin-setting-description{font-size:.8125rem;color:var(--content-text-secondary);line-height:1.4;margin-top:.25rem}.agents-workflow-grid{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;overflow:hidden}.agents-workflow-grid-controls{padding:1rem;display:flex;gap:.75rem;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:9}.agents-workflow-grid-search{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s}.agents-workflow-grid-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.agents-workflow-grid-sort{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.agents-workflow-grid-sort:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.agents-workflow-grid-content{flex:1;overflow-y:auto;padding:0;width:100%;box-sizing:border-box}.agents-workflow-grid-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.agents-workflow-table{width:100%;border-collapse:collapse;table-layout:fixed}.agents-workflow-table thead{position:sticky;top:0;background:#f9fafb;z-index:5}.agents-workflow-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.agents-workflow-th-pin{width:48px}.agents-workflow-th-name{width:200px}.agents-workflow-th-description{width:auto}.agents-workflow-th-input{width:110px}.agents-workflow-th-credits{width:90px;text-align:right}.agents-workflow-section-header td{padding:.75rem 1rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.agents-workflow-section-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.agents-workflow-row{cursor:pointer;transition:background-color .15s}.agents-workflow-row:hover{background-color:#f9fafb}.agents-workflow-row.selected{background-color:#eff6ff}.agents-workflow-row.selected:hover{background-color:#dbeafe}.agents-workflow-row.pinned{background-color:#fffbeb}.agents-workflow-row.pinned:hover,.agents-workflow-row.pinned.selected{background-color:#fef3c7}.agents-workflow-row td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.agents-workflow-cell-pin{text-align:center}.agents-workflow-pin-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:.375rem;color:#9ca3af;cursor:pointer;transition:all .15s}.agents-workflow-pin-btn:hover{background:#0000000d;color:#f59e0b}.agents-workflow-pin-btn.is-pinned{color:#f59e0b}.agents-workflow-cell-name{font-weight:500;color:#1f2937}.agents-workflow-name{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.agents-workflow-cell-description{color:#6b7280;font-size:.8125rem;line-height:1.5}.agents-workflow-no-description{color:#d1d5db}.agents-workflow-input-badge{display:inline-block;padding:.25rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.agents-workflow-cell-credits{text-align:right}.agents-workflow-credits{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:9999px;font-size:.8125rem;font-weight:600;border:1px solid #fcd34d}@media (max-width: 900px){.agents-workflow-th-description,.agents-workflow-cell-description{display:none}}@media (max-width: 640px){.agents-workflow-th-input,.agents-workflow-cell-input{display:none}.agents-workflow-th-credits,.agents-workflow-cell-credits{width:70px}}.agents-input-form{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:2px solid #e5e7eb}.agents-input-form-header{margin-bottom:1.5rem}.agents-input-form-header h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1f2937}.agents-input-form-description{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.5}.agents-input-form-body{display:flex;flex-direction:column;gap:1rem}.agents-input-form-field{display:flex;flex-direction:column;gap:.5rem}.agents-input-form-field label{font-size:.875rem;font-weight:500;color:#374151}.agents-input-form-field input,.agents-input-form-field textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.agents-input-form-field input:focus,.agents-input-form-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.agents-input-form-field input.error,.agents-input-form-field textarea.error{border-color:#ef4444}.agents-input-form-field textarea{resize:vertical;min-height:100px}.agents-input-form-error{font-size:.8125rem;color:#ef4444}.agents-input-form-no-input{padding:2rem;text-align:center;color:#6b7280;background:#f9fafb;border-radius:.5rem;border:2px dashed #d1d5db}.agents-input-form-no-input p{margin:0;font-size:.9375rem}.agents-input-form-footer{margin-top:1.5rem;display:flex;justify-content:flex-end}.agents-input-form-submit{padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 2px 4px #667eea33}.agents-input-form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.agents-input-form-submit:active{transform:translateY(0)}.agents-input-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.agents-input-form-empty{background:#fff;border-radius:1rem;padding:4rem 3rem;text-align:center;color:#6b7280;box-shadow:0 1px 3px #0000001a}.agents-input-form-empty-icon{font-size:3rem;margin-bottom:1rem}.agents-input-form-empty h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.agents-input-form-empty p{font-size:.9375rem;margin:0;color:#6b7280}.agents-input-form-mode-toggle{display:flex;gap:0;margin-bottom:1.5rem;background:#f3f4f6;border-radius:.5rem;padding:.25rem}.agents-input-form-mode-button{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.agents-input-form-mode-button:hover{color:#374151}.agents-input-form-mode-button.active{background:#fff;color:#667eea;box-shadow:0 1px 3px #0000001a}.agents-input-form-hint{font-size:.8125rem;color:#6b7280;margin-top:.5rem;line-height:1.5;white-space:pre-line}.agents-input-form-credit-estimate{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-top:.5rem}.agents-input-form-credit-estimate-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.agents-input-form-credit-estimate-icon{font-size:1rem}.agents-input-form-credit-estimate-header strong{font-size:.875rem;color:#374151}.agents-input-form-credit-details{display:flex;flex-direction:column;gap:.375rem}.agents-input-form-credit-row{display:flex;justify-content:space-between;font-size:.8125rem;color:#6b7280}.agents-input-form-credit-total{padding-top:.5rem;margin-top:.25rem;border-top:1px solid #e5e7eb;font-weight:600;color:#374151}.agents-input-form-progress{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem;margin-top:.5rem}.agents-input-form-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:#0369a1}.agents-input-form-progress-text{font-weight:500}.agents-input-form-progress-bar{height:8px;background:#e0f2fe;border-radius:4px;overflow:hidden}.agents-input-form-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.agents-input-form-general-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-top:.5rem}.agents-input-form-file-list{margin-top:1rem}.agents-input-form-file-list p{margin:0 0 .5rem;font-size:.875rem}.agents-input-form-file-list ul{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.agents-input-form-file-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f5f5f5;margin-bottom:.5rem;border-radius:4px;font-size:.875rem}.agents-input-form-file-list li button{background:#ef4444;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.agents-input-form-file-list li button:hover{background:#dc2626}.agents-input-form-file-list li button:disabled{opacity:.5;cursor:not-allowed}.agents-input-form-bulk-success{text-align:center;padding:2rem}.agents-input-form-bulk-success-icon{font-size:3rem;margin-bottom:1rem}.agents-input-form-bulk-success h4{font-size:1.25rem;font-weight:600;color:#10b981;margin:0 0 1rem}.agents-input-form-bulk-success p{font-size:.9375rem;color:#374151;margin:0 0 .5rem}.agents-input-form-bulk-success-hint{color:#6b7280!important;font-size:.875rem!important;margin-top:1rem!important}.agents-input-form-bulk-success-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.agents-input-form-secondary-button{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.agents-input-form-secondary-button:hover{background:#e5e7eb}.agents-execution-card{background:var(--content-bg);border-radius:1rem;border:1px solid var(--content-border);overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.agents-execution-card:hover{box-shadow:0 4px 12px #0000001a}.agents-execution-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background .2s}.agents-execution-card-header:hover{background:var(--content-bg-secondary)}.agents-execution-card-title-section{display:flex;align-items:center;gap:1rem;flex:1}.agents-execution-card-status-icon{flex-shrink:0}.agents-execution-card-status-icon .spinning{animation:spin 1s linear infinite}.agents-execution-card-name{font-size:1rem;font-weight:600;color:var(--content-text);margin-bottom:.25rem}.agents-execution-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--content-text-secondary)}.agents-execution-card-duration{display:flex;align-items:center;gap:.25rem}.agents-execution-card-header-right{display:flex;align-items:center;gap:.75rem}.agents-execution-card-status-badge{padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.agents-execution-card-toggle{background:transparent;border:none;color:var(--content-text-secondary);font-size:.875rem;cursor:pointer;padding:.25rem;transition:color .2s}.agents-execution-card-toggle:hover{color:var(--color-gray-700)}.agents-execution-card-body{padding:1.5rem;border-top:1px solid #e5e7eb;background:var(--content-bg-secondary)}.agents-execution-card-steps,.agents-execution-card-result{margin-bottom:1.5rem}.agents-execution-card-steps:last-child,.agents-execution-card-result:last-child{margin-bottom:0}.agents-execution-card-steps h4,.agents-execution-card-result h4{font-size:.9375rem;font-weight:600;color:var(--color-gray-700);margin:0 0 1rem}.agents-execution-card-steps-table{width:100%;border-collapse:collapse;background:var(--content-bg);border-radius:.5rem;overflow:hidden;font-size:.875rem}.agents-execution-card-steps-table thead{background:var(--content-bg-secondary);border-bottom:2px solid #e5e7eb}.agents-execution-card-steps-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-gray-700);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.agents-execution-card-steps-table td{padding:.75rem;border-bottom:1px solid var(--color-gray-100)}.agents-execution-card-steps-table tbody tr:hover{background:var(--content-bg-secondary)}.agents-execution-card-steps-table tbody tr:last-child td{border-bottom:none}.agents-execution-card-step-number{width:3rem;text-align:center;font-weight:600;color:var(--content-text-secondary)}.agents-execution-card-step-name{font-weight:500;color:var(--content-text);min-width:150px}.agents-execution-card-step-status{width:100px}.agents-execution-card-step-status-badge{padding:.25rem .5rem;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase;display:inline-block}.agents-execution-card-step-duration{width:80px;color:var(--content-text-secondary);font-size:.75rem}.agents-execution-card-step-output{min-width:200px}.agents-execution-card-step-details{font-size:.75rem}.agents-execution-card-step-details summary{cursor:pointer;color:var(--color-primary-light);font-weight:500;padding:.25rem .5rem;border-radius:.25rem;transition:background .2s}.agents-execution-card-step-details summary:hover{background:var(--color-info-light)}.agents-execution-card-step-details pre{margin-top:.5rem;padding:.75rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.75rem;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.agents-execution-card-step-error pre{background:var(--color-error-light);border-color:var(--color-error-light);color:var(--color-error-dark)}.agents-execution-card-step-empty{color:var(--color-gray-400);font-style:italic}.agents-execution-card-step-row-completed{background:var(--color-success-light)}.agents-execution-card-step-row-failed{background:#fef2f2}.agents-execution-card-step-row-running{background:var(--color-info-light)}.agents-execution-card-result-json{background:var(--content-bg-secondary);padding:1rem;border-radius:.5rem;border:1px solid var(--content-border);overflow-x:auto;overflow-y:auto;max-height:500px;margin:0;font-size:.75rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.agents-execution-card-result-html{background:var(--content-bg-secondary);padding:1rem;border-radius:.5rem;border:1px solid var(--content-border);overflow-x:auto;overflow-y:auto;max-height:500px;margin:0;min-height:200px}.agents-history-list{display:flex;flex-direction:column;gap:.5rem}.agents-history-item-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:all .2s}.agents-history-item-container:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.agents-history-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.agents-history-item:hover{background:#f9fafb}.agents-history-item-status,.agents-history-icon{flex-shrink:0}.agents-history-icon.success{color:#10b981}.agents-history-icon.error{color:#ef4444}.agents-history-item-content{flex:1;min-width:0}.agents-history-item-name{font-size:.9375rem;font-weight:500;color:#1f2937;margin-bottom:.25rem}.agents-history-item-preview{font-size:.8125rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agents-history-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.agents-history-item-time{font-size:.8125rem;color:#9ca3af;white-space:nowrap}.agents-history-item-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.agents-history-item-badge.completed{background:#d1fae5;color:#065f46}.agents-history-item-badge.failed{background:#fee2e2;color:#991b1b}.agents-history-item-expand{flex-shrink:0;color:#6b7280;display:flex;align-items:center;margin-left:.5rem}.agents-history-item-details{padding:1rem;border-top:1px solid #e5e7eb;background:#f9fafb}.agents-history-item-result,.agents-history-item-error{margin-bottom:1rem}.agents-history-item-result:last-child,.agents-history-item-error:last-child{margin-bottom:0}.agents-history-item-result h4,.agents-history-item-error h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.agents-history-item-result-json{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:auto;max-height:400px;margin:0;font-size:.75rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.agents-history-item-result-html{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:auto;max-height:400px;margin:0;min-height:200px}.agents-history-item-error{color:#991b1b}.agents-history-item-error p{margin:0;font-size:.875rem}.agents-execution-panel{height:100%;overflow-y:auto}.agents-execution-panel-content{max-width:1200px;margin:0 auto;width:100%}.agents-execution-panel-section{margin-bottom:2rem}.agents-execution-panel-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.agents-execution-panel-section-title{font-size:1.125rem;font-weight:600;margin:0;color:#1f2937}.agents-execution-panel-clear-history{padding:.5rem 1rem;background:transparent;border:1px solid #d1d5db;border-radius:.5rem;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s}.agents-execution-panel-clear-history:hover{background:#f3f4f6;border-color:#9ca3af}.agents-execution-panel-executions{display:flex;flex-direction:column;gap:1rem}.agents-execution-panel-empty{background:#fff;border-radius:.5rem;padding:2rem;text-align:center;color:#6b7280;border:1px solid #e5e7eb}.agents-page{height:100%;overflow:hidden;background:var(--content-bg-secondary)}.agents-page-discovery{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;overflow:hidden}.agents-page-execution{display:flex;flex-direction:column;height:100%}.agents-page-execution-header{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--content-border);position:sticky;top:0;z-index:10}.agents-page-execution-header-content{flex:1;display:flex;flex-direction:column}.agents-page-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.agents-page-back-button:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937}.agents-page-execution-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.agents-page-execution-description{margin:.5rem 0 0;font-size:.875rem;color:#6b7280;line-height:1.5}.agents-page-execution-content{flex:1;overflow-y:auto;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.agents-page-left{background:var(--content-bg);border-right:1px solid var(--content-border);overflow-y:auto;height:100%}.agents-page-right{overflow-y:auto;height:100%;background:var(--content-bg-secondary)}.chat-interface{display:flex;flex-direction:column;height:100%;background:var(--content-bg);border-radius:.5rem;overflow:hidden}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:var(--content-text-secondary)}.chat-welcome h3{font-size:1.25rem;font-weight:600;color:var(--content-text);margin:0 0 .5rem}.chat-message-content h1,.chat-message-content h2,.chat-message-content h3,.chat-message-content h4{margin:1rem 0 .5rem;font-weight:600}.chat-message-content h1:first-child,.chat-message-content h2:first-child,.chat-message-content h3:first-child,.chat-message-content h4:first-child{margin-top:0}.chat-message-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem;overflow-x:auto;display:block}.chat-message-content table thead{background:var(--content-bg-secondary)}.chat-message-content table th{padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--content-border);color:var(--content-text)}.chat-message-content table td{padding:.75rem;border-bottom:1px solid var(--content-border);color:var(--content-text)}.chat-message-content table tbody tr:hover{background:var(--content-bg-secondary)}.chat-message-content table tbody tr:last-child td{border-bottom:none}.code-block-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;transition:all .2s;width:100%;text-align:left}.chat-message-user .code-block-toggle{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.chat-message-user .code-block-toggle:hover{background:#ffffff26}.chat-message-user .code-block-content{background:#ffffff1a;border-color:#fff3}.chat-message-user .chat-message-content{background:var(--color-primary-light);color:#fff;border-bottom-right-radius:.25rem}.chat-message-assistant .chat-message-content{background:var(--color-gray-100);color:var(--content-text);border-bottom-left-radius:.25rem}.chat-typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--color-gray-400);animation:typing 1.4s infinite ease-in-out}.chat-suggested-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--content-border)}.chat-suggested-action-button{padding:.5rem 1rem;background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:.5rem;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;transition:all .2s}.chat-suggested-action-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.chat-suggested-action-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-form{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--content-border);background:var(--content-bg)}.chat-input{flex:1;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:.5rem;font-size:.9375rem;font-family:inherit;resize:none;max-height:200px;overflow-y:auto;line-height:1.5}.chat-input:disabled{background:var(--content-bg-secondary);cursor:not-allowed}.chat-send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-button:hover:not(:disabled){background:var(--color-primary);transform:scale(1.05)}.chat-send-button:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none}.chat-messages::-webkit-scrollbar-track{background:var(--content-bg-secondary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.workflow-preview{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:.5rem;overflow:hidden}.workflow-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.workflow-preview-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.workflow-preview-label{color:#6b7280;font-weight:500}.workflow-preview-name{color:#1f2937;font-weight:600}.workflow-preview-name-input{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#1f2937;background:#fff;min-width:200px;transition:border-color .2s,box-shadow .2s}.workflow-preview-name-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.workflow-preview-name-input::placeholder{color:#9ca3af;font-weight:400}.workflow-preview-actions{display:flex;gap:.75rem}.workflow-preview-reset-button,.workflow-preview-save-button{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.workflow-preview-reset-button{background:#6b7280;color:#fff}.workflow-preview-reset-button:hover{background:#4b5563}.workflow-preview-save-button{background:#3b82f6;color:#fff}.workflow-preview-save-button:hover{background:#2563eb}.workflow-preview-canvas{flex:1;position:relative;min-height:0;background:#fafafa}.workflow-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;padding:3rem;text-align:center}.workflow-preview-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.workflow-preview-empty p{margin:.5rem 0;font-size:.9375rem}.workflow-preview-empty-hint{font-size:.875rem;color:#9ca3af}.workflow-preview-canvas .react-flow__attribution{display:none!important}.create-page{display:flex;flex-direction:column;height:100%;padding:1.5rem;gap:1rem;overflow:hidden}.create-page-error{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.9375rem;flex-shrink:0}.create-page-error button{background:none;border:none;color:#991b1b;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.create-page-error button:hover{background:#991b1b1a}.create-page-content{display:flex;gap:1.5rem;flex:1;min-height:0;overflow:hidden}.create-page-chat{flex:0 0 40%;min-width:0;display:flex;flex-direction:column;height:100%}.create-page-preview{flex:0 0 60%;min-width:0;display:flex;flex-direction:column;height:100%}.create-page-workflow-name{flex-shrink:0;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.create-page-name-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;font-family:inherit}.create-page-name-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 1024px){.create-page-content{flex-direction:column}.create-page-chat,.create-page-preview{flex:0 0 50%}}.custom-blocks-chat{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:.5rem;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:#6b7280}.chat-welcome-icon{font-size:3rem;margin-bottom:1rem}.chat-welcome h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.chat-welcome p{font-size:.9375rem;margin:0;max-width:400px;line-height:1.5}.chat-welcome-hint{margin-top:1rem!important;font-size:.875rem!important;color:#9ca3af}.chat-message{display:flex;max-width:85%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-user{align-self:flex-end;flex-direction:row-reverse}.chat-message-assistant{align-self:flex-start}.chat-message-content{padding:.75rem 1rem;border-radius:1rem;font-size:.9375rem;line-height:1.5;word-wrap:break-word}.chat-message-content p{margin:.5rem 0}.chat-message-content p:first-child{margin-top:0}.chat-message-content p:last-child{margin-bottom:0}.chat-message-content ul,.chat-message-content ol{margin:.5rem 0;padding-left:1.5rem}.chat-message-content li{margin:.25rem 0}.chat-message-content strong{font-weight:600}.chat-message-content code{background:#0000001a;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.chat-message-user .chat-message-content code{background:#fff3}.chat-message-content pre{background:#0000001a;padding:.75rem;border-radius:.5rem;overflow-x:auto;margin:.5rem 0}.chat-message-user .chat-message-content pre{background:#fff3}.chat-message-content pre code{background:none;padding:0}.chat-message-user .chat-message-content{background:#3b82f6;color:#fff;border-bottom-right-radius:.25rem}.chat-message-assistant .chat-message-content{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:.25rem}.chat-typing-indicator{display:flex;gap:.5rem;align-items:center}.chat-typing-indicator span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typing 1.4s infinite ease-in-out}.chat-typing-indicator span:nth-child(1){animation-delay:-.32s}.chat-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.message-content-with-code{width:100%}.code-block-wrapper{margin:.75rem 0}.code-block-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s;width:100%;text-align:left}.code-block-toggle:hover{background:#0000001a}.code-block-content{margin-top:.5rem;padding:.75rem;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;overflow-x:auto;font-size:.8125rem;line-height:1.5}.code-block-content code{background:none;padding:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre}.chat-input-form{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff}.chat-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-family:inherit;resize:none;max-height:200px;overflow-y:auto;line-height:1.5}.chat-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input:disabled{background:#f9fafb;cursor:not-allowed}.chat-send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-button:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.chat-send-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f9fafb}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-block-code-editor{display:flex;flex-direction:column;height:100%;background:#1e1e1e;border-radius:8px;overflow:hidden}.code-editor-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#252526;border-bottom:1px solid #3c3c3c}.code-editor-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#ccc}.code-editor-validation{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px}.code-editor-validation.valid{color:#4ec9b0;background:#4ec9b01a}.code-editor-validation.invalid{color:#f14c4c;background:#f14c4c1a}.code-editor-container{flex:1;min-height:0}.code-editor-errors,.code-editor-warnings{padding:8px 12px;max-height:120px;overflow-y:auto}.code-editor-errors{background:#f14c4c1a;border-top:1px solid rgba(241,76,76,.3)}.code-editor-warnings{background:#ffcc001a;border-top:1px solid rgba(255,204,0,.3)}.code-editor-error,.code-editor-warning{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:4px 0}.code-editor-error{color:#f14c4c}.code-editor-warning{color:#cca700}.code-editor-error svg,.code-editor-warning svg{flex-shrink:0;margin-top:2px}.custom-block-test-bench{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.test-bench-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.test-bench-title{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#111827}.test-bench-summary{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px}.test-bench-summary.passed{background:#d1fae5;color:#065f46}.test-bench-summary.failed{background:#fee2e2;color:#991b1b}.test-bench-actions{display:flex;gap:8px}.test-bench-run-btn,.test-bench-add-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.test-bench-run-btn{background:#2563eb;color:#fff}.test-bench-run-btn:hover:not(:disabled){background:#1d4ed8}.test-bench-run-btn:disabled{opacity:.5;cursor:not-allowed}.test-bench-add-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.test-bench-add-btn:hover{background:#e5e7eb}.test-bench-list{flex:1;overflow-y:auto;padding:8px}.test-bench-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#6b7280}.test-bench-empty p{margin:0 0 8px}.test-bench-empty-hint{font-size:13px;color:#9ca3af;margin-bottom:16px!important}.test-case{border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;overflow:hidden;transition:border-color .15s ease}.test-case.passed{border-color:#10b981}.test-case.failed{border-color:#ef4444}.test-case-header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;cursor:pointer;transition:background .15s ease}.test-case-header:hover{background:#f3f4f6}.test-case-status{flex-shrink:0}.status-pending{width:16px;height:16px;border:2px solid #d1d5db;border-radius:50%}.status-passed{color:#10b981}.status-failed{color:#ef4444}.test-case-name{flex:1;min-width:0}.test-case-name-input{width:100%;padding:4px 8px;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:4px;background:transparent;color:#111827}.test-case-name-input:hover{border-color:#d1d5db}.test-case-name-input:focus{outline:none;border-color:#2563eb;background:#fff}.test-case-time{font-size:11px;color:#6b7280;padding:2px 6px;background:#f3f4f6;border-radius:4px}.test-case-delete{padding:4px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .15s ease}.test-case-delete:hover{background:#fee2e2;color:#ef4444}.test-case-content{padding:12px;border-top:1px solid #e5e7eb;background:#fff}.test-case-section{margin-bottom:12px}.test-case-section:last-child{margin-bottom:0}.test-case-section label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.test-case-section textarea{width:100%;padding:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;border:1px solid #d1d5db;border-radius:6px;resize:vertical;min-height:60px}.test-case-section textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.test-case-result{margin-top:12px;padding:12px;border-radius:6px;font-size:12px}.test-case-result.success{background:#d1fae5;border:1px solid #10b981}.test-case-result pre{margin:8px 0 0;padding:8px;background:#ffffff80;border-radius:4px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.test-case-error{background:#fee2e2;border:1px solid #ef4444;padding:12px;border-radius:6px;color:#991b1b}.test-case-diff{background:#fef3c7;border:1px solid #f59e0b;padding:12px;border-radius:6px}.diff-item{margin-top:8px;padding:8px;background:#ffffff80;border-radius:4px}.diff-path{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#92400e}.diff-values{margin-top:4px;display:flex;flex-direction:column;gap:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.diff-expected{color:#065f46}.diff-actual{color:#991b1b}.test-case-actual{background:#fee2e2;border:1px solid #ef4444;padding:12px;border-radius:6px}.test-bench-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;border-top:1px solid #e5e7eb}.test-bench-footer.passed{background:#d1fae5;color:#065f46}.test-bench-footer.failed{background:#fee2e2;color:#991b1b}.custom-block-schema-editor{display:flex;flex-direction:column;gap:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.schema-section{display:flex;flex-direction:column}.schema-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.schema-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#111827}.schema-count{font-size:12px;font-weight:500;padding:2px 6px;background:#f3f4f6;border-radius:4px;color:#6b7280}.schema-add-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:#2563eb;background:transparent;border:1px solid #2563eb;border-radius:4px;cursor:pointer;transition:all .15s ease}.schema-add-btn:hover{background:#2563eb;color:#fff}.schema-list{display:flex;flex-direction:column;gap:8px}.schema-empty{padding:16px;text-align:center;font-size:13px;color:#9ca3af;background:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.schema-item{display:flex;flex-direction:column;gap:6px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.schema-item-row{display:flex;align-items:center;gap:8px}.schema-input{padding:6px 10px;font-size:13px;border:1px solid #d1d5db;border-radius:4px;background:#fff;transition:border-color .15s ease}.schema-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.schema-input.name{flex:1;min-width:100px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.schema-input.type{width:100px}.schema-input.description{width:100%}.schema-required{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;cursor:pointer;white-space:nowrap}.schema-required input[type=checkbox]{width:14px;height:14px;cursor:pointer}.schema-delete-btn{padding:6px;background:transparent;border:none;color:#9ca3af;border-radius:4px;cursor:pointer;transition:all .15s ease}.schema-delete-btn:hover{background:#fee2e2;color:#ef4444}.custom-blocks-page{display:flex;flex-direction:column;height:100%;background:#f9fafb}.custom-blocks-error,.custom-blocks-success{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;border-radius:0}.custom-blocks-error{background:#fee2e2;color:#991b1b;border-bottom:1px solid #fecaca}.custom-blocks-success{background:#d1fae5;color:#065f46;border-bottom:1px solid #a7f3d0}.custom-blocks-error button,.custom-blocks-success button{background:none;border:none;font-size:18px;cursor:pointer;padding:0;line-height:1;color:inherit;opacity:.7}.custom-blocks-error button:hover,.custom-blocks-success button:hover{opacity:1}.custom-blocks-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.custom-blocks-header-left{display:flex;align-items:center;gap:16px}.custom-blocks-header h1{font-size:20px;font-weight:600;color:#111827;margin:0}.custom-blocks-name-input{padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;width:250px}.custom-blocks-name-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.custom-blocks-header-actions{display:flex;gap:8px}.custom-blocks-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.custom-blocks-btn.primary{background:#2563eb;color:#fff}.custom-blocks-btn.primary:hover:not(:disabled){background:#1d4ed8}.custom-blocks-btn.primary:disabled{opacity:.5;cursor:not-allowed}.custom-blocks-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.custom-blocks-btn.secondary:hover{background:#e5e7eb}.custom-blocks-list-dropdown{position:absolute;top:60px;right:24px;width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:100}.custom-blocks-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#111827}.custom-blocks-list-header button{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280}.custom-blocks-list{max-height:300px;overflow-y:auto}.custom-blocks-list-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s ease}.custom-blocks-list-item:hover{background:#f9fafb}.custom-blocks-list-item:last-child{border-bottom:none}.custom-blocks-list-item-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.custom-blocks-list-item-meta{font-size:12px;color:#6b7280}.custom-blocks-content{display:flex;flex:1;min-height:0;padding:16px;gap:16px}.custom-blocks-chat-panel{width:400px;flex-shrink:0;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.custom-blocks-right-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.custom-blocks-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.custom-blocks-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.custom-blocks-tab:hover{color:#374151;background:#f3f4f6}.custom-blocks-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.custom-blocks-tab-badge{font-size:11px;font-weight:600;padding:2px 6px;background:#e5e7eb;border-radius:10px;color:#374151}.custom-blocks-tab.active .custom-blocks-tab-badge{background:#dbeafe;color:#2563eb}.custom-blocks-tab-content{flex:1;min-height:0;overflow:hidden}@media (max-width: 1024px){.custom-blocks-content{flex-direction:column}.custom-blocks-chat-panel{width:100%;height:300px;flex-shrink:0}}@media (max-width: 768px){.custom-blocks-header{flex-direction:column;gap:12px;align-items:stretch}.custom-blocks-header-left{flex-direction:column;align-items:stretch}.custom-blocks-name-input{width:100%}.custom-blocks-header-actions{justify-content:flex-end}}.cms-content-editor{padding:2rem;max-width:1200px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden}.cms-content-editor-header{margin-bottom:2rem}.cms-content-editor-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.cms-content-editor-description{margin:0;color:var(--content-text-secondary);font-size:.9375rem}.cms-content-editor-content{display:flex;flex-direction:column;gap:2rem}.cms-import-section{padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-import-section h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.cms-import-section p{margin:0 0 1rem;color:var(--content-text-secondary);font-size:.875rem}.cms-import-actions{display:flex;gap:1rem}.cms-import-button{padding:.75rem 1.5rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cms-import-button:hover{background:var(--content-bg);border-color:var(--color-primary)}.cms-editor-interface{padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.cms-editor-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--content-text)}.cms-editor-actions{display:flex;gap:.75rem}.cms-save-button{padding:.5rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.cms-save-button:hover{background:var(--color-primary-dark)}.cms-editor-form{display:flex;flex-direction:column;gap:1.5rem}.cms-form-group{display:flex;flex-direction:column;gap:.5rem}.cms-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--content-text)}.cms-form-group input,.cms-form-group textarea{padding:.75rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;color:var(--content-text);font-family:inherit;transition:border-color .2s ease}.cms-form-group input:focus,.cms-form-group textarea:focus{outline:none;border-color:var(--color-primary)}.cms-form-group textarea{resize:vertical;min-height:100px}.cms-image-editor{padding:2rem;max-width:1200px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden}.cms-image-editor-header{margin-bottom:2rem}.cms-image-editor-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.cms-image-editor-description{margin:0;color:var(--content-text-secondary);font-size:.9375rem}.cms-image-editor-content{display:flex;flex-direction:column;gap:2rem}.cms-connection-status{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-connection-indicator{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--content-text)}.cms-status-icon{flex-shrink:0}.cms-status-icon.connected{color:var(--color-success)}.cms-status-icon.disconnected{color:var(--color-error)}.cms-connect-button,.cms-refresh-button{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease}.cms-connect-button:hover,.cms-refresh-button:hover{background:var(--color-primary-dark)}.cms-image-import-section{padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-image-import-section h2{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.cms-image-upload-area{display:flex;gap:1rem;align-items:center}.cms-upload-button,.cms-import-button{padding:.75rem 1.5rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.cms-upload-button:hover,.cms-import-button:hover{background:var(--content-bg);border-color:var(--color-primary)}.cms-image-gallery{padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-image-gallery h2{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.cms-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.cms-gallery-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:2px solid var(--content-border);cursor:pointer;transition:all .2s ease}.cms-gallery-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cms-gallery-item.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #4285f433}.cms-gallery-item img{width:100%;height:100%;object-fit:cover}.cms-remove-image{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:#000000b3;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.cms-gallery-item:hover .cms-remove-image{opacity:1}.cms-remove-image:hover{background:#ef4444e6}.cms-image-editor-panel{padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-image-editor-panel h2{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.cms-editor-preview{margin-bottom:1.5rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--content-border);background:var(--content-bg-secondary);display:flex;align-items:center;justify-content:center;min-height:300px}.cms-editor-preview img{max-width:100%;max-height:500px;object-fit:contain}.cms-editor-controls{display:flex;gap:.75rem;flex-wrap:wrap}.cms-editor-button{padding:.5rem 1rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.cms-editor-button:hover{background:var(--content-bg);border-color:var(--color-primary)}.cms-placeholder{padding:4rem 2rem;text-align:center;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-placeholder-icon{color:var(--content-text-secondary);margin-bottom:1rem}.cms-placeholder h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--content-text)}.cms-placeholder p{margin:0;color:var(--content-text-secondary);font-size:.875rem}.cms-content-audit{padding:2rem;max-width:1400px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%}.cms-content-audit-header{margin-bottom:2rem}.cms-content-audit-header h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.cms-content-audit-description{margin:0;color:var(--content-text-secondary);font-size:.9375rem}.cms-content-audit-content{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-height:0}.cms-audit-url-section{padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-audit-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cms-url-input-wrapper{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.cms-url-icon{color:var(--content-text-secondary);flex-shrink:0}.cms-url-input{flex:1;padding:.75rem 1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;color:var(--content-text);transition:border-color .2s ease}.cms-url-input:focus{outline:none;border-color:var(--color-primary)}.cms-url-input:disabled{opacity:.6;cursor:not-allowed}.cms-audit-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease;white-space:nowrap}.cms-audit-button:hover:not(:disabled){background:var(--color-primary-dark)}.cms-audit-button:disabled{opacity:.6;cursor:not-allowed}.cms-audit-type-wrapper{display:flex;align-items:center;gap:.5rem}.cms-audit-type-label{font-size:.875rem;color:var(--content-text-secondary);white-space:nowrap}.cms-audit-type-select-wrapper{position:relative;display:flex;align-items:center}.cms-audit-type-select{padding:.75rem 2rem .75rem 1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;color:var(--content-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:180px;transition:border-color .2s ease}.cms-audit-type-select:focus{outline:none;border-color:var(--color-primary)}.cms-audit-type-select:disabled{opacity:.6;cursor:not-allowed}.cms-audit-type-select-icon{position:absolute;right:.75rem;pointer-events:none;color:var(--content-text-secondary)}.cms-audit-status{margin-top:1rem;padding:.75rem 1rem;background:var(--content-bg-secondary);border-radius:.375rem;border:1px solid var(--content-border)}.cms-thinking-content{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--content-border)}.cms-thinking-content details{cursor:pointer}.cms-thinking-content summary{font-size:.8125rem;color:var(--content-text-secondary);-webkit-user-select:none;user-select:none;list-style:none}.cms-thinking-content summary::-webkit-details-marker{display:none}.cms-thinking-content summary:before{content:"▶ ";display:inline-block;margin-right:.25rem;transition:transform .2s ease;font-size:.75rem}.cms-thinking-content details[open] summary:before{transform:rotate(90deg)}.cms-thinking-text{margin-top:.5rem;padding:.75rem;background:var(--content-bg);border-radius:.25rem;font-size:.8125rem;color:var(--content-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap;max-height:200px;overflow-y:auto;line-height:1.5}.cms-status-indicator{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--content-text)}.cms-status-spinner{width:16px;height:16px;border:2px solid var(--content-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.cms-audit-chat-section{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border);overflow:hidden}.cms-audit-chat-section .chat-interface{height:100%;display:flex;flex-direction:column}.cms-audit-chat-section .chat-messages{flex:1;overflow-y:auto;padding:1.5rem}.cms-audit-chat-section .chat-input-form{border-top:1px solid var(--content-border);padding:1rem 1.5rem;background:var(--content-bg-secondary)}.cms-gap-analysis{padding:2rem;max-width:1400px;margin:0 auto;flex:1;overflow-y:auto;overflow-x:hidden}.cms-gap-analysis-header{margin-bottom:2rem}.cms-gap-analysis-header h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--content-text);letter-spacing:-.02em}.cms-gap-analysis-description{margin:0;color:var(--content-text-secondary);font-size:.9375rem}.cms-gap-analysis-content{display:flex;flex-direction:column;gap:2rem}.cms-gap-input-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-gap-input-group{display:flex;flex-direction:column;gap:.75rem}.cms-gap-input-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--content-text)}.cms-gap-urls-input{padding:.75rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;color:var(--content-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;min-height:120px;transition:border-color .2s ease}.cms-gap-urls-input:focus{outline:none;border-color:var(--color-primary)}.cms-gap-file-upload{margin-top:.5rem}.cms-upload-label{display:inline-block;padding:.5rem 1rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.cms-upload-label:hover{background:var(--content-bg);border-color:var(--color-primary)}.cms-gap-focus-section{display:flex;flex-direction:column;gap:.75rem}.cms-gap-focus-section label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--content-text)}.cms-focus-options{display:flex;flex-direction:column;gap:.75rem}.cms-focus-option{display:flex;flex-direction:column;padding:1rem;background:var(--content-bg-secondary);border:2px solid var(--content-border);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.cms-focus-option:hover{border-color:var(--color-primary);background:var(--content-bg)}.cms-focus-option input[type=radio]{margin-right:.75rem;cursor:pointer}.cms-focus-option input[type=radio]:checked+span{font-weight:600;color:var(--color-primary)}.cms-focus-option>span:first-of-type{display:flex;align-items:center;font-size:.9375rem;font-weight:500;color:var(--content-text);margin-bottom:.25rem}.cms-focus-description{font-size:.8125rem;color:var(--content-text-secondary);margin-left:1.75rem}.cms-analyze-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s ease}.cms-analyze-button:hover:not(:disabled){background:var(--color-primary-dark)}.cms-analyze-button:disabled{opacity:.6;cursor:not-allowed}.cms-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cms-gap-loading{padding:4rem 2rem;text-align:center;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-gap-loading p{margin:1rem 0 0;font-size:1rem;font-weight:500;color:var(--content-text)}.cms-loading-subtext{margin-top:.5rem!important;font-size:.875rem!important;font-weight:400!important;color:var(--content-text-secondary)!important}.cms-gap-results{display:flex;flex-direction:column;gap:1.5rem}.cms-results-header{display:flex;align-items:center;justify-content:space-between}.cms-results-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:600;color:var(--content-text)}.cms-export-button{padding:.5rem 1rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.cms-export-button:hover{background:var(--content-bg);border-color:var(--color-primary)}.cms-summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border)}.cms-summary-item{display:flex;flex-direction:column;gap:.5rem}.cms-summary-label{font-size:.875rem;color:var(--content-text-secondary)}.cms-summary-value{font-size:1.75rem;font-weight:700;color:var(--content-text)}.cms-pages-accordion{display:flex;flex-direction:column;gap:1rem}.cms-page-item{background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border);overflow:hidden}.cms-page-header{width:100%;padding:1rem 1.5rem;background:none;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease}.cms-page-header:hover{background:var(--content-bg-secondary)}.cms-page-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.cms-page-url{font-size:.875rem;color:var(--content-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-page-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.cms-gap-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.cms-page-score{font-size:.875rem;font-weight:500;color:var(--content-text)}.cms-page-content{padding:1.5rem;border-top:1px solid var(--content-border);background:var(--content-bg-secondary)}.cms-gaps-list{display:flex;flex-direction:column;gap:1rem}.cms-gap-item{padding:1rem;background:var(--content-bg);border-radius:.375rem;border:1px solid var(--content-border)}.cms-gap-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.cms-gap-field{flex:1;font-size:.9375rem;font-weight:600;color:var(--content-text)}.cms-severity-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.cms-gap-suggestion{font-size:.875rem;color:var(--content-text);margin-bottom:.75rem;line-height:1.5}.cms-gap-comparison{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--content-bg-secondary);border-radius:.375rem;margin-bottom:.75rem}.cms-comparison-item{font-size:.8125rem;color:var(--content-text);line-height:1.5}.cms-comparison-item strong{color:var(--content-text);font-weight:600}.cms-gap-actions{display:flex;gap:.75rem}.cms-action-button{padding:.5rem 1rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.cms-action-button:hover{background:var(--content-bg);border-color:var(--color-primary)}.whitepapers-page{padding:2rem;max-width:1400px;margin:0 auto}.whitepapers-header{margin-bottom:2rem}.whitepapers-title{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:#1f2937}.whitepapers-description{color:#6b7280;margin:0}.whitepapers-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.whitepapers-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s;margin-bottom:-2px}.whitepapers-tab:hover{color:#374151}.whitepapers-tab.active{color:#2563eb;border-bottom-color:#2563eb}.whitepapers-content{min-height:400px}.whitepapers-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.whitepapers-loading{text-align:center;padding:3rem;color:#6b7280}.whitepapers-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.whitepapers-empty svg{margin-bottom:1rem;opacity:.5}.whitepapers-create-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s}.whitepapers-create-button:hover{background:#1d4ed8}.whitepapers-list{display:grid;gap:1rem}.whitepapers-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s}.whitepapers-item:hover{box-shadow:0 4px 6px -1px #0000001a}.whitepapers-item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.whitepapers-item-title{font-size:1.25rem;font-weight:600;margin:0;color:#1f2937}.whitepapers-item-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.whitepapers-item-status{text-transform:capitalize;padding:.25rem .5rem;background:#f3f4f6;border-radius:.25rem}.whitepapers-item-topic{color:#4b5563;margin:.5rem 0}.whitepapers-item-stats{display:flex;gap:1rem;font-size:.875rem;color:#6b7280;margin:.5rem 0}.whitepapers-item-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.whitepapers-action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.whitepapers-action-button:hover{background:#e5e7eb}.whitepapers-action-button.danger{color:#dc2626}.whitepapers-action-button.danger:hover{background:#fee2e2;border-color:#fecaca}.whitepaper-creator{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:2rem}.whitepaper-creator h2{margin:0 0 .5rem;color:#1f2937}.whitepaper-creator-description{color:#6b7280;margin-bottom:2rem}.whitepaper-creator-form{display:flex;flex-direction:column;gap:1.5rem}.whitepaper-form-group{display:flex;flex-direction:column;gap:.5rem}.whitepaper-form-group label{font-weight:500;color:#374151}.whitepaper-form-group input,.whitepaper-form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit}.whitepaper-form-group textarea{resize:vertical}.whitepaper-file-upload input[type=file]{padding:.5rem}.whitepaper-uploaded-files{margin-top:1rem}.whitepaper-uploaded-files h4{font-size:.875rem;font-weight:500;margin:0 0 .5rem}.whitepaper-uploaded-files ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.whitepaper-uploaded-files li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:.375rem;font-size:.875rem}.whitepaper-uploaded-files li button{padding:.25rem .75rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:.25rem;cursor:pointer;font-size:.75rem}.whitepaper-creator-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.whitepaper-creator-actions button{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.whitepaper-creator-actions button:first-child{background:#fff;border:1px solid #d1d5db;color:#374151}.whitepaper-creator-actions button:first-child:hover{background:#f9fafb}.whitepaper-generate-button{background:#2563eb;color:#fff;border:none}.whitepaper-generate-button:hover:not(:disabled){background:#1d4ed8}.whitepaper-generate-button:disabled{opacity:.5;cursor:not-allowed}.whitepaper-editor{display:flex;flex-direction:column;gap:1rem}.whitepaper-editor-header{display:flex;align-items:center;gap:1rem}.whitepaper-back-button{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem}.whitepaper-editor-header h2{margin:0;color:#1f2937}.whitepaper-editor-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.whitepaper-preview{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;max-height:80vh;overflow-y:auto}.whitepaper-preview h3{margin:0 0 1rem;color:#1f2937}.whitepaper-preview-content{line-height:1.6;color:#374151}.whitepaper-preview-content h1,.whitepaper-preview-content h2,.whitepaper-preview-content h3{color:#1f2937;margin-top:1.5em}.whitepaper-preview-content img{max-width:100%;height:auto;border-radius:.375rem;margin:1rem 0}.whitepaper-preview-content code{background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.whitepaper-preview-content pre{background:#f3f4f6;padding:1rem;border-radius:.375rem;overflow-x:auto}.whitepaper-chat{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;height:fit-content;max-height:80vh}.whitepaper-chat h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:#1f2937}.whitepaper-chat-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.whitepaper-chat-history{flex:1;overflow-y:auto;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;max-height:400px;display:flex;flex-direction:column;gap:1rem}.whitepaper-chat-message{padding:.75rem;border-radius:.375rem;font-size:.875rem}.whitepaper-chat-message.user{background:#eff6ff;align-self:flex-end;max-width:80%}.whitepaper-chat-message.assistant{background:#f3f4f6;align-self:flex-start;max-width:80%}.whitepaper-chat-message strong{display:block;margin-bottom:.25rem;color:#1f2937}.whitepaper-chat-message p{margin:0;color:#4b5563}.whitepaper-chat-input{display:flex;flex-direction:column;gap:.5rem}.whitepaper-chat-input textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical}.whitepaper-send-button{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background .2s}.whitepaper-send-button:hover:not(:disabled){background:#1d4ed8}.whitepaper-send-button:disabled{opacity:.5;cursor:not-allowed}.whitepaper-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem;border-radius:.375rem;font-size:.875rem}@media (max-width: 1024px){.whitepaper-editor-content{grid-template-columns:1fr}}.whitepaper-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;background:#fff;cursor:pointer}.whitepaper-url-count{font-size:.75rem;color:#6b7280;margin-top:.25rem}.whitepaper-generator{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;min-height:500px}.whitepaper-progress{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-step .progress-icon{width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6b7280;transition:all .3s}.progress-step.active .progress-icon{background:#2563eb;border-color:#2563eb;color:#fff}.progress-step.complete .progress-icon{background:#10b981;border-color:#10b981;color:#fff}.progress-step span{font-size:.75rem;color:#6b7280;font-weight:500}.progress-step.active span,.progress-step.complete span{color:#1f2937}.progress-line{width:80px;height:2px;background:#e5e7eb;margin:0 1rem 1.5rem}.whitepaper-phase{text-align:center;padding:2rem}.phase-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.phase-header h2{margin:0;color:#1f2937}.phase-header svg{color:#2563eb}.phase-header.success svg{color:#10b981}.status-message{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.phase-description{color:#6b7280;max-width:500px;margin:0 auto}.analysis-animation{position:relative;width:100px;height:100px;margin:2rem auto;display:flex;align-items:center;justify-content:center}.analysis-animation svg{color:#2563eb;z-index:1}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #2563eb;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.question-progress{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.question-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;text-align:left;max-width:600px;margin:0 auto}.question-text{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 .5rem}.question-context{font-size:.875rem;color:#6b7280;margin:0 0 1rem;font-style:italic}.question-card textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:1rem;box-sizing:border-box}.question-actions{display:flex;gap:1rem;justify-content:space-between}.skip-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .2s}.skip-button:hover:not(:disabled){background:#f9fafb;color:#374151}.answer-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.answer-button:hover:not(:disabled){background:#1d4ed8}.answer-button:disabled,.skip-button:disabled{opacity:.5;cursor:not-allowed}.thinking-section{background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:left;max-height:200px;overflow-y:auto}.thinking-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.thinking-content{font-size:.875rem;color:#78350f;white-space:pre-wrap;line-height:1.5}.streamed-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;text-align:left;max-height:500px;overflow-y:auto}.content-preview{line-height:1.6;color:#374151}.content-preview h1,.content-preview h2,.content-preview h3{color:#1f2937;margin-top:1em}.content-preview p{margin:.5em 0}.generation-animation{padding:3rem}.generation-animation svg{color:#2563eb}.sparkle-animate{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.whitepaper-phase.complete{padding:4rem 2rem}.whitepaper-phase.complete .phase-header{color:#10b981}.generator-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center}.cancel-button{padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .2s}.cancel-button:hover{background:#f9fafb;color:#374151}@media (max-width: 640px){.whitepaper-progress{flex-wrap:wrap;gap:1rem}.progress-line{display:none}.question-actions{flex-direction:column}.skip-button,.answer-button{width:100%;justify-content:center}}.tasks-page{flex:1;overflow-y:auto;background:var(--content-bg-secondary);padding:2rem}.tasks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.tasks-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--content-text);letter-spacing:-.02em}.tasks-subtitle{font-size:1.125rem;margin:0;color:var(--content-text-secondary)}.tasks-create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tasks-create-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.tasks-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tasks-search{position:relative;flex:1;min-width:250px}.tasks-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--content-text-secondary);pointer-events:none}.tasks-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--content-bg);border:1px solid var(--content-border);border-radius:.5rem;font-size:.875rem;color:var(--content-text);transition:border-color .2s ease}.tasks-search-input:focus{outline:none;border-color:var(--color-primary)}.tasks-filter-group{display:flex;align-items:center;gap:.75rem}.tasks-filter-icon{color:var(--content-text-secondary);flex-shrink:0}.tasks-filter-select{padding:.75rem 1rem;background:var(--content-bg);border:1px solid var(--content-border);border-radius:.5rem;font-size:.875rem;color:var(--content-text);cursor:pointer;transition:border-color .2s ease}.tasks-filter-select:focus{outline:none;border-color:var(--color-primary)}.tasks-table-container{background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border);overflow:hidden;overflow-x:auto}.tasks-table{width:100%;border-collapse:collapse;min-width:1000px}.tasks-table thead{background:var(--content-bg-secondary);border-bottom:2px solid var(--content-border)}.tasks-table th{padding:1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--content-text-secondary);text-transform:uppercase;letter-spacing:.05em}.tasks-table tbody tr{border-bottom:1px solid var(--content-border);transition:background .2s ease}.tasks-table tbody tr:hover{background:var(--content-bg-secondary)}.tasks-table tbody tr:last-child{border-bottom:none}.tasks-table td{padding:1rem;font-size:.875rem;color:var(--content-text)}.tasks-title-cell{max-width:300px}.tasks-title-text{font-weight:500;color:var(--content-text);margin-bottom:.25rem}.tasks-description-text{font-size:.8125rem;color:var(--content-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-status-badge{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500}.tasks-status-icon{width:16px;height:16px;flex-shrink:0}.tasks-status-icon.completed{color:var(--color-success)}.tasks-status-icon.in-progress{color:var(--color-warning)}.tasks-status-icon.open{color:var(--color-info)}.tasks-status-icon.cancelled{color:var(--color-error)}.tasks-priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tasks-priority-badge.urgent{background:var(--color-error-light);color:var(--color-error-dark)}.tasks-priority-badge.high{background:var(--color-warning-light);color:var(--color-warning-dark)}.tasks-priority-badge.medium{background:var(--color-info-light);color:var(--color-info-dark)}.tasks-priority-badge.low{background:var(--color-gray-100);color:var(--color-gray-700)}.tasks-overdue{color:var(--color-error);font-weight:500}.tasks-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tasks-tag{padding:.25rem .5rem;background:var(--color-info-light);color:var(--color-info-dark);border-radius:.25rem;font-size:.75rem;font-weight:500}.tasks-actions{display:flex;gap:.5rem}.tasks-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--content-border);border-radius:.375rem;color:var(--content-text-secondary);cursor:pointer;transition:all .2s ease}.tasks-action-button:hover{background:var(--content-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.tasks-action-button.delete:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.tasks-empty{text-align:center;padding:4rem 2rem}.tasks-empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.tasks-empty-content p{color:var(--content-text-secondary);font-size:.9375rem;margin:0}.tasks-empty-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tasks-empty-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.tasks-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.tasks-modal{background:var(--content-bg);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.tasks-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--content-border)}.tasks-modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--content-text)}.tasks-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:.375rem;color:var(--content-text-secondary);cursor:pointer;transition:all .2s ease}.tasks-modal-close:hover{background:var(--content-bg-secondary);color:var(--content-text)}.tasks-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.tasks-form-group{margin-bottom:1.5rem}.tasks-form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--content-text);margin-bottom:.5rem}.tasks-form-input,.tasks-form-textarea,.tasks-form-select{width:100%;padding:.75rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;color:var(--content-text);transition:border-color .2s ease;font-family:inherit}.tasks-form-input:focus,.tasks-form-textarea:focus,.tasks-form-select:focus{outline:none;border-color:var(--color-primary)}.tasks-form-textarea{resize:vertical;min-height:100px}.tasks-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tasks-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--content-border)}.tasks-button-primary{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tasks-button-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.tasks-button-secondary{padding:.75rem 1.5rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tasks-button-secondary:hover{background:var(--content-bg);border-color:var(--color-primary)}.tasks-view-group{margin-bottom:1.5rem}.tasks-view-group label{display:block;font-size:.875rem;font-weight:500;color:var(--content-text-secondary);margin-bottom:.5rem}.tasks-view-group p{margin:0;color:var(--content-text);font-size:.9375rem}.tasks-view-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.tasks-page{padding:1rem}.tasks-header{flex-direction:column;gap:1rem}.tasks-filters{flex-direction:column}.tasks-filter-group{flex-wrap:wrap}.tasks-form-row,.tasks-view-row{grid-template-columns:1fr}.tasks-modal{max-width:100%;margin:1rem}}.scheduler-page{flex:1;overflow-y:auto;background:var(--content-bg-secondary);padding:2rem}.scheduler-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.scheduler-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--content-text);letter-spacing:-.02em}.scheduler-subtitle{font-size:1.125rem;margin:0;color:var(--content-text-secondary)}.scheduler-create-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduler-create-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.scheduler-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.scheduler-search{position:relative;flex:1;min-width:250px}.scheduler-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--content-text-secondary);pointer-events:none}.scheduler-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--content-bg);border:1px solid var(--content-border);border-radius:.5rem;font-size:.875rem;color:var(--content-text);transition:border-color .2s ease}.scheduler-search-input:focus{outline:none;border-color:var(--color-primary)}.scheduler-filter-group{display:flex;align-items:center;gap:.75rem}.scheduler-filter-icon{color:var(--content-text-secondary);flex-shrink:0}.scheduler-filter-select{padding:.75rem 1rem;background:var(--content-bg);border:1px solid var(--content-border);border-radius:.5rem;font-size:.875rem;color:var(--content-text);cursor:pointer;transition:border-color .2s ease}.scheduler-filter-select:focus{outline:none;border-color:var(--color-primary)}.scheduler-table-container{background:var(--content-bg);border-radius:.5rem;border:1px solid var(--content-border);overflow:hidden;overflow-x:auto}.scheduler-table{width:100%;border-collapse:collapse;min-width:1200px}.scheduler-table thead{background:var(--content-bg-secondary);border-bottom:2px solid var(--content-border)}.scheduler-table th{padding:1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--content-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scheduler-table tbody tr{border-bottom:1px solid var(--content-border);transition:background .2s ease}.scheduler-table tbody tr:hover{background:var(--content-bg-secondary)}.scheduler-table tbody tr:last-child{border-bottom:none}.scheduler-table td{padding:1rem;font-size:.875rem;color:var(--content-text)}.scheduler-name-cell{max-width:200px}.scheduler-name-text{font-weight:500;color:var(--content-text);margin-bottom:.25rem}.scheduler-type-text{font-size:.8125rem;color:var(--content-text-secondary)}.scheduler-schedule-cell{display:flex;align-items:center;gap:.5rem}.scheduler-schedule-icon{color:var(--content-text-secondary);flex-shrink:0}.scheduler-url-cell a{color:var(--color-primary);text-decoration:none;word-break:break-all}.scheduler-url-cell a:hover{text-decoration:underline}.scheduler-task-types{display:flex;flex-wrap:wrap;gap:.5rem}.scheduler-task-type{padding:.25rem .5rem;background:var(--color-info-light);color:var(--color-info-dark);border-radius:.25rem;font-size:.75rem;font-weight:500}.scheduler-status-badge{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500}.scheduler-status-icon{width:16px;height:16px;flex-shrink:0}.scheduler-status-icon.active{color:var(--color-success)}.scheduler-status-icon.paused{color:var(--color-warning)}.scheduler-status-icon.error{color:var(--color-error)}.scheduler-date-cell{display:flex;align-items:center;gap:.5rem}.scheduler-date-icon{color:var(--content-text-secondary);flex-shrink:0}.scheduler-no-date{color:var(--content-text-secondary);font-style:italic}.scheduler-tasks-count{font-weight:600;color:var(--color-primary)}.scheduler-actions{display:flex;gap:.5rem}.scheduler-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--content-border);border-radius:.375rem;color:var(--content-text-secondary);cursor:pointer;transition:all .2s ease}.scheduler-action-button:hover{background:var(--content-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.scheduler-action-button.delete:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.scheduler-empty{text-align:center;padding:4rem 2rem}.scheduler-empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.scheduler-empty-content p{color:var(--content-text-secondary);font-size:.9375rem;margin:0}.scheduler-empty-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduler-empty-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.scheduler-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.scheduler-modal{background:var(--content-bg);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.scheduler-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--content-border)}.scheduler-modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--content-text)}.scheduler-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:.375rem;color:var(--content-text-secondary);cursor:pointer;transition:all .2s ease}.scheduler-modal-close:hover{background:var(--content-bg-secondary);color:var(--content-text)}.scheduler-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.scheduler-form-group{margin-bottom:1.5rem}.scheduler-form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--content-text);margin-bottom:.5rem}.scheduler-form-input,.scheduler-form-textarea,.scheduler-form-select{width:100%;padding:.75rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem;font-size:.875rem;color:var(--content-text);transition:border-color .2s ease;font-family:inherit}.scheduler-form-input:focus,.scheduler-form-textarea:focus,.scheduler-form-select:focus{outline:none;border-color:var(--color-primary)}.scheduler-form-textarea{resize:vertical;min-height:80px}.scheduler-form-help{display:block;margin-top:.25rem;font-size:.75rem;color:var(--content-text-secondary)}.scheduler-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scheduler-task-types-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:.375rem}.scheduler-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--content-text)}.scheduler-checkbox{width:18px;height:18px;cursor:pointer}.scheduler-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--content-border)}.scheduler-button-primary{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduler-button-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.scheduler-button-secondary{padding:.75rem 1.5rem;background:var(--content-bg-secondary);color:var(--content-text);border:1px solid var(--content-border);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduler-button-secondary:hover{background:var(--content-bg);border-color:var(--color-primary)}.scheduler-view-group{margin-bottom:1.5rem}.scheduler-view-group label{display:block;font-size:.875rem;font-weight:500;color:var(--content-text-secondary);margin-bottom:.5rem}.scheduler-view-group p{margin:0;color:var(--content-text);font-size:.9375rem}.scheduler-view-group a{color:var(--color-primary);text-decoration:none}.scheduler-view-group a:hover{text-decoration:underline}.scheduler-view-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.scheduler-page{padding:1rem}.scheduler-header{flex-direction:column;gap:1rem}.scheduler-filters{flex-direction:column}.scheduler-filter-group{flex-wrap:wrap}.scheduler-form-row,.scheduler-view-row,.scheduler-task-types-select{grid-template-columns:1fr}.scheduler-modal{max-width:100%;margin:1rem}}.ad-size-selector{display:flex;flex-direction:column;gap:1rem}.ad-size-filters{display:flex;gap:.5rem;flex-wrap:wrap}.ad-size-filter{padding:.5rem 1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px;color:var(--content-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.ad-size-filter:hover{background:var(--content-border);color:var(--content-text)}.ad-size-filter.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ad-size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ad-size-card{padding:1rem;border:2px solid var(--content-border);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--content-bg)}.ad-size-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb1a}.ad-size-card.selected{border-color:var(--color-primary);background:var(--color-info-light)}.ad-size-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.ad-size-card-header input[type=checkbox]{cursor:pointer}.ad-size-name{font-weight:500;color:var(--content-text);font-size:.95rem}.ad-size-preview{border:1px dashed var(--content-border);border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--content-bg-secondary);margin:0 auto}.ad-size-dimensions{font-size:.85rem;color:var(--content-text-secondary);font-weight:500}.ad-size-text-only{padding:1rem;text-align:center;background:var(--content-bg-secondary);border-radius:4px;color:var(--content-text-secondary);font-size:.9rem}.ad-size-selected-count{padding:.75rem;background:var(--color-info-light);border:1px solid var(--color-info);border-radius:6px;color:var(--color-info-dark);font-size:.9rem;text-align:center}.image-edit-panel{flex:0 0 400px;background:var(--content-bg);border:1px solid var(--content-border);border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 200px);overflow-y:auto}.image-edit-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--content-border)}.image-edit-panel-header h3{margin:0;font-size:1.25rem;color:var(--content-text)}.image-edit-panel-close{background:none;border:none;color:var(--content-text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.image-edit-panel-close:hover{background:var(--content-bg-secondary);color:var(--content-text)}.image-edit-panel-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.image-edit-panel-form{display:flex;flex-direction:column;gap:1rem}.image-edit-panel-label{font-size:.9rem;font-weight:500;color:var(--content-text)}.image-edit-panel-textarea{width:100%;padding:.75rem;border:1px solid var(--content-border);border-radius:6px;background:var(--content-bg);color:var(--content-text);font-size:.9rem;font-family:inherit;resize:vertical;min-height:100px}.image-edit-panel-textarea:focus{outline:none;border-color:var(--color-primary)}.image-edit-panel-textarea:disabled{opacity:.6;cursor:not-allowed}.image-edit-panel-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#dc2626;font-size:.9rem}.image-edit-panel-submit{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;align-self:flex-start}.image-edit-panel-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.image-edit-panel-submit:disabled{opacity:.6;cursor:not-allowed}.image-edit-panel-comparison{display:flex;flex-direction:column;gap:1rem}.image-edit-panel-image-container{display:flex;flex-direction:column;gap:.5rem}.image-edit-panel-image-label{font-size:.85rem;font-weight:500;color:var(--content-text-secondary);text-transform:uppercase;letter-spacing:.5px}.image-edit-panel-image{width:100%;height:auto;border:1px solid var(--content-border);border-radius:6px;background:var(--content-bg-secondary)}@media (max-width: 1024px){.ad-preview-content.with-edit-panel{flex-direction:column}.image-edit-panel{flex:1;max-height:500px}}.ad-preview{display:flex;flex-direction:column;gap:1.5rem}.ad-preview-header{border-bottom:2px solid var(--content-border)}.ad-preview-tabs{display:flex;gap:.5rem;overflow-x:auto}.ad-preview-tab{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--content-text-secondary);font-size:.9rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s;white-space:nowrap;margin-bottom:-2px}.ad-preview-tab:hover{color:var(--content-text)}.ad-preview-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.ad-preview-tab-size{font-size:.75rem;opacity:.7}.ad-preview-content{display:flex;flex-direction:column;gap:1rem}.ad-preview-content.with-edit-panel{flex-direction:row;align-items:flex-start;gap:1.5rem}.ad-preview-main{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.ad-preview-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.ad-preview-mode-toggle{display:flex;gap:.5rem;border:1px solid var(--content-border);border-radius:6px;overflow:hidden}.ad-preview-mode-button{padding:.5rem 1rem;background:var(--content-bg);border:none;color:var(--content-text-secondary);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.ad-preview-mode-button:hover{background:var(--content-bg-secondary);color:var(--content-text)}.ad-preview-mode-button.active{background:var(--color-primary);color:#fff}.ad-preview-downloads{display:flex;gap:.5rem}.ad-preview-download-button{padding:.5rem 1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px;color:var(--content-text);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.ad-preview-download-button:hover{background:var(--content-border)}.ad-preview-display{border:1px solid var(--content-border);border-radius:8px;padding:0;background:var(--content-bg-secondary);display:flex;justify-content:center;align-items:center;overflow:visible;width:fit-content;margin:0 auto}.ad-preview-frame{display:flex;justify-content:center;align-items:center;width:100%;overflow:visible}.ad-preview-html{width:100%;max-height:500px;overflow:auto}.ad-preview-html pre{margin:0;padding:1rem;background:var(--content-bg);border:1px solid var(--content-border);border-radius:4px;font-size:.85rem;overflow-x:auto}.ad-preview-html code{font-family:Courier New,monospace;color:var(--content-text)}.ad-preview-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px}.ad-preview-info-item{font-size:.9rem;color:var(--content-text)}.ad-preview-info-item strong{color:var(--content-text);margin-right:.5rem}.ad-preview-info-item a{color:var(--color-primary);text-decoration:none}.ad-preview-info-item a:hover{text-decoration:underline}.ad-preview-history{margin-top:1.5rem;padding:1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px}.ad-preview-history-title{margin:0 0 1rem;font-size:1rem;font-weight:500;color:var(--content-text)}.ad-preview-history-loading,.ad-preview-history-empty{padding:1rem;text-align:center;color:var(--content-text-secondary);font-size:.9rem}.ad-preview-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.ad-preview-history-item{position:relative;border:2px solid var(--content-border);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s;background:var(--content-bg)}.ad-preview-history-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ad-preview-history-item.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.ad-preview-history-thumbnail{width:100%;height:auto;display:block}.ad-preview-history-label{padding:.5rem;font-size:.8rem;color:var(--content-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-preview-history-badge{position:absolute;top:.5rem;right:.5rem;background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.ad-creator{display:flex;flex-direction:column;gap:2rem}.ad-creator-form{display:flex;flex-direction:column;gap:1.5rem}.ad-creator-section{display:flex;flex-direction:column;gap:.5rem}.ad-creator-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--content-text);font-size:.95rem}.ad-creator-input,.ad-creator-select,.ad-creator-textarea{padding:.75rem;border:1px solid var(--content-border);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--content-bg);color:var(--content-text);transition:border-color .2s}.ad-creator-input:focus,.ad-creator-select:focus,.ad-creator-textarea:focus{outline:none;border-color:var(--color-primary)}.ad-creator-textarea{resize:vertical;min-height:100px}.ad-creator-url-actions{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.ad-creator-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--content-text-secondary);cursor:pointer}.ad-creator-checkbox-label input[type=checkbox]{cursor:pointer}.ad-creator-button-secondary{padding:.5rem 1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px;color:var(--content-text);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.ad-creator-button-secondary:hover:not(:disabled){background:var(--content-border)}.ad-creator-button-secondary:disabled{opacity:.6;cursor:not-allowed}.ad-creator-analysis-preview{margin-top:.75rem;padding:1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px;font-size:.9rem}.ad-creator-analysis-preview h4{margin:0 0 .5rem;font-size:1rem;color:var(--content-text)}.ad-creator-analysis-preview p{margin:.25rem 0;color:var(--content-text-secondary)}.ad-creator-error{padding:1rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:6px;color:var(--color-error-dark)}.ad-creator-button-primary{padding:.75rem 1.5rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.ad-creator-button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ad-creator-button-primary:disabled{opacity:.6;cursor:not-allowed}.ad-creator-results{margin-top:2rem}.ad-creator-results-title{font-size:1.5rem;font-weight:600;color:var(--content-text);margin-bottom:1.5rem}.ad-history{display:flex;flex-direction:column}.ad-history-loading,.ad-history-error,.ad-history-empty{padding:3rem;text-align:center;color:var(--content-text-secondary)}.ad-history-error button{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer}.ad-history-list{display:flex;flex-direction:column;gap:1rem}.ad-history-item{padding:1.5rem;border:1px solid var(--content-border);border-radius:8px;background:var(--content-bg);cursor:pointer;transition:all .2s}.ad-history-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb1a}.ad-history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.ad-history-item-url{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--content-text);flex:1;min-width:200px}.ad-history-item-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-history-item-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--content-text-secondary)}.ad-history-item-details{display:flex;gap:1rem;flex-wrap:wrap}.ad-history-item-detail{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--content-text-secondary)}.ad-history-detail{display:flex;flex-direction:column;gap:1.5rem}.ad-history-back-button{padding:.5rem 1rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:6px;color:var(--content-text);font-size:.9rem;cursor:pointer;align-self:flex-start;transition:all .2s}.ad-history-back-button:hover{background:var(--content-border)}.ad-history-detail-info{padding:1.5rem;background:var(--content-bg-secondary);border:1px solid var(--content-border);border-radius:8px}.ad-history-detail-info h3{margin:0 0 1rem;color:var(--content-text)}.ad-history-detail-info p{margin:.5rem 0;color:var(--content-text)}.ad-history-detail-info a{color:var(--color-primary);text-decoration:none}.ad-history-detail-info a:hover{text-decoration:underline}.ad-studio-page{padding:2rem;width:100%}.ad-studio-header{margin-bottom:2rem}.ad-studio-title{font-size:2rem;font-weight:600;color:var(--content-text);margin:0 0 .5rem}.ad-studio-description{color:var(--content-text-secondary);margin:0}.ad-studio-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--content-border);margin-bottom:2rem}.ad-studio-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--content-text-secondary);font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:-2px}.ad-studio-tab:hover{color:var(--content-text)}.ad-studio-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.ad-studio-content{min-height:400px}.customer-segment-page{padding:2rem;max-width:1400px;margin:0 auto;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.customer-segment-header{margin-bottom:2rem}.customer-segment-title{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #1a1a1a)}.customer-segment-description{color:var(--text-secondary, #666);margin:0;font-size:1rem}.customer-segment-content{display:flex;flex-direction:column;gap:2rem}.customer-segment-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.customer-segment-layout{grid-template-columns:1fr}.customer-segment-job-history{position:static;max-height:none}}.customer-segment-job-history{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1rem;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.customer-segment-job-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.customer-segment-job-history-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.customer-segment-job-list{display:flex;flex-direction:column;gap:.5rem}.customer-segment-no-jobs{padding:1rem;text-align:center;color:var(--text-secondary, #666);font-size:.9rem}.customer-segment-job-item{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, #f9f9f9)}.customer-segment-job-item:hover{background:var(--bg-hover, #f0f0f0);border-color:#4caf50}.customer-segment-job-item.selected{background:#e8f5e9;border-color:#4caf50}.customer-segment-job-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.customer-segment-job-status{font-size:.9rem;color:#4caf50}.customer-segment-job-name{font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-segment-job-item-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary, #666)}.customer-segment-job-date{flex:1}.customer-segment-job-count{font-weight:500}.customer-segment-main-content{display:flex;flex-direction:column;gap:2rem}.customer-segment-results-count{font-weight:400;color:var(--text-secondary, #666);font-size:1rem;margin-left:.5rem}.customer-segment-url-link{color:#4caf50;text-decoration:none;font-size:.85rem;word-break:break-all}.customer-segment-url-link:hover{text-decoration:underline}.customer-segment-no-results{padding:2rem;text-align:center;color:var(--text-secondary, #666);font-size:.9rem}.customer-segment-input-section{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.customer-segment-field{display:flex;flex-direction:column;gap:.5rem}.customer-segment-field label{font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.9rem}.customer-segment-hint{display:block;font-weight:400;color:var(--text-secondary, #666);font-size:.85rem;margin-top:.25rem}.customer-segment-field input[type=text],.customer-segment-field select,.customer-segment-field textarea{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:.9rem;font-family:inherit}.customer-segment-field textarea{resize:vertical;min-height:150px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.customer-segment-upload{margin-top:.5rem}.customer-segment-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.customer-segment-upload-button:hover{background:var(--bg-hover, #e8e8e8)}.customer-segment-error{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33}.customer-segment-progress{padding:1rem;background:var(--bg-tertiary, #f5f5f5);border-radius:4px}.customer-segment-progress-bar{width:100%;height:8px;background:var(--bg-secondary, #e0e0e0);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.customer-segment-progress-fill{height:100%;background:#4caf50;transition:width .3s}.customer-segment-progress p{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.customer-segment-analyze-button{padding:.75rem 1.5rem;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s;align-self:flex-start}.customer-segment-analyze-button:hover:not(:disabled){background:#45a049}.customer-segment-analyze-button:disabled{background:#ccc;cursor:not-allowed}.customer-segment-results{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem}.customer-segment-results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.customer-segment-results-header h2{margin:0;font-size:1.5rem;font-weight:600}.customer-segment-actions{display:flex;gap:.5rem}.customer-segment-results-header>div:first-child{flex:1}.customer-segment-job-status-info{margin-top:.5rem}.customer-segment-status-text{font-size:.85rem;color:var(--text-secondary, #666);font-weight:400}.customer-segment-refresh-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s;color:var(--text-primary, #1a1a1a)}.customer-segment-refresh-button:hover:not(:disabled){background:var(--bg-hover, #e8e8e8)}.customer-segment-refresh-button:disabled{opacity:.6;cursor:not-allowed}.customer-segment-export-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s;color:var(--text-primary, #1a1a1a)}.customer-segment-export-button:hover{background:var(--bg-hover, #e8e8e8)}.customer-segment-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.customer-segment-filter{display:flex;align-items:center;gap:.5rem}.customer-segment-filter select{padding:.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:.9rem}.customer-segment-clear-filters{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.customer-segment-clear-filters:hover{background:var(--bg-hover, #e8e8e8)}.customer-segment-table-container{overflow-x:auto;overflow-y:visible;max-height:none}.customer-segment-table{width:100%;border-collapse:collapse;font-size:.9rem}.customer-segment-table thead{background:var(--bg-tertiary, #f5f5f5);border-bottom:2px solid var(--border-color, #e0e0e0)}.customer-segment-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary, #1a1a1a)}.customer-segment-expand-col{width:40px}.customer-segment-expand-button{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;color:var(--text-secondary, #666);transition:color .2s}.customer-segment-expand-button:hover{color:var(--text-primary, #1a1a1a)}.customer-segment-row{border-bottom:1px solid var(--border-color, #e0e0e0);transition:background .2s}.customer-segment-row:hover{background:var(--bg-hover, #f9f9f9)}.customer-segment-table td{padding:.75rem;color:var(--text-primary, #1a1a1a)}.customer-segment-table td a{color:#4caf50;text-decoration:none}.customer-segment-table td a:hover{text-decoration:underline}.customer-segment-details-row{background:var(--bg-tertiary, #f9f9f9);position:relative;z-index:1}.customer-segment-details{padding:1rem}.customer-segment-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.customer-segment-detail-item{display:flex;flex-direction:column;gap:.25rem}.customer-segment-detail-item.full-width{grid-column:1 / -1}.customer-segment-detail-item strong{color:var(--text-secondary, #666);font-size:.85rem;font-weight:600}.customer-segment-social-link{margin-left:.5rem;color:#4caf50;text-decoration:none}.customer-segment-social-link:hover{text-decoration:underline}.customer-segment-confidence{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500;text-transform:capitalize}.customer-segment-confidence-high{background:#e8f5e9;color:#2e7d32}.customer-segment-confidence-medium{background:#fff3e0;color:#e65100}.customer-segment-confidence-low{background:#ffebee;color:#c62828}.brand-analysis-page{padding:2rem;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.brand-analysis-header{margin-bottom:2rem}.brand-analysis-title{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #1a1a1a)}.brand-analysis-description{color:var(--text-secondary, #666);margin:0;font-size:1rem}.brand-analysis-content{display:flex;flex-direction:column;gap:2rem;width:100%}.brand-analysis-runs-panel{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.brand-analysis-runs-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;text-align:left;transition:background .2s ease}.brand-analysis-runs-toggle:hover{background:var(--bg-tertiary, #f9f9f9)}.brand-analysis-runs-company{font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-runs-count{color:var(--text-secondary, #666);font-size:.85rem}.brand-analysis-runs-list{border-top:1px solid var(--border-color, #e0e0e0);max-height:200px;overflow-y:auto}.brand-analysis-run-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem .625rem 2.25rem;cursor:pointer;font-size:.85rem;transition:background .2s ease;border-bottom:1px solid var(--border-color, #f0f0f0)}.brand-analysis-run-item:last-child{border-bottom:none}.brand-analysis-run-item:hover{background:var(--bg-tertiary, #f9f9f9)}.brand-analysis-run-item.active{background:var(--accent-teal-light, #e6f4f1);color:var(--accent-teal, #2a9d8f)}.brand-analysis-run-date{color:var(--text-primary, #1a1a1a)}.brand-analysis-run-item.active .brand-analysis-run-date{color:var(--accent-teal, #2a9d8f);font-weight:500}.brand-analysis-run-input{color:var(--text-tertiary, #999);font-size:.8rem}.brand-analysis-empty-actions{display:flex;gap:.75rem;margin-top:.5rem}.brand-analysis-browse-cta.secondary{background:none;border:1px solid var(--accent-teal, #2a9d8f);color:var(--accent-teal, #2a9d8f)}.brand-analysis-browse-cta.secondary:hover{background:var(--accent-teal, #2a9d8f);color:#fff}.brand-analysis-analysis-list{display:flex;flex-direction:column;gap:.5rem}.brand-analysis-analysis-item{padding:.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary, #f9f9f9)}.brand-analysis-analysis-item:hover,.brand-analysis-analysis-item.expanded{background:var(--bg-hover, #f0f0f0)}.brand-analysis-analysis-item-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.brand-analysis-analysis-date{flex:1;color:var(--text-secondary, #666)}.brand-analysis-view-button{padding:.25rem .5rem;background:#5b7c99;color:#fff;border:none;border-radius:3px;font-size:.75rem;cursor:pointer;transition:background .2s}.brand-analysis-view-button:hover{background:#4a6a85}.brand-analysis-analysis-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #e0e0e0);font-size:.8rem;color:var(--text-secondary, #666)}.brand-analysis-main-content{display:flex;flex-direction:column;gap:2rem}.brand-analysis-input-section{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.brand-analysis-field{display:flex;flex-direction:column;gap:.5rem}.brand-analysis-field label{font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.9rem}.brand-analysis-hint{display:block;font-weight:400;color:var(--text-secondary, #666);font-size:.85rem;margin-top:.25rem}.brand-analysis-field input[type=text]{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:.9rem;font-family:inherit}.brand-analysis-field input[type=text]:disabled{background:var(--bg-tertiary, #f5f5f5);cursor:not-allowed}.brand-analysis-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-primary, #1a1a1a);font-size:.9rem}.brand-analysis-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4a6fa5}.brand-analysis-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.brand-analysis-web-search-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#f0f4f7;color:#4a6a85;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid #d0dce5}.brand-analysis-error{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33}.brand-analysis-analyze-button{padding:.75rem 1.5rem;background:#4a6fa5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s;align-self:flex-start}.brand-analysis-analyze-button:hover:not(:disabled){background:#3d5e8c}.brand-analysis-analyze-button:disabled{background:#ccc;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.brand-analysis-results{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem}.brand-analysis-results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.brand-analysis-results-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand-analysis-results-header h2{margin:0;font-size:1.5rem;font-weight:600;flex:1}.brand-analysis-raw-input{font-weight:400;color:var(--text-secondary, #666);font-size:.9rem}.brand-analysis-date{font-size:.85rem;color:var(--text-secondary, #666)}.brand-analysis-models-section{margin-bottom:2rem}.brand-analysis-models-section h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-models-table-container{overflow-x:auto;overflow-y:visible;width:100%;-webkit-overflow-scrolling:touch}.brand-analysis-models-table{width:100%;border-collapse:collapse;font-size:.85rem}.brand-analysis-models-table thead{background:var(--bg-tertiary, #f5f5f5);border-bottom:2px solid var(--border-color, #e0e0e0)}.brand-analysis-models-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary, #1a1a1a);white-space:nowrap}.brand-analysis-models-table td{padding:.75rem;color:var(--text-primary, #1a1a1a);border-bottom:1px solid var(--border-color, #e0e0e0);vertical-align:top}.brand-analysis-models-table tr:hover{background:var(--bg-hover, #f9f9f9)}.brand-analysis-model-name{font-weight:500;white-space:nowrap}.brand-analysis-models-table ul{margin:0;padding-left:1.25rem;list-style-type:disc}.brand-analysis-models-table li{margin-bottom:.25rem}.brand-analysis-more{color:var(--text-secondary, #666);font-style:italic;list-style-type:none;padding-left:0}.brand-analysis-consensus-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color, #e0e0e0)}.brand-analysis-consensus-section h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-consensus-content{display:flex;flex-direction:column;gap:1.5rem}.brand-analysis-consensus-text{background:var(--bg-tertiary, #f5f5f5);padding:1rem;border-radius:4px;border-left:3px solid #5b7c99}.brand-analysis-consensus-text p{margin:0;line-height:1.6;color:var(--text-primary, #1a1a1a)}.brand-analysis-alignment{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.brand-analysis-alignment{grid-template-columns:1fr}}.brand-analysis-aligned,.brand-analysis-divergent{padding:1rem;border-radius:4px}.brand-analysis-aligned{background:#f4f8f6;border-left:3px solid #5b8a7a}.brand-analysis-divergent{background:#faf8f6;border-left:3px solid #b8a692}.brand-analysis-aligned h4,.brand-analysis-divergent h4{margin:0 0 .5rem;font-size:1rem;font-weight:600}.brand-analysis-aligned ul,.brand-analysis-divergent ul{margin:0;padding-left:1.25rem;list-style-type:disc}.brand-analysis-aligned li,.brand-analysis-divergent li{margin-bottom:.25rem}.brand-analysis-consensus-data{background:var(--bg-tertiary, #f5f5f5);padding:1rem;border-radius:4px}.brand-analysis-consensus-data h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-consensus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.brand-analysis-consensus-grid>div{background:var(--bg-secondary, #fff);padding:.75rem;border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-consensus-grid strong{display:block;margin-bottom:.5rem;color:var(--text-primary, #1a1a1a);font-size:.9rem}.brand-analysis-consensus-grid ul{margin:.5rem 0 0;padding-left:1.25rem;list-style-type:disc}.brand-analysis-consensus-grid li{margin-bottom:.25rem;font-size:.85rem}.brand-analysis-consensus-grid p{margin:.5rem 0 0;font-size:.85rem;color:var(--text-primary, #1a1a1a)}.brand-analysis-model-status{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0)}.brand-analysis-model-status h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-status-list{display:flex;flex-direction:column;gap:.5rem}.brand-analysis-status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.brand-analysis-status-item.success{background:#f0f5f3;color:#3d6b5c}.brand-analysis-status-item.error{background:#faf5f5;color:#8b5a5a}.brand-analysis-status-model{font-weight:500}.brand-analysis-status-indicator{font-size:.8rem}.brand-analysis-methodology-panel{margin-top:1rem;border-top:1px solid var(--border-color, #e0e0e0);padding-top:1rem}.brand-analysis-methodology-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;width:100%;font-size:.9rem;color:var(--text-primary, #1a1a1a);transition:background .2s}.brand-analysis-methodology-toggle:hover{background:var(--bg-hover, #e8e8e8)}.brand-analysis-methodology-content{margin-top:1rem;padding:1rem;background:var(--bg-tertiary, #f5f5f5);border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-methodology-content h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-methodology-content p{margin:0 0 .75rem;color:var(--text-secondary, #666);font-size:.9rem}.brand-analysis-methodology-content ul{margin:.5rem 0;padding-left:1.5rem;list-style-type:disc}.brand-analysis-methodology-content li{margin-bottom:.5rem;font-size:.9rem;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;gap:.5rem}.score-badge{display:inline-block;padding:.25rem .5rem;border-radius:3px;color:#fff;font-size:.75rem;font-weight:600;min-width:40px;text-align:center}.brand-analysis-metrics-panel{margin-bottom:2rem;padding:1.5rem;background:var(--bg-tertiary, #f5f5f5);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-metrics-panel h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.brand-analysis-metric-card{background:var(--bg-secondary, #fff);padding:1rem;border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-metric-label{font-size:.85rem;color:var(--text-secondary, #666);margin-bottom:.5rem}.brand-analysis-metric-value{font-size:2rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.brand-analysis-metric-bar{width:100%;height:8px;background:var(--bg-tertiary, #e0e0e0);border-radius:4px;overflow:hidden}.brand-analysis-metric-fill{height:100%;background:linear-gradient(90deg,#5b7c99,#7a9bb8);transition:width .3s}.brand-analysis-hero-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.brand-analysis-hero-card{background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:8px;padding:.875rem 1rem;color:#fff;display:flex;gap:1.25rem;align-items:flex-start;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.05)}.brand-analysis-hero-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.brand-analysis-hero-card.category{background:linear-gradient(135deg,#3d7c6a,#2a5a4a)}.brand-analysis-hero-card.competitor{background:linear-gradient(135deg,#4a6fa5,#345280)}.brand-analysis-hero-card.product{background:linear-gradient(135deg,#8b6d5c,#6b5344)}.brand-analysis-hero-icon{flex-shrink:0;opacity:.9}.brand-analysis-hero-icon svg{width:24px;height:24px}.brand-analysis-hero-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.brand-analysis-hero-label{font-size:.7rem;opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.brand-analysis-hero-value{font-size:1.1rem;font-weight:600;line-height:1.2}.brand-analysis-hero-badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.65rem;font-weight:600;color:#fff;align-self:flex-start}.brand-analysis-hero-action{padding:.25rem .625rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:.75rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s;align-self:flex-start;margin-top:.25rem}.brand-analysis-hero-action:hover{background:#ffffff4d}.brand-analysis-hero-actions{display:flex;gap:.5rem;margin-top:.25rem}.brand-analysis-outliers-section{margin-top:2rem;padding:1.5rem;background:#faf8f6;border-radius:8px;border:1px solid #e0dcd8;border-left:4px solid #b8a692}.brand-analysis-outliers-section h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;gap:.5rem}.brand-analysis-outliers-description{margin:0 0 1rem;color:var(--text-secondary, #666);font-size:.9rem}.brand-analysis-outliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.brand-analysis-outlier-item{background:var(--bg-secondary, #fff);padding:.75rem;border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-outlier-category{font-size:.75rem;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.brand-analysis-outlier-value{font-size:.9rem;font-weight:500;color:var(--text-primary, #1a1a1a);margin-bottom:.25rem}.brand-analysis-outlier-model{font-size:.75rem;color:#9a8a78;font-style:italic}.brand-analysis-outliers-count{font-weight:400;color:var(--text-secondary, #666);font-size:.9rem;margin-left:.5rem}.brand-analysis-outliers-toggle{display:block;margin:1.25rem auto 0;padding:.5rem 1.25rem;background:none;border:1px solid var(--accent-teal, #2a9d8f);color:var(--accent-teal, #2a9d8f);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.brand-analysis-outliers-toggle:hover{background:var(--accent-teal, #2a9d8f);color:#fff}.brand-analysis-consensus-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.brand-analysis-consensus-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.brand-analysis-competitor-action{padding:.25rem .5rem;background:#5b7c99;color:#fff;border:none;border-radius:3px;font-size:.75rem;cursor:pointer;transition:background .2s;flex-shrink:0}.brand-analysis-competitor-action:hover{background:#4a6a85}.brand-analysis-comparison-section{margin-top:2rem;padding:1.5rem;background:var(--bg-tertiary, #f5f5f5);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.brand-analysis-comparison-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-close-comparison{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary, #666);transition:color .2s}.brand-analysis-close-comparison:hover{color:var(--text-primary, #1a1a1a)}.brand-analysis-comparison-content{color:var(--text-secondary, #666)}.brand-analysis-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}@media (max-width: 768px){.brand-analysis-comparison-grid{grid-template-columns:1fr}}.brand-analysis-comparison-brand{background:var(--bg-secondary, #fff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.brand-analysis-comparison-brand h4{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1a1a1a);padding-bottom:.75rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.brand-analysis-comparison-data{display:flex;flex-direction:column;gap:1rem}.brand-analysis-comparison-data>div{padding:.75rem;background:var(--bg-tertiary, #f5f5f5);border-radius:4px}.brand-analysis-comparison-data strong{display:block;margin-bottom:.5rem;color:var(--text-primary, #1a1a1a);font-size:.9rem}.brand-analysis-comparison-data p{margin:0;color:var(--text-primary, #1a1a1a);font-size:.9rem}.brand-analysis-comparison-data ul{margin:.5rem 0 0;padding-left:1.25rem;list-style-type:disc}.brand-analysis-comparison-data li{margin-bottom:.25rem;font-size:.85rem;color:var(--text-primary, #1a1a1a)}.brand-analysis-tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0);padding-bottom:0}.brand-analysis-tabs{display:flex;gap:.5rem}.brand-analysis-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:none;color:var(--text-secondary, #666);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.brand-analysis-tab:hover{color:var(--text-primary, #1a1a1a);background:var(--bg-tertiary, #f5f5f5)}.brand-analysis-tab.active{color:var(--accent-teal, #2a9d8f);border-bottom-color:var(--accent-teal, #2a9d8f)}.brand-analysis-tab-count{background:var(--bg-tertiary, #f0f0f0);color:var(--text-secondary, #666);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:10px}.brand-analysis-tab.active .brand-analysis-tab-count{background:var(--accent-teal, #2a9d8f);color:#fff}.brand-analysis-browse{width:100%}.brand-analysis-browse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.brand-analysis-browse-search{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:.75rem 1rem;flex:1;max-width:400px;transition:border-color .2s ease,box-shadow .2s ease}.brand-analysis-browse-search:focus-within{border-color:var(--accent-teal, #2a9d8f);box-shadow:0 0 0 3px #2a9d8f1a}.brand-analysis-browse-search svg{color:var(--text-secondary, #999);flex-shrink:0}.brand-analysis-browse-search input{flex:1;border:none;background:none;font-size:.95rem;color:var(--text-primary, #1a1a1a);outline:none}.brand-analysis-browse-search input::placeholder{color:var(--text-secondary, #999)}.brand-analysis-browse-clear{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:var(--bg-tertiary, #f0f0f0);border-radius:4px;cursor:pointer;color:var(--text-secondary, #666);transition:all .2s ease}.brand-analysis-browse-clear:hover{background:var(--bg-quaternary, #e0e0e0);color:var(--text-primary, #1a1a1a)}.brand-analysis-browse-count{color:var(--text-secondary, #666);font-size:.9rem}.brand-analysis-browse-loading,.brand-analysis-browse-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary, #666)}.brand-analysis-browse-loading svg,.brand-analysis-browse-empty svg{color:var(--text-secondary, #999);margin-bottom:1rem;opacity:.5}.brand-analysis-browse-empty h3{margin:0 0 .5rem;color:var(--text-primary, #1a1a1a);font-size:1.25rem}.brand-analysis-browse-empty p{margin:0}.brand-analysis-browse-cta{margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--accent-teal, #2a9d8f);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.brand-analysis-browse-cta:hover{background:var(--accent-teal-dark, #238b7f)}.brand-analysis-browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.brand-analysis-browse-card{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.brand-analysis-browse-card:hover{border-color:var(--accent-teal, #2a9d8f);box-shadow:0 2px 8px #2a9d8f1a}.brand-analysis-browse-card-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-browse-card-info{display:flex;align-items:center;gap:1rem;color:var(--text-secondary, #666);font-size:.85rem}.brand-analysis-browse-card-count{color:var(--text-secondary, #666)}.brand-analysis-browse-card-date{color:var(--text-tertiary, #999)}.brand-analysis-new-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-teal, #2a9d8f);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.brand-analysis-new-btn:hover{background:var(--accent-teal-dark, #238b7f)}.brand-analysis-empty-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--text-secondary, #666)}.brand-analysis-empty-results svg{color:var(--text-tertiary, #999);margin-bottom:1rem}.brand-analysis-empty-results h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-empty-results p{margin:0 0 1.5rem;font-size:.95rem}.brand-analysis-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.brand-analysis-modal{background:var(--bg-secondary, #fff);border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.brand-analysis-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.brand-analysis-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.brand-analysis-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.brand-analysis-modal-close:hover{background:var(--bg-tertiary, #f0f0f0);color:var(--text-primary, #1a1a1a)}.brand-analysis-modal-close:disabled{opacity:.5;cursor:not-allowed}.brand-analysis-modal-content{padding:1.5rem}.brand-analysis-modal-content .brand-analysis-field{margin-bottom:1rem}.brand-analysis-modal-content .brand-analysis-field:last-child{margin-bottom:0}.brand-analysis-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e0e0e0);background:var(--bg-tertiary, #f9f9f9);border-radius:0 0 12px 12px}.brand-analysis-modal-cancel{padding:.625rem 1.25rem;background:none;border:1px solid var(--border-color, #d0d0d0);border-radius:6px;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.brand-analysis-modal-cancel:hover{background:var(--bg-secondary, #fff);border-color:var(--text-secondary, #999)}.brand-analysis-modal-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.brand-analysis-tabs-container{flex-direction:column;align-items:stretch;gap:1rem}.brand-analysis-tabs-container .brand-analysis-new-btn{width:100%;justify-content:center}.brand-analysis-tabs{flex-wrap:wrap}.brand-analysis-tab{flex:1;justify-content:center;min-width:120px}.brand-analysis-browse-header{flex-direction:column;align-items:stretch;gap:1rem}.brand-analysis-browse-search{max-width:none}.brand-analysis-browse-grid{grid-template-columns:1fr}.brand-analysis-modal{max-width:none;margin:1rem}}.studio-home{flex:1;overflow-y:auto;background:var(--content-bg-secondary);padding:2rem;max-width:1200px;margin:0 auto}.studio-projects-table{width:100%;border-collapse:collapse;background:var(--content-bg);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.studio-projects-table thead{background:var(--content-bg-secondary)}.studio-projects-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--content-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--content-border)}.studio-projects-table tbody tr{border-bottom:1px solid var(--content-border);cursor:pointer;transition:background-color .15s ease}.studio-projects-table tbody tr:hover{background:var(--color-info-light)}.studio-projects-table tbody tr:last-child{border-bottom:none}.studio-project-row td{padding:.875rem 1rem;font-size:.9375rem;color:var(--content-text)}.studio-project-name{font-weight:500;color:var(--content-text)}.studio-project-date{color:var(--content-text-secondary);font-size:.875rem}.studio-loading,.studio-empty{text-align:center;padding:2.5rem;color:var(--content-text-secondary)}.studio-project{flex:1;overflow-y:auto;background:var(--content-bg-secondary)}.studio-project-header{padding:1.25rem 2rem;border-bottom:1px solid var(--content-border);background:var(--content-bg)}.studio-project-header-content{display:flex;justify-content:space-between;align-items:center}.studio-project-back-button{color:var(--color-primary);text-decoration:none;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 0;transition:color .2s ease;display:inline-flex;align-items:center;gap:.25rem}.studio-project-back-button:hover{color:var(--color-primary-hover)}.studio-project-title{font-size:1.5rem;margin:.5rem 0 0;color:var(--content-text);font-weight:600}.studio-project-content{padding:1.25rem 2rem;max-width:1400px;margin:0 auto}.studio-wizard-steps{display:flex;gap:1.25rem;margin-bottom:2rem;border-bottom:2px solid var(--content-border);padding-bottom:1.25rem}.studio-wizard-step{flex:1;text-align:center;padding:.625rem;border-radius:.5rem;cursor:pointer;font-weight:400;transition:all .2s ease}.studio-wizard-step.inactive{background:var(--color-gray-100);color:var(--content-text-secondary)}.studio-wizard-step.active{background:var(--color-primary);color:#fff;font-weight:600}.studio-wizard-step.completed{background:var(--color-success);color:#fff}.studio-wizard-step-content{min-height:500px}.studio-step{max-width:900px;margin:0 auto}.studio-step-title{font-size:1.5rem;font-weight:600;margin:0 0 1.25rem;color:var(--content-text)}.studio-step-description{color:var(--content-text-secondary);margin-bottom:2rem;font-size:.9375rem;line-height:1.5}.studio-form-group{margin-bottom:1.25rem}.studio-form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--content-text);font-size:.9375rem}.studio-form-input{width:100%;padding:.75rem;border:1px solid var(--content-border);border-radius:.5rem;font-size:1rem;font-family:inherit;color:var(--content-text);background:var(--content-bg);transition:all .2s ease}.studio-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.studio-form-button{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.studio-form-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.studio-form-button:disabled{background:var(--color-gray-300);cursor:not-allowed;opacity:.6}.studio-form-button-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.studio-form-button-secondary:hover:not(:disabled){background:var(--color-info-light)}.studio-form-button-success{background:var(--color-success)}.studio-form-button-success:hover:not(:disabled){background:var(--color-success-dark)}.studio-file-upload{border:2px dashed var(--content-border);border-radius:.5rem;padding:2.5rem;text-align:center;cursor:pointer;background:var(--content-bg);transition:all .2s ease}.studio-file-upload:hover{border-color:var(--color-primary);background:var(--color-info-light)}.studio-file-upload.has-file{background:var(--color-info-light);border-color:var(--color-primary)}.studio-file-upload-content{font-size:1.125rem;margin-bottom:.5rem;color:var(--content-text)}.studio-file-upload-hint{font-size:.875rem;color:var(--content-text-secondary)}.studio-file-upload-name{font-size:1.125rem;margin-bottom:.5rem;color:var(--content-text);font-weight:500}.studio-file-upload-size{font-size:.875rem;color:var(--content-text-secondary)}.studio-error-message{padding:.75rem;background:var(--color-error-light);color:var(--color-error-dark);border-radius:.5rem;margin-bottom:1.25rem;font-size:.9375rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.studio-success-message{padding:1.25rem;background:var(--color-success-light);border-radius:.5rem;margin-bottom:1.25rem;color:var(--color-success-dark)}.studio-info-message{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding:.625rem .9375rem;background:var(--color-info-light);border-radius:.5rem;color:var(--color-info-dark);font-size:.9375rem}.studio-info-message-actions{margin-left:auto;display:flex;gap:.625rem}.studio-loading-container{text-align:center;padding:2.5rem}.studio-loading-message{font-size:1.125rem;margin-bottom:.625rem;color:var(--content-text)}.studio-loading-hint{color:var(--content-text-secondary);font-size:.875rem}.studio-status-message{font-size:1.125rem;margin-bottom:.625rem;color:var(--content-text)}.studio-code-display{border:1px solid var(--content-border);border-radius:.5rem;padding:1.25rem;background:var(--content-bg-secondary);max-height:500px;overflow-y:auto;margin-bottom:1.25rem;font-family:monospace;font-size:.875rem;white-space:pre-wrap;color:var(--content-text)}.studio-streaming-text{margin-top:1.25rem;padding:.9375rem;background:var(--content-bg-secondary);border-radius:.5rem;max-height:300px;overflow-y:auto;text-align:left;font-family:monospace;font-size:.75rem;white-space:pre-wrap;color:var(--content-text)}.studio-preview-container{display:grid;grid-template-columns:4fr 3fr;gap:1.25rem;height:600px;width:100%;max-width:100%}.studio-preview-container-with-sidebar{display:grid;grid-template-columns:220px 1fr 320px;gap:1rem;height:600px;width:100%;max-width:100%}.studio-preview-sidebar{border:1px solid var(--content-border);border-radius:.5rem;background:var(--content-bg);overflow:hidden;display:flex;flex-direction:column}.studio-preview-sidebar .studio-part-list{flex:1;overflow-y:auto}.studio-download-button-secondary{background:var(--content-bg-secondary)!important;color:var(--text-primary)!important}.studio-download-button-secondary:hover{background:var(--content-border)!important}.studio-preview-viewer{border:1px solid var(--content-border);border-radius:.5rem;overflow:hidden;position:relative;background:var(--content-bg);touch-action:none;min-height:500px}.studio-preview-viewer>div:first-child{position:relative;width:100%;height:100%;min-height:500px;pointer-events:auto}.studio-preview-chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--content-border);background:var(--content-bg-secondary)}.studio-preview-download-buttons{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--content-border);margin-top:auto}.studio-preview-download-buttons .studio-download-button-small{flex:1;justify-content:center}.studio-download-button-small{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.studio-download-button-small:hover:not(:disabled){background:var(--color-primary-hover)}.studio-download-button-small:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.studio-download-button-small:active{transform:translateY(0)}.studio-preview-chat{display:flex;flex-direction:column}.studio-preview-selection{position:absolute;top:.625rem;left:.625rem;background:#000000b3;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;z-index:10;pointer-events:none}.studio-preview-selection-hint{font-size:.625rem;margin-top:.25rem;opacity:.8}.studio-preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--content-text-secondary)}.studio-button-group{display:flex;gap:.625rem;justify-content:center;flex-wrap:wrap}.studio-part-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.studio-part-list-header{padding:1rem;font-weight:600;font-size:.9375rem;color:var(--content-text);border-bottom:1px solid var(--content-border);background:var(--content-bg-secondary)}.studio-part-list-content{flex:1;overflow-y:auto;padding:.5rem}.studio-part-list-item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--content-text);transition:all .2s ease;margin-bottom:.25rem}.studio-part-list-item:hover{background:var(--color-info-light);color:var(--color-primary)}.studio-part-list-item-selected{background:var(--color-primary);color:#fff;font-weight:500}.studio-part-list-item-selected:hover{background:var(--color-primary-hover)}.studio-part-list-empty{padding:1rem;text-align:center;color:var(--content-text-secondary);font-size:.875rem}@media (max-width: 1200px){.studio-preview-container-with-sidebar{grid-template-columns:180px 1fr 280px}}@media (max-width: 1024px){.studio-preview-container{grid-template-columns:1fr;height:auto}.studio-preview-container-with-sidebar{grid-template-columns:1fr;height:auto;gap:1rem}.studio-preview-sidebar{order:2;height:200px;flex-direction:row}.studio-preview-sidebar .studio-part-list{flex:1}.studio-preview-download-buttons{flex-direction:column;border-top:none;border-left:1px solid var(--content-border);padding:.5rem}.studio-preview-viewer{order:1;min-height:400px}.studio-preview-chat{order:3}}.studio-step,.studio-project-content{max-width:100%;width:100%}@media (max-width: 768px){.studio-wizard-steps{flex-direction:column;gap:.5rem}.studio-home{padding:1rem}.studio-projects-table{font-size:.875rem}.studio-projects-table th,.studio-project-row td{padding:.625rem .75rem}.studio-project-content{padding:1.25rem 1.5rem}}.three-d-models-page{padding:2rem;width:100%}.three-d-models-header{margin-bottom:2rem}.three-d-models-title{font-size:2rem;font-weight:600;color:var(--content-text);margin:0 0 .5rem}.three-d-models-description{color:var(--content-text-secondary);margin:0}.three-d-models-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--content-border);margin-bottom:2rem}.three-d-models-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--content-text-secondary);font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:-2px}.three-d-models-tab:hover{color:var(--content-text)}.three-d-models-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.three-d-models-content{min-height:400px}.web-extraction-page{display:flex;height:100%;width:100%;overflow:hidden}.web-extraction-main{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden}.page-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;flex-shrink:0}.header-text h1{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary, #1a1a1a)}.header-text p{color:var(--text-secondary, #666);margin:0;font-size:.95rem}.extraction-form{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;justify-content:space-between}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a1a);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary, #999)}.form-group textarea{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.85rem;resize:vertical;min-height:120px}.schema-section{margin-bottom:1.5rem}.schema-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-tertiary, #f9f9f9);border-radius:8px}.schema-info{display:flex;align-items:center;gap:.5rem}.schema-label{font-size:.9rem;color:var(--text-secondary, #666)}.schema-name{font-size:.9rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.schema-toggle{margin-bottom:1rem}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-secondary, #666)}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.schema-description{font-size:.85rem;color:var(--text-secondary, #666);margin:.5rem 0 0}.schema-example-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;color:#3b82f6;background:none;border:1px solid #3b82f6;border-radius:4px;cursor:pointer;transition:all .2s}.schema-example-btn:hover{background:#3b82f6;color:#fff}.advanced-settings{margin-bottom:1.5rem}.advanced-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:100%;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);background:var(--bg-tertiary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .2s}.advanced-toggle:hover{background:var(--bg-hover, #f0f0f0);color:var(--text-primary, #1a1a1a)}.advanced-content{margin-top:1rem;padding:1rem;background:var(--bg-tertiary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:8px}.tall-textarea{min-height:280px;resize:vertical}.extra-tall-textarea{min-height:800px;resize:vertical}.validate-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;color:#3b82f6;background:none;border:1px solid #3b82f6;border-radius:4px;cursor:pointer;transition:all .2s}.validate-btn:hover{background:#3b82f6;color:#fff}.validate-btn:disabled{opacity:.5;cursor:not-allowed}.schema-validation{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;font-size:.85rem;border-radius:6px}.schema-validation.valid{color:#059669;background:#0596691a}.schema-validation.invalid{color:#dc2626;background:#dc26261a}.optional-label{font-weight:400;color:var(--text-tertiary, #999);font-size:.85rem}.field-hint{margin:.25rem 0 0;font-size:.8rem;color:var(--text-tertiary, #999);font-weight:400}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;color:#dc2626;font-size:.9rem;margin-bottom:1rem}.extract-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.extract-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.extract-button:disabled{opacity:.6;cursor:not-allowed}.thinking-panel{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 12px #1e1b4b4d}.thinking-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.thinking-title{display:flex;align-items:center;gap:.5rem;color:#c7d2fe;font-weight:500;font-size:.95rem}.thinking-title svg{color:#a5b4fc}.thinking-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:6px;color:#c7d2fe;cursor:pointer;transition:all .2s}.thinking-toggle:hover{background:#fff3;color:#fff}.thinking-content{padding:1.25rem;max-height:400px;overflow-y:auto;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.6;color:#e0e7ff;white-space:pre-wrap;word-break:break-word}.thinking-content::-webkit-scrollbar{width:8px}.thinking-content::-webkit-scrollbar-track{background:#ffffff0d}.thinking-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.thinking-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.thinking-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);color:#a5b4fc;font-size:.85rem}.tokens-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.8rem;font-weight:500;color:#059669;background:#0596691a;border-radius:4px}.result-thinking{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.thinking-expand-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;width:100%;font-size:.9rem;font-weight:500;color:#6366f1;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px;cursor:pointer;transition:all .2s}.thinking-expand-btn:hover{background:#6366f126;border-color:#6366f14d}.result-thinking-content{margin-top:1rem;padding:1rem;max-height:400px;overflow-y:auto;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.8rem;line-height:1.6;color:var(--text-secondary, #666);background:var(--bg-tertiary, #f9f9f9);border-radius:8px;white-space:pre-wrap;word-break:break-word}.result-sources{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.sources-expand-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;width:100%;font-size:.9rem;font-weight:500;color:#059669;background:#05966914;border:1px solid rgba(5,150,105,.2);border-radius:8px;cursor:pointer;transition:all .2s}.sources-expand-btn:hover{background:#05966926;border-color:#0596694d}.result-sources-content{margin-top:1rem;padding:1rem;background:var(--bg-tertiary, #f9f9f9);border-radius:8px}.sources-section{margin-bottom:1rem}.sources-section:last-child{margin-bottom:0}.sources-section h4{font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.search-queries-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.search-queries-list li{display:inline-flex;padding:.375rem .75rem;font-size:.85rem;color:#6366f1;background:#6366f11a;border-radius:20px}.web-sources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.web-sources-list li{padding:.5rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.web-sources-list li:last-child{border-bottom:none}.web-sources-list a{color:#3b82f6;text-decoration:none;font-size:.9rem;word-break:break-all}.web-sources-list a:hover{text-decoration:underline}.extraction-result{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;overflow:hidden}.result-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f614,#3b82f605);border-bottom:1px solid var(--border-color, #e0e0e0)}.result-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.result-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.part-info{font-size:.9rem;color:var(--text-secondary, #666)}.credits-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.8rem;font-weight:500;color:#3b82f6;background:#3b82f61a;border-radius:4px}.result-actions{display:flex;gap:.5rem}.result-actions button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.85rem;color:var(--text-secondary, #666);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;transition:all .2s}.result-actions button:hover{color:#3b82f6;border-color:#3b82f6;background:#3b82f60d}.result-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.result-field{display:flex;flex-direction:column;gap:.25rem}.result-field.nested{padding-left:1rem;border-left:2px solid var(--border-color, #e0e0e0)}.field-key{font-weight:500;font-size:.9rem;color:var(--text-primary, #1a1a1a)}.field-value{font-size:.9rem;color:var(--text-secondary, #666)}.value-null{color:var(--text-tertiary, #999);font-style:italic}.value-boolean{color:#9333ea}.value-number{color:#059669}.value-string{color:var(--text-secondary, #666)}.value-link{color:#3b82f6;text-decoration:none;word-break:break-all}.value-link:hover{text-decoration:underline}.value-empty{color:var(--text-tertiary, #999);font-style:italic}.value-list{margin:.25rem 0 0 1rem;padding:0;list-style:disc}.value-list li{padding:.125rem 0}.value-specs-array{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-tertiary, #f9f9f9);border-radius:6px}.spec-name{font-weight:500;color:var(--text-primary, #1a1a1a)}.spec-value{color:#059669;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.value-object{margin-top:.25rem}.object-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;color:var(--text-secondary, #666);background:var(--bg-tertiary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .2s}.object-toggle:hover{background:var(--bg-hover, #f0f0f0)}.object-content{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.history-sidebar{width:280px;background:var(--bg-secondary, #fff);border-left:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;transition:width .3s ease}.history-sidebar:not(.open){width:48px}.history-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:.9rem;font-weight:500;color:var(--text-primary, #1a1a1a);background:none;border:none;border-bottom:1px solid var(--border-color, #e0e0e0);cursor:pointer;transition:background .2s}.history-sidebar:not(.open) .history-toggle{flex-direction:column;padding:.75rem;font-size:.7rem;writing-mode:vertical-rl;text-orientation:mixed}.history-toggle:hover{background:var(--bg-tertiary, #f9f9f9)}.history-content{flex:1;overflow-y:auto;padding:1rem}.history-content h3{font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.loading-history{display:flex;align-items:center;justify-content:center;padding:2rem}.empty-history{text-align:center;color:var(--text-tertiary, #999);font-size:.9rem;padding:1rem}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;border-radius:8px;overflow:hidden;transition:all .2s}.history-item:hover{background:var(--bg-tertiary, #f9f9f9)}.history-item.active{background:#3b82f61a}.history-item-main{flex:1;display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem;text-align:left;background:none;border:none;cursor:pointer}.history-part{font-weight:500;font-size:.9rem;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-mfr{font-size:.8rem;color:var(--text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{font-size:.75rem;color:var(--text-tertiary, #999)}.history-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:.5rem;color:var(--text-tertiary, #999);background:none;border:none;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s}.history-item:hover .history-delete{opacity:1}.history-delete:hover{color:#dc2626;background:#dc26261a}@media (max-width: 1024px){.history-sidebar{position:fixed;right:0;top:0;height:100vh;z-index:100;box-shadow:-2px 0 8px #0000001a}.history-sidebar:not(.open){transform:translate(calc(100% - 48px))}}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.web-extraction-main{padding:1rem}.result-header{flex-direction:column;align-items:flex-start}.result-actions{width:100%;justify-content:flex-end}}.file-extraction-page{display:flex;height:100%;width:100%;overflow:hidden}.file-extraction-main{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden}.file-extraction-page .page-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.file-extraction-page .header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;flex-shrink:0}.file-extraction-page .header-text h1{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary, #1a1a1a)}.file-extraction-page .header-text p{color:var(--text-secondary, #666);margin:0;font-size:.95rem}.file-extraction-page .extraction-form{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem;border:2px dashed var(--border-color, #e0e0e0);border-radius:12px;background:var(--bg-tertiary, #f9f9f9);cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.file-upload-zone:hover{border-color:#10b981;background:#10b9810d}.file-upload-zone.dragging{border-color:#10b981;background:#10b9811a;transform:scale(1.01)}.file-upload-zone.uploading{opacity:.7;cursor:wait}.file-upload-zone svg{color:var(--text-tertiary, #999)}.file-upload-zone.dragging svg,.file-upload-zone:hover svg{color:#10b981}.file-upload-zone p{margin:0;font-size:1rem;color:var(--text-secondary, #666);text-align:center}.upload-hint{font-size:.85rem;color:var(--text-tertiary, #999)}.uploaded-files{margin-bottom:1.5rem;padding:1rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px}.uploaded-files h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#059669}.uploaded-files ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.uploaded-files li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px}.uploaded-files li svg{color:#dc2626;flex-shrink:0}.file-name{flex:1;font-size:.9rem;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.8rem;color:var(--text-tertiary, #999);flex-shrink:0}.remove-file{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--text-tertiary, #999);background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.remove-file:hover{color:#dc2626;background:#dc26261a}.optional-context{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary, #f9f9f9);border-radius:8px}.optional-context h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.context-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary, #666)}.upload-context-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.upload-section{min-height:0}.file-extraction-page .optional-context{background:var(--bg-tertiary, #f9f9f9);border-radius:8px;padding:1rem;margin-bottom:0}.file-extraction-page .optional-context h4{margin:0 0 .75rem;font-size:.9rem;color:var(--text-primary, #1a1a1a)}.file-extraction-page .optional-context .form-group{margin-bottom:.75rem}.file-extraction-page .optional-context .form-group:last-child{margin-bottom:0}.file-extraction-page .advanced-settings{margin-bottom:1.5rem}.file-extraction-page .advanced-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:100%;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);background:var(--bg-tertiary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .2s}.file-extraction-page .advanced-toggle:hover{background:var(--bg-hover, #f0f0f0);color:var(--text-primary, #1a1a1a)}.file-extraction-page .advanced-content{margin-top:1rem;padding:1rem;background:var(--bg-tertiary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:8px}.file-extraction-page .optional-context-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.schema-context-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-extraction-page .tall-textarea{min-height:280px;resize:vertical}.file-extraction-page .extra-tall-textarea{min-height:800px;resize:vertical}.file-extraction-page .validate-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;color:#10b981;background:none;border:1px solid #10b981;border-radius:4px;cursor:pointer;transition:all .2s}.file-extraction-page .validate-btn:hover{background:#10b981;color:#fff}.file-extraction-page .validate-btn:disabled{opacity:.5;cursor:not-allowed}.file-extraction-page .schema-validation{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;font-size:.85rem;border-radius:6px}.file-extraction-page .schema-validation.valid{color:#059669;background:#0596691a}.file-extraction-page .schema-validation.invalid{color:#dc2626;background:#dc26261a}.file-extraction-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.file-extraction-page .form-group{display:flex;flex-direction:column;gap:.5rem}.file-extraction-page .form-group label{font-weight:500;font-size:.9rem;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;justify-content:space-between}.file-extraction-page .form-group input,.file-extraction-page .form-group select,.file-extraction-page .form-group textarea{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a1a);transition:border-color .2s,box-shadow .2s}.file-extraction-page .form-group input:focus,.file-extraction-page .form-group select:focus,.file-extraction-page .form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.file-extraction-page .form-group input::placeholder,.file-extraction-page .form-group textarea::placeholder{color:var(--text-tertiary, #999)}.file-extraction-page .form-group textarea{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.85rem;resize:vertical;min-height:120px}.file-extraction-page .schema-section{margin-bottom:1.5rem}.file-extraction-page .schema-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-tertiary, #f9f9f9);border-radius:8px}.file-extraction-page .schema-info{display:flex;align-items:center;gap:.5rem}.file-extraction-page .schema-label{font-size:.9rem;color:var(--text-secondary, #666)}.file-extraction-page .schema-name{font-size:.9rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.file-extraction-page .schema-toggle{margin-bottom:1rem}.file-extraction-page .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-secondary, #666)}.file-extraction-page .toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:#10b981}.file-extraction-page .schema-description{font-size:.85rem;color:var(--text-secondary, #666);margin:.5rem 0 0}.file-extraction-page .schema-example-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;color:#10b981;background:none;border:1px solid #10b981;border-radius:4px;cursor:pointer;transition:all .2s}.file-extraction-page .schema-example-btn:hover{background:#10b981;color:#fff}.file-extraction-page .optional-label{font-weight:400;color:var(--text-tertiary, #999);font-size:.85rem}.file-extraction-page .field-hint{margin:.25rem 0 0;font-size:.8rem;color:var(--text-tertiary, #999);font-weight:400}.file-extraction-page .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;color:#dc2626;font-size:.9rem;margin-bottom:1rem}.file-extraction-page .extract-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.file-extraction-page .extract-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.file-extraction-page .extract-button:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.file-extraction-page .extraction-result{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;overflow:hidden}.file-extraction-page .result-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b98114,#10b98105);border-bottom:1px solid var(--border-color, #e0e0e0)}.file-extraction-page .result-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.file-extraction-page .result-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.file-extraction-page .part-info{font-size:.9rem;color:var(--text-secondary, #666)}.file-count{font-size:.85rem;color:var(--text-secondary, #666)}.file-extraction-page .credits-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.8rem;font-weight:500;color:#10b981;background:#10b9811a;border-radius:4px}.file-extraction-page .result-actions{display:flex;gap:.5rem}.file-extraction-page .result-actions button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.85rem;color:var(--text-secondary, #666);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;transition:all .2s}.file-extraction-page .result-actions button:hover{color:#10b981;border-color:#10b981;background:#10b9810d}.file-extraction-page .result-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.file-extraction-page .result-field{display:flex;flex-direction:column;gap:.25rem}.file-extraction-page .result-field.nested{padding-left:1rem;border-left:2px solid var(--border-color, #e0e0e0)}.file-extraction-page .field-key{font-weight:500;font-size:.9rem;color:var(--text-primary, #1a1a1a)}.file-extraction-page .field-value{font-size:.9rem;color:var(--text-secondary, #666)}.file-extraction-page .value-null{color:var(--text-tertiary, #999);font-style:italic}.file-extraction-page .value-boolean{color:#9333ea}.file-extraction-page .value-number{color:#059669}.file-extraction-page .value-string{color:var(--text-secondary, #666)}.file-extraction-page .value-link{color:#10b981;text-decoration:none;word-break:break-all}.file-extraction-page .value-link:hover{text-decoration:underline}.file-extraction-page .value-empty{color:var(--text-tertiary, #999);font-style:italic}.file-extraction-page .value-list{margin:.25rem 0 0 1rem;padding:0;list-style:disc}.file-extraction-page .value-list li{padding:.125rem 0}.file-extraction-page .value-specs-array{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.file-extraction-page .spec-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-tertiary, #f9f9f9);border-radius:6px}.file-extraction-page .spec-name{font-weight:500;color:var(--text-primary, #1a1a1a)}.file-extraction-page .spec-value{color:#059669;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.file-extraction-page .value-object{margin-top:.25rem}.file-extraction-page .object-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;color:var(--text-secondary, #666);background:var(--bg-tertiary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .2s}.file-extraction-page .object-toggle:hover{background:var(--bg-hover, #f0f0f0)}.file-extraction-page .object-content{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.file-extraction-page .history-sidebar{width:280px;background:var(--bg-secondary, #fff);border-left:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;transition:width .3s ease}.file-extraction-page .history-sidebar:not(.open){width:48px}.file-extraction-page .history-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:.9rem;font-weight:500;color:var(--text-primary, #1a1a1a);background:none;border:none;border-bottom:1px solid var(--border-color, #e0e0e0);cursor:pointer;transition:background .2s}.file-extraction-page .history-sidebar:not(.open) .history-toggle{flex-direction:column;padding:.75rem;font-size:.7rem;writing-mode:vertical-rl;text-orientation:mixed}.file-extraction-page .history-toggle:hover{background:var(--bg-tertiary, #f9f9f9)}.file-extraction-page .history-content{flex:1;overflow-y:auto;padding:1rem}.file-extraction-page .history-content h3{font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.file-extraction-page .loading-history{display:flex;align-items:center;justify-content:center;padding:2rem}.file-extraction-page .empty-history{text-align:center;color:var(--text-tertiary, #999);font-size:.9rem;padding:1rem}.file-extraction-page .history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.file-extraction-page .history-item{display:flex;align-items:center;border-radius:8px;overflow:hidden;transition:all .2s}.file-extraction-page .history-item:hover{background:var(--bg-tertiary, #f9f9f9)}.file-extraction-page .history-item.active{background:#10b9811a}.file-extraction-page .history-item-main{flex:1;display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem;text-align:left;background:none;border:none;cursor:pointer}.file-extraction-page .history-part{font-weight:500;font-size:.9rem;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-extraction-page .history-mfr{font-size:.8rem;color:var(--text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-extraction-page .history-date{font-size:.75rem;color:var(--text-tertiary, #999)}.file-extraction-page .history-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:.5rem;color:var(--text-tertiary, #999);background:none;border:none;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s}.file-extraction-page .history-item:hover .history-delete{opacity:1}.file-extraction-page .history-delete:hover{color:#dc2626;background:#dc26261a}@media (max-width: 1024px){.file-extraction-page .history-sidebar{position:fixed;right:0;top:0;height:100vh;z-index:100;box-shadow:-2px 0 8px #0000001a}.file-extraction-page .history-sidebar:not(.open){transform:translate(calc(100% - 48px))}}@media (max-width: 640px){.file-extraction-page .form-row{grid-template-columns:1fr}.file-extraction-main{padding:1rem}.file-extraction-page .result-header{flex-direction:column;align-items:flex-start}.file-extraction-page .result-actions{width:100%;justify-content:flex-end}.file-upload-zone{padding:1.5rem}}.navigation-sidebar{width:240px;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--nav-bg-gradient-start) 0%,var(--nav-bg-gradient-mid) 50%,var(--nav-bg-gradient-end) 100%);background-size:100% 200%;animation:gradientShiftVertical 8s ease infinite;border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 8px #0000001a;position:relative;z-index:100;transition:width .3s ease}.navigation-sidebar.collapsed{width:64px}@keyframes gradientShiftVertical{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}.navigation-sidebar-top{flex:1;display:flex;flex-direction:column;padding:0 0 1.5rem;overflow-y:auto;overflow-x:visible}.navigation-sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:1rem 1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;transition:opacity .2s ease}.navigation-sidebar.collapsed .navigation-sidebar-logo{padding:1rem .5rem 1.5rem;justify-content:center}.navigation-logo-img{height:2.75rem;width:auto;max-width:80px;object-fit:contain;filter:brightness(1.1);transition:all .3s ease;cursor:pointer}.navigation-logo-img:hover{transform:scale(1.05);filter:brightness(1.2)}.navigation-sidebar-toggle{position:absolute;top:1rem;right:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;cursor:pointer;color:#fff;transition:all .2s ease;z-index:10}.navigation-sidebar-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.navigation-sidebar.collapsed .navigation-sidebar-toggle{right:.5rem;left:.5rem;width:auto}.navigation-sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.navigation-sidebar.collapsed .navigation-sidebar-nav{padding:0 .5rem}.navigation-sidebar-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;font-size:.875rem;font-weight:500;text-align:left;position:relative;overflow:hidden;min-height:44px;width:100%}.navigation-sidebar.collapsed .navigation-sidebar-item{justify-content:center;padding:.75rem .5rem;gap:0}.navigation-sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#2563eb;transition:width .2s ease;border-radius:0}.navigation-sidebar-item:hover{background:#ffffff0d;color:#fff}.navigation-sidebar-item:hover:before{width:3px}.navigation-sidebar-item.active{background:#2563eb26;color:#fff;font-weight:500}.navigation-sidebar-item.active:before{width:3px;background:#2563eb}.navigation-sidebar-item.parent-active{color:#ffffffe6}.navigation-sidebar-item.sub-nav{padding-left:2rem;font-weight:400;color:#cbd5e1}.navigation-sidebar.collapsed .navigation-sidebar-item.sub-nav{padding-left:.5rem}.navigation-sidebar-item.sub-nav.active{background:#2563eb26;color:#fff;font-weight:400}.navigation-sidebar-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.navigation-sidebar-icon svg{width:20px;height:20px}.navigation-sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;transition:opacity .2s ease,width .2s ease}.navigation-sidebar.collapsed .navigation-sidebar-label{width:0;opacity:0;overflow:hidden}.navigation-sidebar-accordion{display:flex;flex-direction:column}.navigation-sidebar-chevron{display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:transform .2s ease-in-out,opacity .2s ease;opacity:.7}.navigation-sidebar.collapsed .navigation-sidebar-chevron{display:none}.navigation-sidebar-accordion .navigation-sidebar-parent{position:relative}.navigation-sidebar-subnav{max-height:0;overflow:hidden;transition:max-height .2s ease-in-out;display:flex;flex-direction:column;gap:.25rem}.navigation-sidebar-subnav.expanded{max-height:500px}.navigation-sidebar.collapsed .navigation-sidebar-subnav{max-height:0!important;overflow:hidden}.navigation-sidebar-bottom{display:flex;flex-direction:column;gap:.75rem;padding:1rem .75rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;align-items:flex-start;width:100%;position:relative;z-index:101;overflow:visible}.navigation-sidebar.collapsed .navigation-sidebar-bottom{padding:1rem .5rem;align-items:center}.navigation-sidebar-org{display:flex;align-items:center;justify-content:flex-start;width:100%;position:relative;z-index:102;overflow:visible}.navigation-sidebar.collapsed .navigation-sidebar-org{display:none}.navigation-role-badge{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;font-size:.625rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.025em;text-align:left;line-height:1.2;word-break:break-word;width:100%}.navigation-sidebar.collapsed .navigation-role-badge{display:none}.navigation-sidebar-user{display:flex;align-items:center;justify-content:flex-start;width:100%}.navigation-sidebar.collapsed .navigation-sidebar-user{justify-content:center}.navigation-sidebar-user [data-clerk-element=userButton]{width:100%;display:flex;justify-content:flex-start}.navigation-sidebar-user [data-clerk-element=userButtonTrigger]{width:100%;display:flex;justify-content:flex-start;padding:.75rem 1rem;color:#fff}.navigation-sidebar.collapsed .navigation-sidebar-user [data-clerk-element=userButtonTrigger]{justify-content:center;padding:.75rem .5rem}.navigation-sidebar-user [data-clerk-element=userButtonTrigger] *{color:#fff}.organization-switcher{position:relative;display:flex;width:100%;z-index:102;overflow:visible}.organization-switcher-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;text-align:left;position:relative;overflow:visible;min-height:44px;z-index:1;pointer-events:auto}.organization-switcher-button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#2563eb;transition:width .2s ease;border-radius:0}.organization-switcher-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.organization-switcher-icon svg{width:20px;height:20px;color:#fff}.organization-switcher-button.clickable{cursor:pointer}.organization-switcher-button:disabled{cursor:default;opacity:1}.organization-switcher-button:hover{background:#ffffff0d;color:#fff}.organization-switcher-button:hover:before{width:3px}.organization-switcher-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.organization-switcher-name{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;color:#fff}.organization-switcher-role{font-size:11px;font-weight:400;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;line-height:1}.organization-switcher-button svg[data-lucide=chevron-down]{transition:transform .2s;flex-shrink:0;display:block;opacity:.7;color:#fff}.organization-switcher-button svg[data-lucide=chevron-down].open{transform:rotate(180deg)}.organization-switcher-dropdown{position:fixed;bottom:auto;left:auto;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:200px;max-width:300px;max-height:300px;overflow-y:auto;z-index:10000;pointer-events:auto}.organization-switcher-item{display:block;width:100%;padding:10px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s;pointer-events:auto;z-index:1002;position:relative}.organization-switcher-item-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.organization-switcher-item-name{font-weight:500;line-height:1.2}.organization-switcher-item-role{font-size:11px;font-weight:400;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;line-height:1}.organization-switcher-item:hover{background:#f9fafb}.organization-switcher-item.active{background:#eff6ff;color:#2563eb;font-weight:500}.organization-switcher-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.organization-switcher-item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.navigation-credits-display{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;margin:.5rem 0;background:#ffffff0d;border-radius:.375rem;font-size:.875rem;color:#fff}.navigation-credits-value{font-weight:500;white-space:nowrap}.navigation-credits-progress-container{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;min-width:60px}.navigation-credits-progress-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.app-loading,.app-error,.app-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.app-error{color:var(--color-error)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-error button{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.9375rem;font-weight:500;transition:background .2s ease;display:inline-flex;align-items:center;gap:.5rem}.app-error button:hover{background:var(--color-primary-hover)}.app{height:100vh;width:100%;overflow:hidden;background:var(--color-gray-100)}.app-container{display:flex;height:100vh;width:100%}.app-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--content-bg)}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #3b82f6;--color-primary-dark: #1e40af;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--nav-bg: #1a1a2e;--nav-bg-gradient-start: #1a1a2e;--nav-bg-gradient-mid: #16213e;--nav-bg-gradient-end: #0f1419;--nav-text: rgba(255, 255, 255, .7);--nav-text-active: #ffffff;--nav-accent: #2563eb;--content-bg: #ffffff;--content-bg-secondary: #f9fafb;--content-border: #e5e7eb;--content-text: #1f2937;--content-text-secondary: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;overflow:hidden;height:100vh;color:var(--content-text)}#root{width:100%;height:100vh;overflow:hidden}