@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Sen:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap";.sg-app-canvas{position:absolute;width:640px;height:350px;left:50%;top:50%;margin-left:-320px;margin-top:-175px;transform-origin:center center;will-change:transform;background:var(--color-bg-primary);overflow:hidden;display:flex}.sg-sidebar{width:140px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sg-sidebar-brand{display:flex;align-items:center;gap:5px;padding:8px 10px;font-size:10px;font-weight:700;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.sg-sidebar-nav{display:flex;flex-direction:column;padding:4px 0;flex:1;min-height:0;overflow:hidden}.sg-nav-item{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:9px;font-weight:500;color:var(--color-text-secondary);position:relative;transition:all .25s ease}.sg-nav-indicator{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-accent-primary);border-radius:0 2px 2px 0}.sg-skills-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:5}.sg-skills-modal{width:380px;max-height:280px;background:var(--color-bg-primary);border-radius:8px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-light)}.sg-skills-modal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.sg-skills-modal-title{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:var(--color-text-primary)}.sg-skills-modal-search{display:flex;align-items:center;gap:4px;margin:6px 8px 4px;padding:4px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;font-size:8px;color:var(--color-text-muted)}.sg-skills-modal-filters{display:flex;gap:4px;padding:2px 8px 6px}.sg-skills-filter{font-size:7px;font-weight:500;padding:2px 6px;border-radius:4px;color:var(--color-text-muted);background:var(--color-bg-tertiary);cursor:pointer}.sg-skills-modal-grid{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px;overflow:hidden;flex:1}.sg-skill-card{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;transition:all .3s ease}.sg-skill-card-header{display:flex;align-items:center;justify-content:space-between}.sg-skill-card-icon{width:18px;height:18px;border-radius:4px;background:var(--color-accent-light);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center}.sg-skill-card-icon.new{background:#10b9811f;color:#10b981}.sg-skill-card-toggle{width:20px;height:11px;border-radius:6px;background:var(--color-bg-tertiary);position:relative}.sg-skill-card-toggle:after{content:"";position:absolute;top:1.5px;left:1.5px;width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);transition:all .2s ease}.sg-skill-card-toggle.on:after{left:10.5px;background:#fff}.sg-skill-card-name{font-size:8px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:4px}.sg-skill-card-desc{font-size:7px;color:var(--color-text-muted);line-height:1.3}.sg-skill-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.sg-skill-card-owner{font-size:7px;font-weight:500;color:var(--color-accent-primary)}.sg-skill-card-right{display:flex;align-items:center;gap:2px}.sg-skill-card-category{font-size:6px;font-weight:500;padding:1px 4px;border-radius:3px;background:var(--color-bg-tertiary);color:var(--color-text-muted);text-transform:uppercase}.sg-new-badge{font-size:6px;font-weight:700;color:#10b981;background:#10b9811f;padding:0 3px;border-radius:2px;text-transform:uppercase;line-height:1.5}.sg-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.sg-greeting{padding:16px 20px 6px;font-size:14px;font-weight:700;color:var(--color-text-primary);text-align:center}.sg-chat-area{flex:1;padding:6px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.sg-msg{display:flex;gap:6px}.sg-msg-avatar{width:18px;height:18px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sg-msg-bubble{padding:6px 10px;border-radius:8px;font-size:9px;line-height:1.4;max-width:80%}.sg-msg-bubble.agent{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary);border-bottom-left-radius:2px;display:flex;flex-direction:column;gap:4px}.sg-agent-thinking{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--color-text-muted)}.sg-agent-file-row{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--color-text-primary)}.sg-agent-success{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:600;color:#10b981;margin-top:2px}.sg-sidebar-footer{margin-top:auto;padding:5px 8px;border-top:1px solid var(--color-border-light);flex-shrink:0}.sg-sidebar-footer-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.sg-sidebar-footer-user{font-size:8px;font-weight:600;color:var(--color-text-secondary);max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-sidebar-footer-settings{display:flex;align-items:center;gap:3px;font-size:8px;font-weight:500;color:var(--color-text-secondary)}.sg-sidebar-footer-settings svg{flex-shrink:0;color:var(--color-text-muted)}.sg-mock-agents-overlay{position:absolute;top:6px;left:8px;right:8px;bottom:48px;z-index:11;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.sg-mock-agents-modal{width:100%;max-height:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000038;overflow:hidden;display:flex;flex-direction:column}.sg-mock-agents-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.sg-mock-agents-header-left{display:flex;align-items:center;gap:6px}.sg-mock-agents-title{font-size:9px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.sg-mock-agents-subtitle{font-size:7px;color:var(--color-text-muted);line-height:1.2}.sg-mock-agents-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--color-border-light)}.sg-mock-agents-search{flex:1;display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid var(--color-border-light);border-radius:5px;background:var(--color-bg-secondary);font-size:7px;color:var(--color-text-muted)}.sg-mock-agents-new-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;border:none;background:var(--color-accent-primary);color:#fff;font-size:7px;font-weight:600;cursor:default;white-space:nowrap;flex-shrink:0}.sg-mock-agents-body{flex:1;min-height:0;overflow:hidden;padding:8px 10px}.sg-mock-agents-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;text-align:center;font-size:7px;color:var(--color-text-muted)}.sg-mock-agent-create-card{display:flex;flex-direction:column;gap:8px;padding:8px 10px 10px}.sg-mock-agent-create-icon{width:28px;height:28px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 2px}.sg-mock-agent-create-fields{display:flex;flex-direction:column;gap:5px}.sg-mock-agent-field{display:flex;flex-direction:column;gap:2px}.sg-mock-agent-field label{font-size:7px;font-weight:600;color:var(--color-text-secondary)}.sg-mock-agent-field label .optional{font-weight:400;color:var(--color-text-muted)}.sg-mock-agent-input{font-size:8px;padding:4px 6px;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary)}.sg-mock-agent-textarea{font-size:7px;padding:4px 6px;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:28px;line-height:1.4}.sg-mock-agent-create-actions{display:flex;gap:6px}.sg-mock-agent-btn-primary{padding:4px 12px;border-radius:5px;border:none;background:var(--color-accent-primary);color:#fff;font-size:7px;font-weight:600;cursor:default}.sg-mock-agent-btn-secondary{padding:4px 10px;border-radius:5px;border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);font-size:7px;font-weight:500;cursor:default}.sg-mock-agent-card-header{display:flex;align-items:center;gap:6px;padding:7px 8px}.sg-mock-agent-card-icon{width:22px;height:22px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sg-mock-agent-card-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sg-mock-agent-card-name{font-size:8px;font-weight:600;color:var(--color-text-primary)}.sg-mock-agent-card-desc{font-size:7px;color:var(--color-text-muted)}.sg-mock-agent-card-actions{display:flex;flex-direction:column;gap:4px;padding:0 8px 6px}.sg-mock-agent-card-link{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:500;color:var(--color-accent-primary);background:none;border:none;padding:0;cursor:default}.sg-mock-agent-card-footer{display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid var(--color-border-light)}.sg-mock-agent-pill{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:4px;font-size:7px;font-weight:600;border:none;cursor:default}.sg-mock-agent-instructions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.sg-mock-agent-instructions-modal{width:90%;max-width:300px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 6px 20px #00000038;overflow:hidden}.sg-mock-agent-instructions-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--color-border-light);font-size:8px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary)}.sg-mock-agent-instructions-actions{display:flex;gap:6px;padding:4px 10px 8px}.sg-agent-banner{display:flex;align-items:center;gap:5px;padding:4px 14px;border-bottom:1px solid var(--color-border-light);background:var(--color-accent-light);font-size:8px}.sg-agent-banner-name{font-weight:600;color:var(--color-text-primary)}.sg-agent-banner-skills{display:flex;align-items:center;gap:2px;color:var(--color-text-muted);font-size:7px;margin-left:auto}.sg-settings-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:20;align-items:center;background:#00000059;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;pointer-events:none}.sg-settings-modal{width:94%;height:90%;background:var(--color-bg-primary);border-radius:6px;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column;overflow:hidden}.sg-settings-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--color-border-light);font-weight:600;color:var(--color-text-primary)}.sg-settings-title{font-size:9px;font-weight:700;color:var(--color-text-primary)}.sg-settings-body{display:flex;flex:1;min-height:0;overflow:hidden}.sg-settings-nav{width:82px;min-width:82px;padding:4px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:1px}.sg-settings-nav-item{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;font-size:6.5px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden}.sg-settings-content{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.sg-st-tabs{display:flex;align-items:center;gap:6px;padding:5px 8px;border-bottom:1px solid var(--color-border-light)}.sg-st-tab{font-size:7px;font-weight:500;color:var(--color-text-muted);padding:2px 6px;border-radius:3px}.sg-st-tab.active{font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary)}.sg-st-new-btn{margin-left:auto;display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;border:none;background:var(--color-accent-primary);color:#fff;font-size:6px;font-weight:600}.sg-st-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px}.sg-st-empty-title{font-size:8px;font-weight:600;color:var(--color-text-primary)}.sg-st-empty-desc{font-size:6.5px;color:var(--color-text-muted);text-align:center;max-width:160px}.sg-st-form{padding:6px 8px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.sg-st-form-heading{font-size:8px;font-weight:700;color:var(--color-text-primary)}.sg-st-field{display:flex;flex-direction:column;gap:2px}.sg-st-field-label{font-size:6.5px;font-weight:500;color:var(--color-text-secondary)}.sg-st-input{font-size:5.5px;padding:3px 5px;border-radius:3px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-primary)}.sg-st-textarea{font-size:5.5px;padding:3px 5px;border-radius:3px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:28px}.sg-st-trigger-toggle{display:flex;gap:3px}.sg-st-trigger-btn{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-size:6.5px;font-weight:500;color:var(--color-text-muted);border:1px solid var(--color-border-light);background:transparent}.sg-st-schedule-row{display:flex;align-items:flex-end;gap:5px}.sg-st-sched-field{display:flex;flex-direction:column;gap:1px}.sg-st-sched-label{font-size:6px;font-weight:500;color:var(--color-text-muted)}.sg-st-select{font-size:5.5px;padding:2px 5px;border-radius:3px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-muted);white-space:nowrap}.sg-st-select.sm{width:20px;text-align:center}.sg-st-time-row{display:flex;align-items:center;gap:1px}.sg-st-time-sep{font-size:7px;color:var(--color-text-muted)}.sg-st-form-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:2px}.sg-st-cancel-btn{font-size:6.5px;padding:2px 8px;border-radius:4px;border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);font-weight:500}.sg-st-create-btn{font-size:6.5px;padding:2px 8px;border-radius:4px;border:none;background:var(--color-accent-primary);color:#fff;font-weight:600}.sg-profile-panel{display:flex;flex-direction:column;height:100%}.sg-profile-header{padding:6px 10px;display:flex;flex-direction:column;gap:1px}.sg-profile-title{font-size:9px;font-weight:700;color:var(--color-text-primary)}.sg-profile-desc{font-size:6.5px;color:var(--color-text-muted)}.sg-profile-content{flex:1;overflow-y:auto;padding:4px 10px;display:flex;flex-direction:column;gap:4px}.sg-profile-section-label{font-size:6px;font-weight:600;color:var(--color-text-muted);letter-spacing:.4px;margin-top:2px}.sg-profile-field{display:flex;flex-direction:column;gap:2px}.sg-profile-field-label{display:flex;align-items:center;gap:3px;font-size:6.5px;font-weight:500;color:var(--color-text-primary)}.sg-profile-textarea{font-size:5.5px;padding:4px 5px;border-radius:3px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:32px;line-height:1.4}.sg-profile-counter{font-size:5.5px;color:var(--color-text-muted);text-align:right}.sg-profile-divider{height:1px;background:var(--color-border-light);margin:2px 0}.sg-profile-footer{padding:5px 10px;display:flex;justify-content:flex-end}.sg-profile-save-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:4px;border:none;background:var(--color-accent-primary);color:#fff;font-size:6.5px;font-weight:600}.sg-channels-panel{display:flex;flex-direction:column;height:100%}.sg-channels-header{padding:6px 10px;display:flex;flex-direction:column;gap:1px}.sg-channels-title{font-size:9px;font-weight:700;color:var(--color-text-primary)}.sg-channels-desc{font-size:6.5px;color:var(--color-text-muted)}.sg-channels-list{padding:4px 10px;display:flex;flex-direction:column;gap:4px}.sg-channel-card-row{display:flex;align-items:center;gap:5px;padding:5px 8px}.sg-channel-icon{width:14px;height:14px;flex-shrink:0}.sg-channel-name{flex:1;font-size:7px;font-weight:600;color:var(--color-text-primary)}.sg-channel-connect-btn{padding:2px 8px;border-radius:4px;border:none;background:var(--color-accent-primary);color:#fff;font-size:6px;font-weight:600}.sg-channel-verify{display:flex;gap:6px;padding:4px 8px 6px;border-top:1px solid var(--color-border-light)}.sg-channel-qr-placeholder{width:52px;height:52px;background:repeating-conic-gradient(var(--color-text-primary) 0% 25%,var(--color-bg-primary) 0% 50%) 50% / 6px 6px;border-radius:2px}.sg-channel-instructions{display:flex;flex-direction:column;gap:1px;font-size:5.5px;color:var(--color-text-secondary);line-height:1.4}.sg-channel-code{margin-top:1px;font-size:6px;color:var(--color-text-primary)}.sg-channel-code code{font-weight:700;background:var(--color-bg-secondary);padding:0 3px;border-radius:2px}.sg-channel-waiting{display:flex;align-items:center;gap:2px;font-size:5.5px;color:var(--color-accent-primary)}.sg-channel-waiting svg{animation:spin 1s linear infinite}.sg-channel-cancel-btn{align-self:flex-start;margin-top:2px;padding:2px 6px;border-radius:3px;border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);font-size:5.5px;font-weight:500}.sg-integrations-panel-overlay{position:absolute;bottom:calc(100% + 6px);left:8px;z-index:12;pointer-events:none}.sg-integrations-panel{width:190px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 6px 20px #0003;overflow:hidden}.sg-integrations-header{display:flex;align-items:center;padding:4px 8px;border-bottom:1px solid var(--color-border-light);font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary)}.sg-integrations-list{padding:1px 0;max-height:180px;overflow-y:auto}.sg-integrations-item{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:8px;color:var(--color-text-secondary)}.sg-integrations-item-icon{flex-shrink:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.sg-int-svg{width:12px;height:12px;flex-shrink:0}.sg-integrations-item-name{flex:1;min-width:0;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-integrations-item-actions{flex-shrink:0;display:flex;align-items:center}.sg-integrations-btn-connect,.sg-integrations-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border-radius:4px;font-size:6px;font-weight:600}.sg-integrations-toggle.on{background:#10b98126;color:#10b981}.sg-input-bar{padding:8px 12px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:5px}.sg-input-box{padding:6px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;min-height:22px}.sg-input-placeholder{font-size:9px;color:var(--color-text-muted)}.sg-input-text{font-size:9px;color:var(--color-text-primary);word-break:break-word}.sg-caret{display:inline-block;width:1px;height:10px;background:var(--color-accent-primary);margin-left:1px;vertical-align:text-bottom;animation:sg-blink .5s step-end infinite}.sg-input-actions{display:flex;align-items:center;gap:0}.sg-input-left-actions{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.sg-input-right-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.sg-action-icon-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;padding:0}.sg-gmail-btn{font-size:8px;font-weight:800;color:#ea4335;font-family:sans-serif}.sg-skills-count{display:flex;align-items:center;gap:1px;font-size:7px;font-weight:600;color:var(--color-accent-primary);background:var(--color-accent-light);padding:1px 4px;border-radius:4px;flex-shrink:0;white-space:nowrap}.sg-toggle-btn{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:20px;font-size:7.5px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border-light);white-space:nowrap;transition:all .35s ease;flex-shrink:0}.sg-toggle-btn svg{flex-shrink:0;color:inherit}.sg-social-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border-light);background:transparent;cursor:pointer;flex-shrink:0;padding:0}.sg-send-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:var(--color-bg-tertiary);color:var(--color-text-muted);flex-shrink:0;transition:all .3s ease;padding:0;cursor:pointer}.sg-send-btn.sent{background:#10b981;color:#fff}.sg-cursor{position:absolute;z-index:20;pointer-events:none;color:var(--color-text-primary);filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.sg-click-ring{position:absolute;top:-3px;left:-3px;width:20px;height:20px;border-radius:50%;border:2px solid var(--color-accent-primary);animation:sg-ring .4s ease-out forwards}@keyframes sg-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.sg-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:var(--color-text-secondary);padding:8px 16px;background:linear-gradient(transparent,var(--color-bg-primary) 50%);pointer-events:none}.sg-steps{display:flex;border-top:1px solid var(--color-border-light)}.sg-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);border-right:1px solid var(--color-border-light)}.sg-step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.sg-step.done .sg-step-num{background:#10b981;color:#fff}.sg-step-label{font-size:10px;font-weight:500;color:var(--color-text-muted);text-align:center;line-height:1.2}.sg-feedback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:30;background:#00000059}.sg-feedback-panel{width:420px;max-height:290px;background:var(--color-bg-primary);border-radius:8px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;overflow:hidden}.sg-feedback-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-light)}.sg-feedback-title{font-size:11px;font-weight:700;color:var(--color-text-primary)}.sg-feedback-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px}.sg-feedback-search{flex:1;display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid var(--color-border-light);border-radius:4px;font-size:8px;color:var(--color-text-muted)}.sg-feedback-search-btn{padding:3px 8px;font-size:8px;font-weight:600;color:#fff;background:var(--color-accent-primary);border:none;border-radius:4px}.sg-feedback-filters{display:flex;align-items:center;gap:4px;padding:0 12px 6px;flex-wrap:wrap}.sg-feedback-filter{display:flex;align-items:center;gap:2px;padding:2px 6px;font-size:7px;font-weight:600;border-radius:10px;border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.sg-feedback-filter-status,.sg-feedback-filter-sort{font-size:7px;color:var(--color-text-muted);padding:2px 4px;border:1px solid var(--color-border-light);border-radius:4px}.sg-feedback-new-btn{display:flex;align-items:center;gap:2px;padding:2px 8px;font-size:7px;font-weight:700;color:#fff;background:var(--color-accent-primary);border:none;border-radius:4px;margin-left:auto}.sg-feedback-count{padding:2px 12px 4px;font-size:7px;color:var(--color-text-muted)}.sg-feedback-list{display:flex;flex-direction:column;overflow:auto;flex:1}.sg-feedback-card{display:flex;align-items:center;gap:8px;padding:6px 12px;border-top:1px solid var(--color-border-light)}.sg-feedback-card-vote{display:flex;flex-direction:column;align-items:center;gap:0;min-width:20px}.sg-feedback-vote-arrow{font-size:8px;color:var(--color-text-muted);line-height:1}.sg-feedback-vote-count{font-size:8px;font-weight:700;color:var(--color-text-primary)}.sg-feedback-card-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sg-feedback-card-badges{display:flex;gap:4px;align-items:center}.sg-feedback-badge{display:inline-flex;align-items:center;gap:2px;font-size:6px;font-weight:700;padding:1px 4px;border-radius:6px}.sg-feedback-badge.bug{background:#ef44441f;color:#dc2626}.sg-feedback-badge.feature{background:#a855f71f;color:#7c3aed}.sg-feedback-status-badge{font-size:6px;font-weight:600;padding:1px 4px;border-radius:6px;background:#10b9811f;color:#059669}.sg-feedback-card-title{font-size:8px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-feedback-card-date{font-size:7px;color:var(--color-text-muted);white-space:nowrap}.sg-feedback-form{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.sg-feedback-form-group{display:flex;flex-direction:column;gap:2px}.sg-feedback-label{font-size:7px;font-weight:700;color:var(--color-text-primary)}.sg-feedback-select{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--color-border-light);border-radius:4px;font-size:8px;color:var(--color-text-primary)}.sg-feedback-input{padding:4px 8px;border:1px solid var(--color-border-light);border-radius:4px;font-size:8px;color:var(--color-text-primary)}.sg-feedback-textarea{padding:4px 8px;border:1px solid var(--color-border-light);border-radius:4px;font-size:8px;color:var(--color-text-primary);min-height:48px;line-height:1.4}.sg-feedback-form-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:4px}.sg-feedback-cancel-btn{padding:3px 10px;font-size:8px;font-weight:600;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:4px;color:var(--color-text-secondary)}.sg-feedback-submit-btn{padding:3px 10px;font-size:8px;font-weight:700;background:var(--color-accent-primary);border:none;border-radius:4px;color:#fff}.sg-browser-panel-overlay{position:absolute;bottom:calc(100% + 6px);right:8px;z-index:12}.sg-browser-panel{width:190px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 16px #0000001f;padding:10px}.sg-browser-panel-header{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:600;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:8px}.sg-browser-panel-tabs{display:flex;gap:2px;background:var(--color-bg-secondary);border-radius:6px;padding:2px;margin-bottom:6px}.sg-browser-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 0;font-size:7.5px;font-weight:500;border:none;border-radius:5px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans)}.sg-browser-panel-desc{font-size:7.5px;color:var(--color-text-muted);text-align:center;line-height:1.4}.sg-browser-ext-content{margin-top:8px;border-top:1px solid var(--color-border-light);padding-top:8px}.sg-browser-ext-status{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:var(--color-text-secondary);margin-bottom:6px}.sg-browser-ext-status-val{display:flex;align-items:center;gap:3px;font-weight:500;color:var(--color-text-muted)}.sg-browser-ext-dot{width:5px;height:5px;border-radius:50%;background:#ef4444;flex-shrink:0}.sg-browser-ext-setup{font-size:7px;color:var(--color-text-secondary);text-align:center;line-height:1.5;margin-bottom:6px}.sg-browser-ext-steps{background:var(--color-bg-secondary);border-radius:5px;padding:5px 6px 5px 14px;margin-bottom:8px}.sg-browser-ext-steps ol{margin:0;padding:0;list-style:decimal;font-size:6.5px;line-height:1.6;color:var(--color-text-secondary)}.sg-browser-ext-steps code{font-size:6px;background:var(--color-bg-tertiary);padding:1px 3px;border-radius:2px}.sg-browser-ext-actions{display:flex;gap:4px}.sg-browser-ext-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 0;border-radius:5px;font-size:7px;font-weight:600;font-family:var(--font-sans)}.sg-browser-ext-btn.primary{background:#22c55e;color:#fff}.sg-mock-recipes-overlay{position:absolute;top:6px;left:8px;right:8px;bottom:48px;z-index:11;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.sg-mock-recipes-modal{width:100%;max-height:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000038;display:flex;flex-direction:column;overflow:hidden}.sg-mock-recipes-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.sg-mock-recipes-header-left{display:flex;align-items:center;gap:6px}.sg-mock-recipes-title{font-size:9px;font-weight:700;color:var(--color-text-primary)}.sg-mock-recipes-subtitle{font-size:7px;color:var(--color-text-muted);line-height:1.2}.sg-mock-recipes-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--color-border-light)}.sg-mock-recipes-search{flex:1;display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid var(--color-border-light);border-radius:5px;background:var(--color-bg-secondary);font-size:7px;color:var(--color-text-muted)}.sg-mock-recipes-new-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;background:var(--color-accent-primary);color:#fff;font-size:7px;font-weight:600;border:none;cursor:pointer;font-family:var(--font-sans);white-space:nowrap}.sg-mock-recipes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 20px;font-size:8px;color:var(--color-text-muted)}.sg-mock-recipe-create{padding:10px;display:flex;flex-direction:column;gap:8px}.sg-mock-recipe-field{display:flex;flex-direction:column;gap:3px}.sg-mock-recipe-field label{font-size:7px;font-weight:600;color:var(--color-text-secondary)}.sg-mock-recipe-field .optional{font-weight:400;color:var(--color-text-muted)}.sg-mock-recipe-input{padding:4px 6px;border-radius:4px;border:1px solid var(--color-border-light);font-size:7.5px;color:var(--color-text-primary);background:var(--color-bg-primary)}.sg-mock-recipe-create-actions{display:flex;gap:6px;justify-content:flex-end;padding-top:4px}.sg-mock-recipe-editor{display:flex;flex-direction:column;overflow:hidden}.sg-mock-recipe-editor-header{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--color-border-light)}.sg-mock-recipe-editor-name{font-size:8px;font-weight:600;color:var(--color-text-primary)}.sg-mock-recipe-editor-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.sg-mock-recipe-editor-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:7px;font-weight:500;color:var(--color-accent-primary);border-bottom:2px solid var(--color-accent-primary);background:var(--color-bg-secondary)}.sg-mock-recipe-editor-content{padding:8px 10px;background:var(--color-bg-secondary);flex:1;overflow:hidden}.sg-mock-recipe-editor-content code{font-size:7px;font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.6;white-space:pre;color:var(--color-text-secondary)}.sg-mock-agent-api-body{padding:8px 10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sg-mock-agent-api-section{display:flex;flex-direction:column;gap:4px}.sg-mock-agent-api-section-header{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:600;color:var(--color-text-primary)}.sg-mock-agent-api-empty{font-size:7px;color:var(--color-text-muted);padding:4px 0}.sg-mock-agent-api-endpoint{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);font-size:7px}.sg-mock-agent-api-endpoint code{font-size:7px;font-family:SF Mono,Menlo,Consolas,monospace;color:var(--color-text-secondary)}.sg-mock-agent-api-method{font-size:6.5px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:1px 4px;border-radius:3px}.sg-mock-agent-api-code{padding:6px 8px;border-radius:5px;background:#1e1e2e;overflow:hidden}.sg-mock-agent-api-code code{font-size:6.5px;font-family:SF Mono,Menlo,Consolas,monospace;color:#a6adc8;line-height:1.5;white-space:pre}.sg-mock-agent-api-footer{display:flex;justify-content:flex-end;padding-top:4px}.sg-skill-settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:8px}.sg-skill-settings-modal{width:300px;max-height:260px;background:var(--color-bg-primary);border-radius:8px;border:1px solid var(--color-border-light);box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;overflow:hidden}.sg-skill-settings-header{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid var(--color-border-light)}.sg-skill-settings-name{font-size:8px;font-weight:600;color:var(--color-text-primary)}.sg-skill-settings-field{padding:6px 10px;display:flex;flex-direction:column;gap:3px}.sg-skill-settings-field label{font-size:7px;font-weight:600;color:var(--color-text-secondary)}.sg-skill-settings-select{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;border-radius:4px;border:1px solid var(--color-border-light);font-size:7px;color:var(--color-text-primary)}.sg-skill-settings-tabs{display:flex;border-bottom:1px solid var(--color-border-light)}.sg-skill-settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 0;font-size:7px;font-weight:500;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.sg-skill-settings-keys{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.sg-skill-settings-keys-empty{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;font-size:8px;color:var(--color-text-muted)}.sg-skill-settings-keys-hint{font-size:7px;color:var(--color-text-muted);opacity:.7}.sg-skill-settings-key-row{display:flex;gap:4px;align-items:center}.sg-skill-settings-key-input{flex:1;padding:3px 6px;border-radius:4px;border:1px solid var(--color-border-light);font-size:7px}.sg-skill-settings-add-btn{padding:3px 8px;border-radius:4px;background:var(--color-accent-primary);color:#fff;font-size:7px;font-weight:600;border:none;cursor:pointer;font-family:var(--font-sans);white-space:nowrap}.sg-skill-settings-sharing{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.sg-skill-settings-share-input-row{display:flex;gap:4px;align-items:center}.sg-skill-settings-share-email{flex:1;padding:3px 6px;border-radius:4px;border:1px solid var(--color-border-light);font-size:7px}.sg-skill-settings-share-perm{display:flex;align-items:center;gap:2px;padding:3px 6px;border-radius:4px;border:1px solid var(--color-border-light);font-size:7px;color:var(--color-text-primary);white-space:nowrap}.sg-skill-settings-share-section{display:flex;flex-direction:column;gap:4px}.sg-skill-settings-share-label{font-size:7px;font-weight:600;color:var(--color-text-secondary)}.sg-skill-settings-share-person{display:flex;align-items:center;gap:6px;padding:3px 0}.sg-skill-settings-share-avatar{width:16px;height:16px;border-radius:50%;background:var(--color-accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700}.sg-skill-settings-share-info{display:flex;flex-direction:column;font-size:7px;color:var(--color-text-primary)}.sg-skill-settings-share-role{font-size:6.5px;color:var(--color-text-muted)}.sg-skill-settings-share-access{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;border-radius:4px;border:1px solid var(--color-border-light);font-size:7px;color:var(--color-text-primary)}.fade-in{animation:sg-fadeIn .5s cubic-bezier(.25,.1,.25,1)}.sg-spin{animation:sg-spin 1s linear infinite}.skill-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:settingsFadeIn .15s ease}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.skill-settings-modal{background:var(--color-bg-primary);border-radius:14px;width:100%;height:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:settingsSlideUp .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border-light)}.skill-settings-title{display:flex;align-items:center;gap:12px}.skill-settings-title svg{color:var(--color-accent-primary)}.skill-settings-title h2{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.skill-settings-access-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.skill-settings-access-badge.viewer{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.skill-settings-access-badge.editor{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.skill-settings-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);border-radius:8px;cursor:pointer;transition:all .15s ease}.skill-settings-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-settings-category-section{display:flex;align-items:center;gap:8px;padding:6px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.skill-settings-category-header{display:flex;align-items:center;gap:10px}.skill-settings-category-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.skill-settings-category-error{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-error, #ef4444)}.skill-settings-category-controls{display:flex;flex-direction:column;gap:6px}.skill-settings-category-row{display:flex;align-items:center;gap:6px}.skill-settings-category-select{flex:1;padding:5px 8px;font-size:12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;outline:none;transition:border-color .15s ease;max-height:200px;overflow-y:auto}.skill-settings-category-select:hover{border-color:var(--color-border)}.skill-settings-category-select:focus{border-color:var(--color-accent-primary)}.skill-settings-category-mgmt{display:flex;align-items:center;gap:2px;flex-shrink:0}.skill-settings-category-mgmt-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.skill-settings-category-mgmt-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.skill-settings-category-mgmt-btn.danger:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef44444d}.skill-settings-category-mgmt-btn:disabled{opacity:.4;cursor:not-allowed}.skill-settings-category-custom{display:flex;align-items:center;gap:4px}.skill-settings-category-custom-input{flex:1;padding:5px 8px;font-size:12px;border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.skill-settings-category-custom-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--color-accent-primary);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s ease}.skill-settings-category-custom-btn.cancel{background:var(--color-bg-primary);color:var(--color-text-secondary);border-color:var(--color-border-light)}.skill-settings-category-custom-btn.cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-settings-category-custom-btn:hover:not(:disabled){opacity:.85}.skill-settings-category-custom-btn:disabled{opacity:.4;cursor:not-allowed}.skill-settings-category-readonly{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:999px}.skill-settings-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.skill-settings-tab{display:flex;align-items:center;gap:6px;padding:9px 14px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;position:relative;transition:all .15s ease}.skill-settings-tab:hover{color:var(--color-text-primary)}.skill-settings-tab.active{color:var(--color-accent-primary)}.skill-settings-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-accent-primary);border-radius:2px 2px 0 0}.skill-settings-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-accent-primary);color:#fff;border-radius:9px;font-size:11px;font-weight:600}.skill-settings-tab-badge-warning{background:#fef3c7;color:#d97706}.skill-settings-tab-content{padding:16px 20px;flex:1;display:flex;flex-direction:column;min-height:0}.skill-settings-subsection{margin-bottom:16px}.skill-settings-subsection:last-child{margin-bottom:0}.skill-settings-subsection-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.skill-settings-subsection-header svg{color:var(--color-text-muted)}.skill-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;color:var(--color-text-muted)}.skill-settings-spinner{width:24px;height:24px;border:2px solid var(--color-border-light);border-top-color:var(--color-accent-primary);border-radius:50%;animation:settingsSpin .8s linear infinite}@keyframes settingsSpin{to{transform:rotate(360deg)}}.skill-settings-content{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:0}.skill-settings-section{padding:14px 20px;border-bottom:1px solid var(--color-border-light)}.skill-settings-section:last-child{border-bottom:none}.skill-settings-section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.skill-settings-section-header svg{color:var(--color-text-muted)}.skill-settings-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--color-bg-tertiary);color:var(--color-text-muted);margin-left:auto}.skill-settings-badge-warning,.skill-settings-badge-pending{background:#fef3c7;color:#d97706}.skill-settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--color-text-muted);text-align:center}.skill-settings-empty svg{opacity:.4;margin-bottom:8px}.skill-settings-empty p{margin:0;font-size:14px}.skill-settings-empty-hint{margin-top:4px;font-size:12px;opacity:.7}.skill-settings-empty-small{padding:16px;text-align:center;color:var(--color-text-muted);font-size:13px}.skill-keys-content{display:flex;flex-direction:column;height:100%;padding:0!important}.skill-keys-list-container{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.skill-keys-add-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-shrink:0}.skill-settings-keys{display:flex;flex-direction:column;gap:8px}.skill-settings-key-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px}.skill-settings-key-name{display:flex;align-items:center;gap:8px;min-width:120px}.skill-settings-key-name code{font-size:12px;font-weight:600;color:var(--color-text-primary)}.skill-settings-key-warning{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#d97706}.skill-settings-key-value{flex:1;min-width:0}.skill-settings-key-value input{width:100%;padding:6px 10px;border:1px solid var(--color-border-light);border-radius:6px;font-size:13px;font-family:var(--font-mono);background:var(--color-bg-primary);color:var(--color-text-primary)}.skill-settings-key-value input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-light)}.skill-settings-key-value input[readonly]{cursor:pointer;background:var(--color-bg-primary)}.skill-settings-key-value input[readonly]:hover{border-color:var(--color-border)}.skill-settings-key-actions{display:flex;gap:4px}.skill-settings-key-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.skill-settings-key-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-settings-key-save{color:var(--color-accent-primary)}.skill-settings-key-save:hover{background:var(--color-accent-light);color:#fff}.skill-settings-key-delete:hover{background:#fee2e2;color:#dc2626}.skill-settings-add-key{display:flex;gap:8px}.skill-settings-add-key-name{width:140px;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:8px;font-size:13px;font-family:var(--font-mono);background:var(--color-bg-primary);color:var(--color-text-primary)}.skill-settings-add-key-name:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-light)}.skill-settings-add-key-value{flex:1;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:8px;font-size:13px;background:var(--color-bg-primary);color:var(--color-text-primary)}.skill-settings-add-key-value:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-light)}.skill-settings-add-key-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all .15s ease}.skill-settings-add-key-btn:hover:not(:disabled){background:var(--color-accent-secondary)}.skill-settings-add-key-btn:disabled{opacity:.5;cursor:not-allowed}.skill-settings-visibility{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-settings-visibility-btn{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:2px solid var(--color-border-light);border-radius:10px;background:var(--color-bg-primary);cursor:pointer;transition:all .2s ease;text-align:left}.skill-settings-visibility-btn:hover:not(:disabled){border-color:var(--color-border);background:var(--color-bg-secondary)}.skill-settings-visibility-btn.active{border-color:var(--color-accent-primary);background:var(--color-accent-light)}.skill-settings-visibility-btn:disabled{opacity:.6;cursor:not-allowed}.skill-settings-visibility-btn svg{flex-shrink:0;margin-top:2px;color:var(--color-text-muted)}.skill-settings-visibility-btn.active svg{color:#fff}.skill-settings-visibility-info{display:flex;flex-direction:column;gap:2px}.skill-settings-visibility-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.skill-settings-visibility-desc{font-size:11px;color:var(--color-text-muted)}.skill-settings-visibility-btn.active .skill-settings-visibility-label{color:#fff}.skill-settings-share-keys{padding:12px;background:var(--color-bg-secondary);border-radius:10px}.skill-settings-share-keys-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.skill-settings-share-keys-list{display:flex;flex-wrap:wrap;gap:8px}.skill-settings-share-key-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:6px;cursor:pointer;transition:all .15s ease}.skill-settings-share-key-item:hover{border-color:var(--color-border)}.skill-settings-share-key-item input{cursor:pointer;accent-color:var(--color-accent-primary)}.skill-settings-share-key-item code{font-size:12px;color:var(--color-text-primary)}.skill-settings-share-key-warning{color:#d97706;display:flex;align-items:center}.skill-settings-share-keys-hint{margin-top:10px;font-size:11px;color:var(--color-text-muted)}.skill-settings-add-person{display:flex;gap:8px;margin-bottom:16px}.skill-settings-add-person input[type=email]{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;font-size:14px;background:var(--color-bg-primary);color:var(--color-text-primary)}.skill-settings-add-person input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.skill-settings-add-person select{padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;font-size:13px;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}.skill-settings-add-person button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;font-size:14px;font-weight:500;background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all .15s ease}.skill-settings-add-person button:hover:not(:disabled){background:var(--color-accent-secondary)}.skill-settings-add-person button:disabled{opacity:.5;cursor:not-allowed}.skill-settings-error{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-top:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px}.skill-settings-requests{margin-bottom:10px;padding:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.skill-settings-requests-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--color-text-secondary)}.skill-settings-requests-list{display:flex;flex-direction:column;gap:8px}.skill-settings-request-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--color-bg-primary);border-radius:8px}.skill-settings-request-info{display:flex;flex-direction:column;gap:2px}.skill-settings-request-email{font-size:13px;font-weight:500;color:var(--color-text-primary)}.skill-settings-request-level{font-size:11px;color:var(--color-text-muted)}.skill-settings-request-actions{display:flex;gap:6px}.skill-settings-request-approve,.skill-settings-request-reject{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.skill-settings-request-approve{background:#dcfce7;color:#16a34a}.skill-settings-request-approve:hover{background:#16a34a;color:#fff}.skill-settings-request-reject{background:#fee2e2;color:#dc2626}.skill-settings-request-reject:hover{background:#dc2626;color:#fff}.skill-settings-people-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.skill-settings-search{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px}.skill-settings-search svg{color:var(--color-text-muted)}.skill-settings-search input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text-primary);outline:none}.skill-settings-people-list{display:flex;flex-direction:column;gap:4px}.skill-settings-person-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background .15s ease}.skill-settings-person-item:hover{background:var(--color-bg-secondary)}.skill-settings-person-item:hover .skill-settings-person-remove{opacity:1}.skill-settings-person-info{display:flex;flex-direction:column;gap:4px}.skill-settings-person-email{font-size:13px;font-weight:500;color:var(--color-text-primary)}.skill-settings-person-perms{display:flex;gap:6px}.skill-settings-perm{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.skill-settings-perm-use{background:#dcfce7;color:#166534}.skill-settings-perm-edit{background:#dbeafe;color:#1e40af}.skill-settings-person-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:6px;cursor:pointer;opacity:0;transition:all .15s ease}.skill-settings-person-remove:hover{background:#fee2e2;color:#dc2626}.skill-sharing-content{display:flex;flex-direction:column;height:100%;padding:0!important}.skill-sharing-add-section{padding:12px 20px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.skill-sharing-scrollable{flex:1;overflow-y:auto;min-height:0;position:relative}.skill-sharing-public-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:var(--color-text-muted)}.skill-sharing-public-info svg{color:var(--color-text-tertiary);margin-bottom:12px}.skill-sharing-public-info p{margin:0 0 6px;font-size:14px;font-weight:500;color:var(--color-text-primary)}.skill-sharing-public-info span{font-size:12px;max-width:300px;line-height:1.45}.skill-sharing-footer{padding:12px 20px;border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-shrink:0;position:relative;z-index:1}.skill-sharing-add-row{display:flex;gap:8px;align-items:center}.skill-sharing-add-input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;background:var(--color-bg-primary);color:var(--color-text-primary)}.skill-sharing-add-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-light)}.skill-sharing-add-select{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;min-width:100px}.skill-sharing-add-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all .15s ease;flex-shrink:0}.skill-sharing-add-btn:hover:not(:disabled){background:var(--color-accent-secondary)}.skill-sharing-add-btn:disabled{opacity:.5;cursor:not-allowed}.skill-sharing-section{padding:10px 20px;border-bottom:1px solid var(--color-border-light)}.skill-sharing-section:last-child{border-bottom:none}.skill-sharing-section-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.skill-sharing-section-header svg{color:var(--color-text-muted)}.skill-sharing-search{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px}.skill-sharing-search svg{color:var(--color-text-muted);flex-shrink:0}.skill-sharing-search input{flex:1;border:none;background:transparent;font-size:12px;color:var(--color-text-primary);outline:none}.skill-sharing-list{display:flex;flex-direction:column}.skill-sharing-person-row{display:flex;align-items:center;gap:10px;padding:6px;border-radius:6px;transition:background .15s ease}.skill-sharing-person-row:hover{background:var(--color-bg-secondary)}.skill-sharing-person-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.skill-sharing-person-avatar-img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.skill-sharing-owner-avatar{background:linear-gradient(135deg,var(--color-accent-primary),#6ee7b7)}.skill-sharing-person-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.skill-sharing-person-name{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-sharing-person-email{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-sharing-role-label{font-size:12px;color:var(--color-text-muted);padding:4px 10px}.skill-sharing-role-dropdown-container{position:relative}.skill-sharing-role-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:12px;cursor:pointer;border-radius:6px;transition:all .15s ease}.skill-sharing-role-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-sharing-edit-perms-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:6px;transition:all .15s ease;flex-shrink:0}.skill-sharing-edit-perms-btn:hover{background:var(--color-bg-hover);color:#7c3aed}.skill-sharing-role-dropdown{position:fixed;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 10px 40px #00000026;min-width:180px;z-index:1100;padding:4px;animation:roleDropdownFadeIn .1s ease-out}@keyframes roleDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.skill-sharing-role-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:6px;transition:background .15s ease}.skill-sharing-role-option:hover{background:var(--color-bg-hover)}.skill-sharing-role-option.active{background:var(--color-accent-light)}.skill-sharing-role-option span:first-child{font-size:13px;font-weight:500;color:var(--color-text-primary)}.skill-sharing-role-desc{font-size:11px;color:var(--color-text-muted)}.skill-sharing-role-divider{height:1px;background:var(--color-border-light);margin:4px 0}.skill-sharing-role-remove,.skill-sharing-role-remove span{color:#dc2626!important}.skill-sharing-role-remove:hover{background:#fee2e2!important}.skill-sharing-request-actions{display:flex;gap:6px}.skill-sharing-request-approve,.skill-sharing-request-reject{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.skill-sharing-request-approve{background:#dcfce7;color:#16a34a}.skill-sharing-request-approve:hover{background:#16a34a;color:#fff}.skill-sharing-request-reject{background:#fee2e2;color:#dc2626}.skill-sharing-request-reject:hover{background:#dc2626;color:#fff}.skill-sharing-general-access{background:var(--color-bg-secondary)}.skill-sharing-access-row{display:flex;align-items:flex-start;gap:12px}.skill-sharing-access-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-sharing-access-icon.global{background:#dbeafe;color:#2563eb}.skill-sharing-access-icon.internal{background:#fef3c7;color:#d97706}.skill-sharing-access-icon.console{background:#d1fae5;color:#059669}.skill-sharing-access-icon.private{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.skill-sharing-access-info{flex:1;display:flex;flex-direction:column;gap:4px}.skill-sharing-access-select{padding:4px 8px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;margin-left:-8px}.skill-sharing-access-select:focus{outline:none}.skill-sharing-access-desc{font-size:11px;color:var(--color-text-muted)}.skill-sharing-keys-section{background:var(--color-bg-primary)}.skill-sharing-keys{display:flex;flex-wrap:wrap;gap:8px}.skill-sharing-key-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;cursor:pointer;transition:all .15s ease}.skill-sharing-key-item:hover{border-color:var(--color-border)}.skill-sharing-key-item input{cursor:pointer;accent-color:var(--color-accent-primary)}.skill-sharing-key-item code{font-size:12px;color:var(--color-text-primary)}.skill-sharing-key-warning{color:#d97706;display:flex;align-items:center}.skill-sharing-keys-hint{width:100%;margin-top:8px;font-size:11px;color:var(--color-text-muted)}.skill-sharing-empty{padding:16px;text-align:center;color:var(--color-text-muted);font-size:13px}.skill-keys-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;animation:settingsFadeIn .1s ease}.skill-keys-modal{background:var(--color-bg-primary);border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 40px #0003;animation:settingsSlideUp .15s ease}.skill-keys-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.skill-keys-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.skill-keys-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.skill-keys-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-keys-modal-body{padding:16px 20px}.skill-keys-modal-desc{margin:0 0 16px;font-size:13px;color:var(--color-text-secondary)}.skill-keys-modal-desc strong{color:var(--color-text-primary)}.skill-keys-modal-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.skill-keys-modal-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all .15s ease}.skill-keys-modal-item:hover{border-color:var(--color-border)}.skill-keys-modal-item input{cursor:pointer;accent-color:var(--color-accent-primary);width:16px;height:16px}.skill-keys-modal-item input:disabled{cursor:not-allowed;opacity:.5}.skill-keys-modal-item-info{display:flex;align-items:center;gap:8px;flex:1}.skill-keys-modal-item code{font-size:13px;font-weight:500;color:var(--color-text-primary)}.skill-keys-modal-item-warning{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#d97706}.skill-keys-modal-hint{margin:12px 0 0;font-size:11px;color:var(--color-text-muted)}.skill-keys-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border-light)}.skill-keys-modal-cancel{padding:8px 16px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.skill-keys-modal-cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-keys-modal-confirm{padding:8px 16px;border:none;border-radius:8px;background:var(--color-accent-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.skill-keys-modal-confirm:hover:not(:disabled){background:var(--color-accent-secondary)}.skill-keys-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.skill-eval-panel{display:flex;flex-direction:column;gap:12px;padding:4px 0}.skill-eval-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.skill-eval-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skill-eval-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.skill-eval-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.skill-eval-badge-pass{background:#22c55e26;color:#16a34a}.skill-eval-badge-fail{background:#ef444426;color:#dc2626}.skill-eval-badge-partial{background:#eab30826;color:#ca8a04}.skill-eval-avg{font-size:11px;color:var(--color-text-secondary)}.skill-eval-header-actions{display:flex;gap:6px}.skill-eval-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,box-shadow .15s}.skill-eval-btn:disabled{opacity:.55;cursor:not-allowed}.skill-eval-btn-primary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.skill-eval-btn-primary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.skill-eval-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.skill-eval-btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}@keyframes skill-eval-spin{to{transform:rotate(360deg)}}.skill-eval-spin{animation:skill-eval-spin .8s linear infinite}.skill-eval-error{font-size:12px;color:#dc2626;background:#ef444414;border-radius:6px;padding:8px 10px}.skill-eval-empty{font-size:12px;color:var(--color-text-secondary);padding:16px 0;text-align:center}.skill-eval-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary)}.skill-eval-cases{display:flex;flex-direction:column;gap:4px}.skill-eval-case-row{border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.skill-eval-case-row.pass{border-color:#22c55e40}.skill-eval-case-row.fail{border-color:#ef444440}.skill-eval-case-header{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;background:var(--color-bg-secondary);font-size:12px;-webkit-user-select:none;user-select:none}.skill-eval-case-header:hover{background:var(--color-bg-tertiary)}.skill-eval-case-status{flex-shrink:0}.skill-eval-icon-pass{color:#16a34a}.skill-eval-icon-fail{color:#dc2626}.skill-eval-case-id{font-family:monospace;font-size:11px;color:var(--color-text-primary);font-weight:600;flex-shrink:0}.skill-eval-case-reasoning{flex:1;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-eval-case-duration{font-size:10px;color:var(--color-text-tertiary, var(--color-text-secondary));flex-shrink:0}.skill-eval-case-chevron{flex-shrink:0;color:var(--color-text-secondary)}.skill-eval-quality{font-size:11px;color:#ca8a04;flex-shrink:0}.skill-eval-quality-na{font-size:11px;color:var(--color-text-secondary)}.skill-eval-case-detail{padding:8px 12px;background:var(--color-bg-primary);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.skill-eval-detail-row{display:flex;flex-direction:column;gap:3px}.skill-eval-detail-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.skill-eval-detail-value{font-size:12px;color:var(--color-text-primary)}.skill-eval-case-error{font-size:12px;color:#dc2626}.skill-eval-case-output{font-size:11px;font-family:monospace;white-space:pre-wrap;word-break:break-all;background:var(--color-bg-secondary);border-radius:4px;padding:6px 8px;margin:0;max-height:160px;overflow-y:auto;color:var(--color-text-primary)}.skill-eval-history-section{border-top:1px solid var(--color-border);padding-top:10px}.skill-eval-history-toggle{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:0}.skill-eval-history-toggle:hover{color:var(--color-text-primary)}.skill-eval-history-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.skill-eval-history-item{display:flex;align-items:center;gap:8px;font-size:11px;padding:4px 6px;border-radius:6px;transition:background .12s}.skill-eval-history-item.clickable{cursor:pointer}.skill-eval-history-item.clickable:hover{background:var(--color-bg-tertiary)}.skill-eval-history-item.selected{background:#3b82f61a;outline:1px solid rgba(59,130,246,.3)}.skill-eval-history-date{color:var(--color-text-secondary);flex-shrink:0}.skill-eval-assertion-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:1px 5px;border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-secondary);flex-shrink:0}.skill-eval-sparkline{flex-shrink:0}.skill-eval-back-to-latest{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--color-accent);background:var(--color-accent-light, rgba(59, 130, 246, .08));border:1px solid rgba(59,130,246,.2);border-radius:999px;padding:2px 10px 2px 7px;cursor:pointer;transition:all .15s ease}.skill-eval-back-to-latest:hover{background:#3b82f626;border-color:#3b82f659}.skill-sharing-proposal-banner{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;padding:6px 10px;background:var(--color-accent-light);border:1px solid rgba(94,52,241,.18);border-radius:6px;font-size:12px}.skill-sharing-proposal-info{display:flex;align-items:center;gap:6px;color:var(--color-accent-primary);flex:1;min-width:0}.skill-sharing-proposal-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-sharing-proposal-cancel{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.skill-sharing-proposal-cancel:hover{background:var(--color-bg-hover);color:var(--color-error);border-color:var(--color-error)}.skill-sharing-proposal-message{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border-radius:6px;font-size:13px;font-weight:500}.skill-sharing-proposal-message.success{background:var(--color-accent-green-light);color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.skill-sharing-proposal-message.error{background:#ef44440f;color:var(--color-error);border:1px solid rgba(239,68,68,.18)}.skill-sharing-info-notice{display:flex;align-items:flex-start;gap:6px;padding:8px 12px;margin:8px 20px 0;border-radius:6px;font-size:12px;line-height:1.4;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.skill-sharing-info-notice svg{flex-shrink:0;margin-top:1px;color:var(--color-text-muted)}.skill-sharing-info-notice.compact{margin:10px 0 0;padding:8px 12px;font-size:12px}.skill-sharing-owner-keys-toggle{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;padding:0 6px;border-radius:6px;transition:color .15s}.skill-sharing-owner-keys-toggle:hover{color:var(--color-text-primary)}.skill-sharing-owner-keys-toggle input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--color-accent)}.skill-sharing-key-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:1px 7px;border-radius:8px;white-space:nowrap;font-weight:500;flex-shrink:0}.skill-sharing-key-badge.shared{background:#22c55e1f;color:#4ade80}.skill-sharing-key-badge.own{background:#fbbf241f;color:#fbbf24}.skill-sharing-perms-panel{min-width:260px;max-height:calc(100vh - 16px);overflow-y:auto;padding:8px 0}.skill-sharing-perms-title{font-size:12px;font-weight:600;color:var(--color-text-primary);padding:0 14px 8px;border-bottom:1px solid var(--color-border-light);margin-bottom:4px}.skill-sharing-perm-row{display:flex;align-items:flex-start;gap:8px;padding:5px 14px;cursor:pointer;transition:background .12s}.skill-sharing-perm-row:hover{background:var(--color-bg-tertiary)}.skill-sharing-perm-row input[type=checkbox]{width:14px;height:14px;margin-top:1px;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.skill-sharing-perm-label{display:flex;flex-direction:column;gap:0}.skill-sharing-perm-label>span:first-child{font-size:12px;font-weight:500;color:var(--color-text-primary)}.skill-sharing-perm-desc{font-size:10px;color:var(--color-text-muted)}.skill-sharing-preset-row{display:flex;gap:6px;padding:10px 16px 4px}.skill-sharing-preset-btn{font-size:11px;padding:3px 10px;border-radius:12px;border:1px solid #7c3aed;background:transparent;color:#7c3aed;cursor:pointer;font-weight:500;transition:all .15s}.skill-sharing-preset-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.skill-sharing-add-perms{margin-top:8px;border:1px solid var(--color-border-light);border-radius:8px;background:var(--color-bg-secondary);overflow:hidden}.skill-sharing-add-perms-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;width:100%;background:transparent;border:none;cursor:pointer;transition:color .15s}.skill-sharing-add-perms-header:hover{color:var(--color-text-secondary)}.skill-sharing-add-perms-header .skill-sharing-preset-row{padding:0}.skill-sharing-add-perms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px 0;padding:2px 10px 8px}.skill-sharing-add-perm-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-primary);cursor:pointer;padding:3px 2px;border-radius:4px;transition:background .1s;white-space:nowrap}.skill-sharing-add-perm-item:hover{background:var(--color-bg-tertiary)}.skill-sharing-add-perm-item input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.perm-locked{opacity:.55;cursor:default}.perm-locked input[type=checkbox]{cursor:default}.browser-control-trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:0;width:32px;height:32px;border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:all .15s ease;position:relative}.browser-control-trigger.disconnected{border-color:#ef4444;color:#ef4444}.browser-control-status-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:2px solid var(--color-bg-primary)}.browser-control-dropdown{position:absolute;left:0;width:300px;max-height:min(600px,calc(100vh - 100px));overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000040;z-index:1000;animation:dropdownSlideUp .15s ease-out}.browser-control-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.browser-control-header-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.browser-control-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease}.browser-control-warning{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#f59e0b1a;border-bottom:1px solid rgba(245,158,11,.2);font-size:11px;color:var(--color-warning);line-height:1.4}.browser-control-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.browser-control-status-label{font-size:12px;color:var(--color-text-secondary)}.browser-control-status-value{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.browser-control-status-indicator{width:6px;height:6px;border-radius:50%}.browser-control-error{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-md);background:#ef44441a;border-radius:var(--radius-sm);color:#f87171;font-size:11px}.browser-control-update-warning{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);font-size:11px;color:#f87171;line-height:1.4}.browser-control-update-detail code{font-size:10px;background:#ffffff14;padding:1px 4px;border-radius:3px}.browser-control-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.browser-control-connection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.browser-control-connection-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-text-primary)}.browser-control-connection-info{font-size:11px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.browser-control-connection-actions{display:flex;gap:var(--spacing-xs)}.browser-control-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;flex:1}.browser-control-btn.primary{background:#22c55e;color:#fff}.browser-control-btn.primary:active:not(:disabled){background:#15803d!important;color:#fff!important}.browser-control-btn.primary:focus:not(:disabled){background:#22c55e;color:#fff;outline:none}.browser-control-btn.primary:focus-visible:not(:disabled){background:#22c55e;color:#fff;outline:2px solid #22c55e;outline-offset:2px}.browser-control-btn.warning{background:#f59e0b26;color:var(--color-warning)}.browser-control-btn.danger{background:#ef44441a;color:#f87171;padding:6px 8px;flex:none}.browser-control-setup{display:flex;flex-direction:column;gap:var(--spacing-sm)}.browser-control-setup-text{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.browser-control-token{display:flex;flex-direction:column;gap:var(--spacing-xs)}.browser-control-token-row{display:flex;gap:var(--spacing-xs)}.browser-control-token-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary)}.browser-control-token-input:focus{outline:none;border-color:var(--color-accent-primary)}.browser-control-copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease}.browser-control-copy-btn.copied{background:#22c55e1a;border-color:var(--color-success);color:var(--color-success)}.browser-control-token-hint{font-size:10px;color:var(--color-text-tertiary)}.browser-control-install-link{font-size:11px;color:var(--color-text-tertiary)}.browser-control-install-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.browser-control-install-steps{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);margin:var(--spacing-sm) 0}.browser-control-install-steps ol{margin:0;padding-left:var(--spacing-md);font-size:11px;color:var(--color-text-secondary);line-height:1.6}.browser-control-install-steps code{background:var(--color-bg-tertiary);padding:1px 4px;border-radius:3px;font-size:10px}.browser-control-authorized{display:flex;flex-direction:column;gap:var(--spacing-sm)}.browser-control-authorized-badge{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#22c55e1a;border-radius:var(--radius-md);border:1px solid rgba(34,197,94,.2)}.browser-control-authorized-title{font-size:13px;font-weight:600;color:var(--color-success)}.browser-control-authorized-desc{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.browser-control-pending{display:flex;flex-direction:column;gap:var(--spacing-sm)}.browser-control-pending-text{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.browser-control-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border)}.browser-control-version{font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.browser-control-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border)}.browser-control-refresh-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-tertiary);font-size:11px;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease}.browser-control-refresh-btn svg.spinning{animation:spin 1s linear infinite}.browser-mode-toggle{display:flex;gap:2px;padding:3px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.browser-mode-option{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:6px 8px;border:none;background:transparent;color:var(--color-text-tertiary);font-size:11px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.browser-mode-option:disabled:hover{background:transparent;color:var(--color-text-tertiary)}.browser-mode-coming-soon-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:999px;background:#f59e0b24;color:var(--color-warning);font-size:9px;font-weight:600;letter-spacing:.02em}.browser-mode-description{margin-top:var(--spacing-xs);font-size:11px;color:var(--color-text-tertiary);text-align:center}.browser-control-coming-soon-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.browser-control-coming-soon-text{margin-top:4px;font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.message-info-modal{max-width:700px;width:95%;max-height:85vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.message-info-header-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--color-text-primary);letter-spacing:-.01em}.message-info-body{display:flex;flex-direction:column;gap:24px;padding:20px 24px;max-height:calc(85vh - 140px);overflow-y:auto}.message-info-section{display:flex;flex-direction:column;gap:12px}.message-info-section-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.message-info-section-header svg{color:var(--color-text-secondary)}.message-info-metadata{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.message-info-metadata-item{display:flex;align-items:center;gap:12px;font-size:13px}.message-info-metadata-label{font-weight:600;color:var(--color-text-secondary);min-width:120px}.message-info-metadata-value{color:var(--color-text-primary);font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm)}.message-info-tools{display:flex;flex-direction:column;gap:12px}.message-info-tool-card{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.message-info-tool-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.message-info-tool-header svg{color:var(--color-accent-primary);flex-shrink:0}.message-info-tool-name{font-weight:600;font-size:14px;color:var(--color-text-primary)}.message-info-tool-section{display:flex;flex-direction:column;gap:8px}.message-info-tool-section-label{font-weight:600;font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.message-info-tool-input{display:flex;flex-direction:column;gap:6px}.message-info-tool-param{display:flex;gap:8px;font-size:13px;padding:8px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.message-info-tool-param-key{font-weight:600;color:var(--color-text-secondary);min-width:100px}.message-info-tool-param-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:12px;word-break:break-word;white-space:pre-wrap}.message-info-tool-result{padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-primary);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.message-info-rag-sources{display:flex;flex-direction:column;gap:12px}.message-info-rag-card{padding:16px;background:var(--color-accent-light);border:1px solid rgba(89,86,214,.2);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px}.message-info-rag-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(89,86,214,.15)}.message-info-rag-header svg{color:var(--color-accent-primary);flex-shrink:0}.message-info-rag-source{font-weight:600;font-size:13px;color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-info-rag-score{font-size:11px;font-weight:600;color:var(--color-accent-primary);background:#5956d61a;padding:3px 8px;border-radius:var(--radius-sm)}.message-info-rag-content{font-size:13px;color:var(--color-text-secondary);line-height:1.6;padding:10px;background:var(--color-bg-primary);border:1px solid rgba(89,86,214,.15);border-radius:var(--radius-sm);max-height:150px;overflow-y:auto}.message-info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--color-text-secondary)}.message-info-empty svg{opacity:.3}.message-info-empty p{font-size:14px;margin:0}.message-info-empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary)}.message-info-empty-section svg{opacity:.3}.message-info-empty-section p{font-size:13px;margin:0}.message-info-timeline{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);position:relative}.message-info-timeline:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:linear-gradient(to bottom,var(--color-accent-primary),rgba(89,86,214,.3));border-radius:1px}.message-info-timeline-item{display:flex;gap:12px;position:relative;padding-left:8px}.message-info-timeline-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:2px solid var(--color-accent-primary);border-radius:50%;font-size:16px;flex-shrink:0;z-index:1;box-shadow:0 2px 4px #5956d633}.message-info-timeline-content{flex:1;padding:8px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px}.message-info-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-info-timeline-step{font-weight:600;font-size:13px;color:var(--color-text-primary)}.message-info-timeline-duration{font-size:11px;font-weight:600;color:var(--color-accent-primary);background:#5956d61a;padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.message-info-timeline-tool{font-size:12px;color:var(--color-text-secondary);font-style:italic}.message-info-timeline-time{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.message-info-body::-webkit-scrollbar,.message-info-tool-result::-webkit-scrollbar,.message-info-rag-content::-webkit-scrollbar{width:6px}.message-info-body::-webkit-scrollbar-track,.message-info-tool-result::-webkit-scrollbar-track,.message-info-rag-content::-webkit-scrollbar-track{background:transparent}.message-info-body::-webkit-scrollbar-thumb,.message-info-tool-result::-webkit-scrollbar-thumb,.message-info-rag-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.message-info-body::-webkit-scrollbar-thumb:hover,.message-info-tool-result::-webkit-scrollbar-thumb:hover,.message-info-rag-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}html.landing-document-scroll{scroll-behavior:smooth;--landing-nav-h: 88px}@media (prefers-reduced-motion: no-preference){html.landing-document-scroll{scroll-padding-top:var(--landing-nav-h)}}body.landing-document-scroll{overflow-y:auto;overflow-x:hidden}#root.landing-document-scroll{overflow:visible;height:auto;min-height:100vh}.landing{--landing-purple: #5e34f1;--landing-purple-muted: #5956d6;--landing-gray-500: #5f6880;--landing-gray-border: #c7c6ff;--landing-hero-wash: #f3f9fc;--landing-section-muted: #f9fafb;--landing-black: #111111;--landing-nav-h: 88px;width:100%;max-width:100%;min-height:100vh;height:100vh;overflow-x:hidden;overflow-y:auto;background:#fff;color:var(--color-text-primary);scroll-behavior:smooth;font-family:Manrope,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.landing-document-scroll .landing{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible}.landing-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}.landing-nav--scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom-color:var(--color-border-light);box-shadow:0 1px 8px #0000000a}.landing-nav-inner{max-width:1440px;margin:0 auto;padding:0 70px;display:flex;align-items:center;justify-content:space-between;min-height:80px;box-sizing:border-box}.landing-nav-brand{display:flex;align-items:center;gap:10px}.landing-gupshup-logo{display:block;height:24px;width:auto;max-width:145px;flex-shrink:0}.landing-nav-logo{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;padding:6px}.landing-nav-links{display:flex;align-items:center;gap:16px}.landing-nav-signin,.landing-hero-signin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;border-radius:999px;border:1px solid rgba(94,52,241,.32);background:linear-gradient(180deg,#ffffffe0,#f9fafbfa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 28px #5e34f129,0 1px #ffffffa6 inset;color:var(--landing-purple);font-family:Manrope,sans-serif;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s}.landing-nav-signin:hover,.landing-hero-signin:hover{border-color:#5e34f173;box-shadow:0 8px 32px #5e34f138,0 1px #ffffffbf inset}.landing-nav-signin{font-size:14px;padding:8px 16px}.landing-hero-signin{font-size:15px;padding:10px 20px 10px 22px}.landing-signin__icon{display:flex;align-items:center;line-height:0;opacity:.75;transition:transform .2s,opacity .2s}.landing-nav-signin:hover .landing-signin__icon,.landing-hero-signin:hover .landing-signin__icon{transform:translate(3px);opacity:1}.landing-nav-link{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0;color:#000;text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;white-space:nowrap}.landing-pill-cta{--pill-bg: #5e34f1;--pill-bg-hover: #f1315b;--pill-bg-active: #d4104a;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:none;border-radius:100px;background-color:var(--pill-bg);color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:background-color .32s cubic-bezier(.4,0,.2,1),box-shadow .32s cubic-bezier(.4,0,.2,1)}.landing-pill-cta__label{padding-left:12px;display:inline-block;flex-shrink:0}.landing-nav-cta{width:max-content;min-width:195px;max-width:calc(100vw - 48px);flex-shrink:0}.landing-pill-cta__arrow-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--pill-bg);transition:color .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1)}.landing-pill-cta:hover .landing-pill-cta__arrow-wrap{color:var(--pill-bg-hover);transform:translate(5px) scale(1.08)}@media (prefers-reduced-motion: reduce){.landing-pill-cta,.landing-pill-cta__arrow-wrap{transition-duration:.01ms}.landing-pill-cta:hover .landing-pill-cta__arrow-wrap{transform:none}}.landing-hero{position:relative;padding:140px 70px 100px;text-align:center;overflow:hidden;min-height:92vh;min-height:92svh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 85% 70% at 0% 45%,rgba(255,170,190,.45) 0%,transparent 55%),radial-gradient(ellipse 85% 70% at 100% 55%,rgba(170,155,255,.38) 0%,transparent 55%),radial-gradient(ellipse 90% 55% at 8% 22%,rgba(255,154,176,.38) 0%,transparent 52%),radial-gradient(ellipse 78% 48% at 92% 82%,rgba(94,52,241,.26) 0%,transparent 58%),radial-gradient(ellipse 60% 42% at 72% 18%,rgba(180,220,255,.35) 0%,transparent 48%),linear-gradient(168deg,#f2f8fc 0%,var(--landing-hero-wash) 42%,#e4eef8 100%)}.landing-hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:0}.landing-hero-gradient-img{position:absolute;bottom:0;left:50%;width:122%;height:clamp(240px,42vw,520px);max-height:75vh;transform:translate(-50%);transform-origin:bottom center;object-fit:cover;object-position:bottom center;pointer-events:none;z-index:1}.landing-hero-content{position:relative;z-index:2;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:52px}.landing-hero-lead{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.landing-hero-intro{font-size:48px;font-weight:400;line-height:1.2;letter-spacing:0;color:#000;margin:0;width:100%;max-width:1300px;text-align:center}.landing-hero-lockup{display:flex;align-items:center;justify-content:center;gap:27.22px;flex-wrap:wrap;margin:0}.landing-hero-lockup-icon{flex-shrink:0;width:92px;height:85.688px;display:block;object-fit:contain}.landing-hero-wordmark-wrap{flex-shrink:1;min-width:0;width:498.159px;max-width:min(498.159px,calc(100vw - 40px));padding-top:22.24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.landing-hero-wordmark{display:block;width:100%;height:auto}.landing-hero-tagline{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:0;color:#000;margin:0;width:100%;max-width:1300px;text-align:center}.landing-hero-cta-group{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.landing-hero-cta{margin-top:0;width:max-content;min-width:195px;max-width:calc(100vw - 40px);box-sizing:border-box;flex-shrink:0}.landing-hero-scroll-cue{position:absolute;bottom:0;left:50%;z-index:5;transform:translate(-50%,50%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:8px 16px 10px;border:1px solid rgba(94,52,241,.32);border-radius:999px;background:linear-gradient(180deg,#ffffffe0,#f9fafbfa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 28px #5e34f129,0 1px #ffffffa6 inset;color:var(--landing-purple);cursor:pointer;font-family:inherit;transition:opacity .35s ease,visibility .35s ease}.landing-hero-scroll-cue:hover{border-color:#5e34f173;box-shadow:0 8px 32px #5e34f133,0 1px #ffffffbf inset}.landing-hero-scroll-cue__icon{display:flex;line-height:0}@media (prefers-reduced-motion: no-preference){.landing-hero-scroll-cue:not(.landing-hero-scroll-cue--static):not(.landing-hero-scroll-cue--hidden) .landing-hero-scroll-cue__icon{animation:landing-hero-scroll-cue-bounce 1.75s ease-in-out infinite}}.landing-hero-scroll-cue__label{font-size:11px;font-weight:600;color:var(--landing-purple-muted);line-height:1.2}.landing-chat-demo{--landing-chat-seam-pull: clamp(28px, 4vw, 40px);margin-top:calc(-1 * var(--landing-chat-seam-pull));padding:calc(80px + var(--landing-chat-seam-pull)) 0 80px;background:linear-gradient(180deg,transparent 0,transparent var(--landing-chat-seam-pull),var(--landing-section-muted) var(--landing-chat-seam-pull));text-align:center}.landing-chat-headline{font-size:48px;font-weight:600;line-height:1.2;letter-spacing:0;color:#000;margin:0 auto 44px;max-width:1300px}.landing-chat-demo-stack{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.landing-chat-outer{width:100%;max-width:832px;margin:0 auto;padding:8px;border-radius:20px;background:#ffffff80;backdrop-filter:blur(1.323px);-webkit-backdrop-filter:blur(1.323px);border:.279px solid #ffffff;box-sizing:border-box}.landing-chat-mock{display:flex;flex-direction:column;min-height:157px;border:1.283px solid #5e34f1;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 .642px 1.925px #0000001a,0 .642px 1.283px #0000001a;box-sizing:border-box}.landing-chat-input-area{position:relative;flex:1;min-height:100px}.landing-chat-textarea{width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:18px;font-weight:400;color:#111;padding:16.684px 16.684px 12px;background:transparent;line-height:27px;box-shadow:none;-webkit-appearance:none;min-height:100px}.landing-chat-textarea::placeholder{color:transparent}.landing-chat-typing-ph{position:absolute;top:0;left:0;right:0;padding:16.684px 16.684px 12px;font-family:inherit;font-size:18px;line-height:27px;color:#7f8692;text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;overflow:hidden;z-index:1}.landing-chat-typing-cursor{display:inline-block;width:2px;height:1em;background:var(--landing-purple);margin-left:2px;vertical-align:text-bottom;border-radius:1px;animation:lp-cursor-blink 1s step-end infinite}.landing-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 12px;border-top:1px solid rgba(197,202,217,.35);flex-shrink:0}.landing-chat-toolbar-left,.landing-chat-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.landing-chat-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:none;color:#99a1af;cursor:default;padding:4.845px;border-radius:6px}.landing-chat-tool-num{font-size:12px;font-weight:400;line-height:18px;color:#99a1af;min-width:1ch}.landing-chat-toolbar-icon{width:14.536px;height:14.536px;display:block;flex-shrink:0;object-fit:contain}.landing-chat-tool-btn--label{font-size:12px;font-weight:400;line-height:18px;color:#99a1af;padding:6.057px 10px;gap:7.27px;min-height:29px;max-width:163px}.landing-chat-tool-btn--label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-chat-channel-pill{display:inline-flex;align-items:center;gap:8px;padding:8.039px 10px;background:#fff;border:.804px solid #c5cad9;border-radius:32.154px;color:#99a1af}.landing-chat-tool-icononly{padding:0;border-radius:0;color:inherit}.landing-chat-send-btn{width:43.548px;height:43.548px;border-radius:50%;border:none;background:#5e34f1;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.landing-chat-prompts-section{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1100px}.landing-prompts-label{font-size:14px;font-weight:500;line-height:21px;color:#5f6880;margin:0;text-transform:uppercase;letter-spacing:.04em}.landing-prompts{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.landing-prompts-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.landing-prompt-pill{font-family:inherit;font-size:16px;font-weight:700;line-height:24px;color:#111;padding:12px 16px;border-radius:100px;border:1px solid #c7c6ff;background:#fff9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.landing-logos{padding:100px 0 50px;background:#fff;text-align:center;overflow:hidden;position:relative}.landing-logos-label{font-size:20px;font-weight:300;line-height:1.4;color:#000c;margin:0 auto 40px;max-width:602px}.landing-logos-track-wrapper{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.landing-logos-track{display:flex;animation:landing-scroll 30s linear infinite;width:max-content}.landing-logos-set{display:flex;align-items:center;gap:48px;padding:0 24px;flex-shrink:0}.landing-logo-img{height:48px;width:auto;max-width:150px;object-fit:contain;opacity:.85}.landing-demo-video{padding:50px 0 80px;background:#fff;text-align:center}.landing-demo-video-title{margin:0 auto 40px;font-size:48px;font-weight:600;line-height:1.2;letter-spacing:0;max-width:960px}.landing-demo-video-frame{position:relative;width:100%;max-width:960px;margin:0 auto;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#0f0f0f;box-shadow:0 8px 40px #0000001f}.landing-demo-video-frame iframe{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.landing-conversions{padding:80px 0;background:#fff}.landing-conversions-title{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:0 auto 56px;font-size:48px;font-weight:600;line-height:1.2;color:#000}.landing-conversions-title-accent{display:block;color:var(--landing-purple)}.landing-conversions-carousel{position:relative;outline:none}.landing-conversions-carousel:focus-visible{border-radius:8px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--landing-purple)}.landing-conversions-carousel-viewport{overflow:hidden;width:100%;border-radius:32px}.landing-conversions-carousel-track{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);will-change:transform}@media (prefers-reduced-motion: reduce){.landing-conversions-carousel-track{transition:none}}.landing-conversions-carousel-slide{flex:0 0 100%;min-width:0;box-sizing:border-box}.landing-conversions-carousel-controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;margin-top:28px;flex-wrap:wrap}.landing-conversions-carousel-nav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--landing-gray-border);border-radius:999px;background:#fff;color:var(--landing-purple);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.landing-conversions-carousel-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.landing-conversions-carousel-dot{width:10px;height:10px;padding:0;border:none;border-radius:999px;background:#5e34f138;cursor:pointer;transition:background .2s ease,transform .2s ease}.landing-conversions-card-shell{width:100%;max-width:1300px;margin:0 auto;min-height:618px;padding:80px 70px;border-radius:32px;box-sizing:border-box;background:linear-gradient(180deg,#f5f2ff,#cbc4ff);box-shadow:0 4px 24px #6344e314,0 1px 3px #0000000a}.landing-conversions-card-shell--grad-1{background:linear-gradient(180deg,#f7f2ff,#e4c4ff)}.landing-conversions-card-shell--grad-2{background:linear-gradient(180deg,#f5f2ff,#cbc4ff)}.landing-conversions-scrolly-grid{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:48px;width:100%;min-width:0}.landing-conversions-card-copy-col{flex:0 1 471px;max-width:471px;min-width:0;min-height:458px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:64px;text-align:left}.landing-conversions-panel-head{margin:0;align-self:stretch;font-size:28px;font-weight:700;line-height:38px;color:#000}.landing-conversions-panel-footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;align-self:stretch;gap:32px;width:100%;flex:1;min-height:0}.landing-conversions-panel-body{margin:0;align-self:stretch;max-width:none;font-size:28px;font-weight:300;line-height:1.4;color:#000}.landing-conversions-panel-cta.landing-pill-cta{align-self:flex-start;margin-top:0;width:max-content;min-width:195px;max-width:calc(100vw - 40px);box-sizing:border-box;flex-shrink:0}.landing-conversions-visual-column{flex:0 1 638px;max-width:638px;min-width:0}.landing-conversions-visual-frame{position:relative;border-radius:16px;padding:0;background:transparent;box-sizing:border-box;box-shadow:none}.landing-conversions-visual-frame-grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(rgba(94,52,241,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(94,52,241,.1) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.landing-conversions-sparkle{position:absolute;z-index:3;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f7f2fff2;border-radius:10px;font-size:17px;line-height:1;color:var(--landing-purple);box-shadow:0 10px 28px #5e34f12e;pointer-events:none}.landing-conversions-visual-slides{position:relative;z-index:1;width:100%;max-width:638px;height:458px;border-radius:16px;overflow:hidden;background:#f5f2ff;box-shadow:0 18px 40px #3728781f}.landing-conversions-visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.landing-conversions-visual-img.landing-conversions-visual-img--solo{position:relative;inset:auto;display:block;width:100%;height:100%;min-height:200px;object-fit:fill;object-position:center;opacity:1}@media (max-width: 960px){.landing-conversions-scrolly-grid{flex-direction:column;align-items:stretch;gap:clamp(32px,5vw,48px)}.landing-conversions-visual-column{order:-1;max-width:none;flex-basis:auto}.landing-conversions-card-copy-col{justify-content:flex-start;min-height:auto;max-width:none;flex-basis:auto;gap:40px}.landing-conversions-panel-footer{flex:none;justify-content:flex-start;gap:24px}.landing-conversions-visual-slides{height:auto;min-height:200px;max-width:none;aspect-ratio:16 / 10}}@media (prefers-reduced-motion: reduce){.landing-conversions-visual-img{transition:none}}.landing-superclaw{padding:50px 0 80px;background:#fff;text-align:center}.landing-superclaw-title{font-size:48px;font-weight:600;line-height:1.2;margin:0 0 24px}.landing-superclaw-title-accent{display:block;color:var(--landing-purple)}.landing-superclaw-title-line{display:block;color:#000}.landing-superclaw-lede{font-size:20px;font-weight:300;line-height:1.4;color:#000;margin:0 auto 32px;max-width:900px}.landing-superclaw-visual{width:100%;border-radius:32px;overflow:hidden;background:#f8f8f8;margin-bottom:24px;line-height:0}.landing-superclaw-cta-wrap{display:flex;justify-content:center}.landing-blog{padding:80px 0;background:#fff}.landing-blog-inner{display:flex;gap:60px;align-items:flex-start;flex-wrap:wrap}.landing-blog-copy{flex:1 1 400px;min-width:280px;text-align:left}.landing-blog-tag{display:inline-block;padding:10px 15px;border-radius:100px;background:#ffebef;color:#ff3964;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:12px}.landing-blog-headline{font-size:48px;font-weight:600;line-height:1.2;color:#000;margin:0 0 12px}.landing-blog-body{font-size:20px;font-weight:300;line-height:1.4;color:#000;margin:0 0 28px}.landing-blog-card{flex:0 1 417px;border:1px solid #dcdcdc;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px #00000026;background:#fff}.landing-blog-card-media{height:280px;overflow:hidden;background:linear-gradient(142deg,#000 13.7%,#5e34f1 95.7%)}.landing-blog-card-gradient{width:100%;height:100%;object-fit:cover;display:block}.landing-blog-card-body{padding:24px;text-align:left}.landing-blog-card-title{font-size:24px;font-weight:600;line-height:1.2;color:#000;margin:0 0 12px}.landing-blog-card-date{font-size:16px;font-weight:400;line-height:1.4;color:#000c;margin:0}.landing-cta-new{padding:50px 70px 80px;background:#fff}.landing-cta-shell{position:relative;max-width:1300px;margin:0 auto;min-height:500px;border-radius:32px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 80% 100% at 50% 0%,#5e34f1,#421fbc)}.landing-cta-deco{position:absolute;z-index:2;pointer-events:none;max-width:40%;height:auto}.landing-cta-deco--left{left:0;bottom:0;width:184px}.landing-cta-deco--right{right:0;bottom:0;width:165px}.landing-cta-notch{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;justify-content:center;gap:6px;width:188px;height:39px;padding-top:8px}.landing-cta-tab-dot{width:6px;height:6px;border-radius:50%;background:#fff9}.landing-cta-new-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 100px;gap:40px}.landing-cta-new-headline{font-size:48px;font-weight:600;line-height:1.2;color:#fff;margin:0;max-width:850px}.landing-cta-pill-light{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 12px 12px 20px;border:none;border-radius:100px;background:#fff;color:var(--landing-purple-muted);font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,transform .15s}.landing-footer{padding:32px 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.landing-footer-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.landing-footer-copy{font-size:13px;color:var(--color-text-muted);margin:0;text-align:center}@media (max-width: 1024px){.landing-section-inner,.landing-nav-inner{padding:0 32px}.landing-hero-intro{font-size:40px}.landing-hero-content{gap:44px}.landing-chat-headline,.landing-conversions-title,.landing-demo-video-title,.landing-superclaw-title,.landing-blog-headline,.landing-cta-new-headline{font-size:36px}.landing-conversions-card-shell{padding:clamp(48px,6vw,80px) clamp(28px,4vw,70px);min-height:auto}.landing-cta-new{padding:40px 32px 60px}}@media (max-width: 768px){html.landing-document-scroll,.landing{--landing-nav-h: 64px}.landing-section-inner{padding:0 20px}.landing-nav-inner{padding:0 16px;min-height:56px;gap:8px}.landing-gupshup-logo{height:20px;max-width:120px}.landing-nav-links{gap:8px}.landing-nav-cta{min-width:auto;font-size:13px;padding:8px;gap:8px;flex-shrink:1}.landing-nav-cta .landing-pill-cta__label{padding-left:8px}.landing-nav-cta .landing-pill-cta__arrow-wrap,.landing-nav-cta .landing-pill-cta__arrow-svg{width:20px;height:20px}.landing-nav-signin{font-size:12px;padding:6px 10px;gap:4px}.landing-nav-signin .landing-signin__icon svg{width:12px;height:12px}.landing-hero-scroll-cue{display:none}.landing-hero{padding:100px 20px 80px;min-height:80vh;min-height:80svh;box-sizing:border-box}.landing-hero-content{gap:40px}.landing-hero-intro{font-size:32px}.landing-hero-lockup{gap:16px}.landing-hero-lockup-icon{width:64px;height:60px}.landing-hero-wordmark-wrap{padding-top:12px;width:100%;max-width:380px}.landing-hero-tagline{font-size:18px}.landing-chat-demo{padding:calc(48px + var(--landing-chat-seam-pull)) 0 48px}.landing-chat-headline{font-size:26px}.landing-chat-outer{margin-left:0;margin-right:0}.landing-chat-toolbar-left .landing-chat-tool-btn--label span{display:none}.landing-chat-toolbar-left .landing-chat-tool-btn--label{padding:6px}.landing-prompt-pill{font-size:14px;padding:10px 14px;white-space:normal;text-align:center}.landing-prompts-row{flex-direction:column;align-items:stretch;gap:10px}.landing-conversions{padding:56px 0}.landing-conversions-title{margin-bottom:36px;font-size:26px;gap:8px}.landing-demo-video{padding:40px 0 56px}.landing-demo-video-title{margin-bottom:28px;font-size:26px}.landing-conversions-card-shell{padding:24px 18px;border-radius:24px}.landing-conversions-panel-head{font-size:clamp(22px,5.5vw,28px);line-height:1.35}.landing-conversions-panel-body{font-size:clamp(17px,3.8vw,22px)}.landing-blog-inner{flex-direction:column}.landing-cta-new{padding:32px 16px 48px}.landing-cta-shell{min-height:420px}.landing-cta-new-headline{font-size:28px}.landing-logos{padding:64px 0 40px}.landing-logos-label{font-size:16px;margin-bottom:28px}.landing-logo-img{height:36px}.landing-logos-set{gap:32px;padding:0 16px}.landing-superclaw-title{font-size:28px}.landing-superclaw-lede{font-size:17px}.landing-superclaw-visual{border-radius:20px}.landing-superclaw-br-hide{display:none}.landing-cta-new-content{padding:80px 20px 72px;gap:32px}.landing-conversions-carousel-viewport{border-radius:20px}}@media (max-width: 480px){.landing-hero{padding:100px 16px 60px;min-height:70vh;min-height:70svh}.landing-hero-content{gap:28px}.landing-hero-intro{font-size:24px}.landing-hero-lockup{gap:12px}.landing-hero-lockup-icon{width:48px;height:45px}.landing-hero-wordmark-wrap{padding-top:8px;max-width:280px}.landing-hero-tagline{font-size:16px}.landing-chat-demo{padding:calc(36px + var(--landing-chat-seam-pull)) 0 36px}.landing-chat-headline{font-size:20px;margin-bottom:28px}.landing-chat-textarea{font-size:15px;padding:12px 14px 10px;min-height:80px;line-height:22px}.landing-chat-typing-ph{font-size:15px;padding:12px 14px 10px;line-height:22px}.landing-chat-toolbar{padding:8px 10px 10px;gap:8px}.landing-chat-toolbar-left .landing-chat-tool-btn--label{display:none}.landing-chat-send-btn{width:36px;height:36px}.landing-chat-toolbar-icon--send{width:18px;height:18px}.landing-prompt-pill{font-size:13px;padding:8px 12px}.landing-chat-prompts-section{gap:14px}.landing-prompts{gap:10px}.landing-prompts-row{gap:8px}.landing-pill-cta:not(.landing-nav-cta):not(.landing-hero-cta):not(.landing-conversions-panel-cta){font-size:14px;padding:10px}.landing-pill-cta:not(.landing-nav-cta):not(.landing-hero-cta):not(.landing-conversions-panel-cta) .landing-pill-cta__label{padding-left:8px}.landing-nav-inner{padding:0 12px;min-height:52px}.landing-gupshup-logo{height:18px;max-width:108px}.landing-nav-links{gap:6px}.landing-nav-cta{font-size:12px;padding:7px;gap:6px}.landing-nav-cta .landing-pill-cta__label{padding-left:6px}.landing-nav-signin{font-size:11px;padding:5px 8px;gap:4px}.landing-logos{padding:48px 0 32px}.landing-logos-label{font-size:14px;margin-bottom:20px;max-width:90%}.landing-logo-img{height:28px}.landing-logos-set{gap:24px;padding:0 12px}.landing-demo-video-title{font-size:22px;margin-bottom:20px}.landing-demo-video{padding:32px 0 40px}.landing-conversions{padding:40px 0}.landing-conversions-title{font-size:22px;margin-bottom:28px}.landing-conversions-carousel-viewport{border-radius:16px}.landing-conversions-card-shell{padding:20px 14px;border-radius:16px;min-height:auto}.landing-conversions-scrolly-grid{gap:20px}.landing-conversions-card-copy-col{gap:24px}.landing-conversions-panel-head{font-size:20px;line-height:1.3}.landing-conversions-panel-body{font-size:16px}.landing-conversions-panel-footer{gap:20px}.landing-conversions-panel-cta.landing-pill-cta{min-width:auto}.landing-conversions-visual-slides{border-radius:12px}.landing-superclaw{padding:40px 0 56px}.landing-superclaw-title{font-size:24px}.landing-superclaw-lede{font-size:15px;margin-bottom:24px}.landing-superclaw-visual{border-radius:16px}.landing-cta-new{padding:24px 12px 40px}.landing-cta-shell{min-height:320px;border-radius:24px}.landing-cta-new-content{padding:64px 16px 56px;gap:28px}.landing-cta-new-headline{font-size:24px}.landing-cta-pill-light{font-size:14px;padding:10px 10px 10px 16px}.landing-hero-scroll-cue{padding:6px 12px 8px}.landing-hero-scroll-cue__label{font-size:10px}}.settings-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:900px;height:700px;max-height:90vh;overflow:hidden;animation:slideUp .2s ease;display:flex;flex-direction:column}.settings-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary)}.settings-title{font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--color-text-primary);margin:0}.settings-close-btn{padding:6px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.settings-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-body{display:flex;flex:1;overflow:hidden}.settings-nav{width:200px;min-width:200px;padding:var(--spacing-md);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:all var(--transition-fast)}.settings-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-nav-item.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.settings-nav-item svg{flex-shrink:0}.settings-content{flex:1;overflow-y:auto;min-width:0}.settings-panel{display:flex;flex-direction:column;height:100%}.settings-panel-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted);font-size:13px}.settings-panel-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.settings-panel-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.settings-panel-description{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.settings-panel-description code{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono)}.settings-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl)}.settings-panel-footer{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.settings-alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:13px;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-alert.error{background:#eb57571a;color:var(--color-error)}.settings-alert.success{background:var(--color-accent-light);color:var(--color-accent-primary)}.settings-field{margin-bottom:var(--spacing-lg)}.settings-field:last-child{margin-bottom:0}.settings-field-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.settings-field-label svg{color:var(--color-text-muted)}.settings-field-hint{font-size:12px;color:var(--color-text-muted);margin:6px 0 0}.settings-field-counter{text-align:right;opacity:.7}.settings-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);line-height:1.6;resize:vertical;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5956d61f}.settings-textarea::placeholder{color:var(--color-text-muted);white-space:pre-line}.settings-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5956d61f}.settings-input:disabled{background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}.settings-input::placeholder{color:var(--color-text-muted)}.settings-input-with-indicator{position:relative}.settings-input-with-indicator .settings-input{padding-right:100px}.settings-input-current{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono);pointer-events:none}.settings-radio-group{display:flex;gap:var(--spacing-lg)}.settings-radio{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:13px;color:var(--color-text-primary)}.settings-radio input[type=radio]{margin:0;accent-color:var(--color-accent-primary)}.settings-radio svg{color:var(--color-text-muted)}.settings-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.settings-btn.secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.settings-btn.secondary:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-btn.primary{background:var(--color-accent-primary);color:#fff}.settings-btn.primary:hover:not(:disabled){background:var(--color-accent-secondary)}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.secrets-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.secrets-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.secrets-add-btn:hover:not(:disabled){background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.secrets-add-btn:disabled{opacity:.5;cursor:not-allowed}.secrets-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.secrets-search svg{color:var(--color-text-muted);flex-shrink:0}.secrets-search-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text-primary);outline:none}.secrets-search-input::placeholder{color:var(--color-text-muted)}.secrets-search-clear{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.secrets-search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.secrets-alert-dismiss{margin-left:auto;padding:2px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.7}.secrets-alert-dismiss:hover{opacity:1}.secrets-panel-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.secrets-inline-form{background:var(--color-bg-secondary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.secrets-inline-form-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.secrets-inline-field{flex:1;min-width:100px}.secrets-inline-field.value-field{flex:2;position:relative;display:flex;align-items:center}.secrets-inline-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.secrets-inline-input:focus{outline:none;border-color:var(--color-accent-primary)}.secrets-inline-input.key{font-family:var(--font-mono);text-transform:uppercase}.secrets-inline-input.compact{padding-right:32px}.secrets-scope-select{padding:6px 10px;font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:80px;position:relative;z-index:10}.secrets-scope-select:hover{border-color:var(--color-border-hover, var(--color-text-muted))}.secrets-scope-select:focus{outline:none;border-color:var(--color-accent-primary)}.secrets-loading-value{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 10px;font-size:12px;color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.secrets-loading-value .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.secrets-inline-actions{display:flex;gap:4px}.secrets-inline-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.secrets-inline-btn.save{background:var(--color-accent-primary);color:#fff}.secrets-inline-btn.save:hover:not(:disabled){background:var(--color-accent-secondary)}.secrets-inline-btn.save:disabled{opacity:.5;cursor:not-allowed}.secrets-inline-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.secrets-inline-btn.cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.secrets-group{display:flex;flex-direction:column}.secrets-group-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 4px var(--spacing-xs)}.secrets-group-header svg{opacity:.7}.secrets-group-count{margin-left:auto;font-size:10px;background:var(--color-bg-tertiary);color:var(--color-text-muted);padding:1px 6px;border-radius:8px;font-weight:500}.secrets-compact-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.secret-compact-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--color-bg-primary);min-height:36px;transition:background var(--transition-fast)}.secret-compact-row:hover{background:var(--color-bg-hover)}.secret-compact-row.editing{background:var(--color-bg-secondary);padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.secret-compact-key{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--color-text-primary);min-width:80px}.secret-compact-value{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:1px}.secret-compact-owner{font-size:11px;color:var(--color-text-muted);margin-left:auto;padding-right:var(--spacing-sm)}.secret-compact-edit-area{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.secret-compact-actions{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.secret-compact-row:hover .secret-compact-actions{opacity:1}.secret-compact-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.secret-compact-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.secret-compact-btn.danger:hover{background:#eb57571a;color:var(--color-error)}.secrets-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);color:var(--color-text-muted);text-align:center}.secrets-empty-state svg{opacity:.3;margin-bottom:var(--spacing-md)}.secrets-empty-state p{font-size:13px;margin:0 0 var(--spacing-md)}.secrets-empty-add{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 14px;font-size:12px;font-weight:500;color:var(--color-accent-primary);background:var(--color-accent-light);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.secrets-empty-add:hover{background:var(--color-accent-primary);color:#fff}.settings-section-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.settings-section-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-xl) 0}.combobox-select{position:relative;width:100%}.combobox-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.combobox-trigger.open{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5956d61f}.combobox-trigger:hover:not(.open){border-color:var(--color-text-muted)}.combobox-value{flex:1;font-size:13px;color:var(--color-text-primary);text-align:left}.combobox-placeholder{flex:1;font-size:13px;color:var(--color-text-muted);text-align:left}.combobox-clear{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer}.combobox-clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.combobox-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.combobox-chevron.rotated{transform:rotate(180deg)}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;animation:comboboxSlideDown .15s ease}@keyframes comboboxSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.combobox-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--color-border-light);font-size:13px;font-family:var(--font-sans);background:transparent;color:var(--color-text-primary);outline:none;box-sizing:border-box}.combobox-search::placeholder{color:var(--color-text-muted)}.combobox-options{max-height:200px;overflow-y:auto;padding:4px}.combobox-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--color-text-primary);font-size:13px;text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.combobox-option:hover{background:var(--color-bg-hover)}.combobox-option.selected{background:var(--color-accent-light);color:var(--color-accent-primary)}.combobox-option.add-new{color:var(--color-accent-primary);font-weight:500;border-top:1px solid var(--color-border-light);margin-top:4px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.combobox-option.add-new:hover{background:var(--color-accent-light)}.combobox-option.add-new:disabled{opacity:.6;cursor:not-allowed}.combobox-empty{padding:12px;text-align:center;font-size:13px;color:var(--color-text-muted)}.channel-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.channel-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.channel-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.channel-card-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.channel-card-id{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.channel-card-actions{flex-shrink:0}.channel-card-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:500;margin-top:var(--spacing-md);padding:6px 10px;border-radius:var(--radius-sm)}.channel-card-status.connected{color:#22c55e;background:#22c55e14}.channel-verify-box{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.channel-verify-qr{flex-shrink:0;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.channel-verify-instructions{display:flex;flex-direction:column;gap:6px}.channel-verify-step{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.channel-verify-code{font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.channel-verify-code code{background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary)}.channel-verify-waiting{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--color-accent-primary);margin-top:var(--spacing-sm)}.scheduled-tasks-panel-embedded{display:flex;flex-direction:column;height:100%;overflow-y:auto}.scheduled-tasks-panel-embedded .scheduled-tasks-tabs{position:sticky;top:0;z-index:1;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light)}.scheduled-tasks-panel-embedded .task-form{padding:var(--spacing-lg)}.scheduled-tasks-panel-embedded .task-list{padding:var(--spacing-md);flex:1}.agents-panel-embedded{display:flex;flex-direction:column;height:100%;overflow-y:auto}.agents-panel-embedded .agents-modal-toolbar{position:sticky;top:0;z-index:1;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light)}.agents-panel-embedded .agents-modal-body{padding:var(--spacing-md);flex:1}@media (max-width: 768px){.settings-modal{width:100%;max-width:100%;height:95vh;height:95dvh;max-height:95dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.scheduled-tasks-panel-embedded .task-form,.scheduled-tasks-panel-embedded .task-list,.agents-panel-embedded .agents-modal-body{padding:var(--spacing-sm)}.settings-header{padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:1}.settings-body{flex-direction:column}.settings-nav{width:100%;min-width:unset;flex-direction:row;padding:var(--spacing-sm);border-right:none;border-bottom:1px solid var(--color-border-light);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex-shrink:0;padding:8px 12px;font-size:12px;white-space:nowrap}.settings-panel-header{padding:var(--spacing-md) var(--spacing-lg)}.settings-panel-title{font-size:14px}.settings-panel-description{font-size:12px}.settings-panel-content{padding:var(--spacing-md) var(--spacing-lg)}.settings-panel-footer{padding:var(--spacing-sm) var(--spacing-lg);flex-direction:column;gap:var(--spacing-sm)}.settings-btn{width:100%;justify-content:center;padding:var(--spacing-md)}.secrets-header-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.secrets-add-btn{width:100%;height:auto;padding:var(--spacing-sm)}.secrets-inline-form-row{flex-direction:column;align-items:stretch}.secrets-inline-field,.secrets-inline-field.value-field{flex:none;width:100%}.secrets-scope-select{width:100%}.secrets-inline-actions{width:100%;justify-content:flex-end;margin-top:var(--spacing-xs)}.secret-compact-row{flex-wrap:wrap;gap:var(--spacing-xs)}.secret-compact-key{width:100%;min-width:unset}.secret-compact-owner{margin-left:0;padding-right:0}.secret-compact-actions{opacity:1;width:100%;justify-content:flex-end;margin-top:var(--spacing-xs)}.settings-textarea{font-size:16px;min-height:150px}.settings-input{font-size:16px}.channel-verify-box{flex-direction:column;align-items:center}}@media (max-width: 480px){.settings-header,.settings-panel-header,.settings-panel-content{padding:var(--spacing-sm) var(--spacing-md)}.settings-nav-item{padding:6px 10px;font-size:11px}}.credits-panel{padding:var(--spacing-md);overflow-y:auto;height:100%}.credits-panel-loading,.credits-panel-error{color:var(--color-text-muted);padding:var(--spacing-lg);text-align:center}.credits-panel-error{color:var(--color-error, #dc2626)}.credits-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.credits-panel-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.credits-panel-refresh{padding:var(--spacing-sm);border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s}.credits-panel-refresh:hover{color:var(--color-text-primary)}.credits-balance-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.credits-balance-label{font-size:13px;color:var(--color-text-muted)}.credits-balance-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.credits-overview-hero{margin-bottom:var(--spacing-lg);padding:22px 24px;border-radius:20px;color:#fff;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 28%),radial-gradient(circle at bottom left,rgba(255,255,255,.06),transparent 24%),linear-gradient(135deg,#6f59f6,#7c3aed 56%,#a855f7)}.credits-overview-hero-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.credits-overview-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;color:#ffffffeb;background:#ffffff24;border:1px solid rgba(255,255,255,.16)}.credits-overview-hero-main{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.credits-overview-hero-label,.credits-overview-hero-side-label,.credits-overview-hero-unit,.credits-overview-hero-side span{display:block}.credits-overview-hero-label,.credits-overview-hero-side-label{font-size:14px;color:#ffffffd1}.credits-overview-hero-balance{display:block;margin-top:8px;font-size:48px;line-height:.95;font-weight:800;letter-spacing:-.04em}.credits-overview-hero-unit,.credits-overview-hero-side span{margin-top:6px;font-size:14px;color:#ffffffd1}.credits-overview-hero-side{text-align:right}.credits-overview-hero-side strong{display:block;margin-top:10px;font-size:20px;line-height:1;font-weight:700;color:#fff}.credits-overview-progress-meta,.credits-overview-progress-scale{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#ffffffd1}.credits-overview-progress-meta{margin-top:24px}.credits-overview-progress-track{margin-top:10px;height:10px;border-radius:999px;background:#ffffff38;overflow:hidden}.credits-overview-progress-fill{height:100%;border-radius:inherit;background:#fff}.credits-overview-progress-scale{margin-top:8px}.credits-overview-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.credits-overview-stat-card{padding:18px 20px;border-radius:16px;border:1px solid var(--color-border-light);background:var(--color-bg-primary)}.credits-overview-stat-label{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:13px}.credits-overview-stat-card strong{display:block;margin-top:14px;font-size:20px;line-height:1.1;font-weight:700;color:var(--color-text-primary)}.credits-overview-stat-card>span:last-child{display:block;margin-top:6px;font-size:13px;color:var(--color-text-secondary)}.credits-source-card,.credits-current-plan-card,.credits-free-plan-card{margin-bottom:var(--spacing-lg);padding:20px;border-radius:16px;border:1px solid var(--color-border-light);background:var(--color-bg-primary)}.credits-source-card-header,.credits-current-plan-card-top,.credits-free-plan-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.credits-source-card-header h4{margin:0;font-size:16px;font-weight:700;color:var(--color-text-primary)}.credits-current-plan-label{font-size:13px;color:var(--color-text-muted)}.credits-current-plan-track{height:12px;border-radius:999px;background:var(--color-bg-secondary);overflow:hidden}.credits-current-plan-fill{height:100%;border-radius:inherit}.credits-current-plan-fill{background:linear-gradient(90deg,#6366f1,#a855f7)}.credits-source-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.credits-source-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--color-border-light)}.credits-source-item:first-child{padding-top:0;border-top:none}.credits-source-item div{display:flex;flex-direction:column;gap:4px}.credits-source-item strong{font-size:14px;font-weight:600;color:var(--color-text-primary);text-transform:capitalize}.credits-source-item span{font-size:13px;color:var(--color-text-secondary)}.credits-upgrade-cta{width:100%;margin-bottom:var(--spacing-lg);padding:20px 22px;border-radius:16px;border:1px solid var(--color-border-light);background:color-mix(in srgb,var(--color-accent-light) 60%,var(--color-bg-primary));display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}.credits-upgrade-cta strong{display:block;font-size:16px;color:var(--color-text-primary)}.credits-upgrade-cta span{font-size:14px;color:var(--color-text-secondary)}.credits-upgrade-cta>span:last-child{flex-shrink:0;padding:10px 16px;border-radius:var(--radius-md);color:#fff;background:var(--color-accent-primary);font-weight:600}.credits-contact-card{margin-bottom:var(--spacing-lg);padding:20px;border-radius:16px;border:1px solid var(--color-border-light);background:var(--color-bg-primary)}.credits-contact-title{margin:0;font-size:16px;font-weight:700;color:var(--color-text-primary)}.credits-contact-copy{margin:8px 0 0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.credits-contact-link{display:inline-flex;margin-top:14px;font-size:14px;font-weight:600;color:var(--color-accent-primary);text-decoration:none}.credits-contact-link:hover{text-decoration:underline}.credits-current-plan-badge,.credits-free-plan-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--color-accent-light) 80%,var(--color-bg-primary));color:var(--color-accent-primary);border:1px solid color-mix(in srgb,var(--color-accent-primary) 15%,transparent)}.credits-current-plan-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:16px;margin-bottom:16px}.credits-current-plan-main strong,.credits-free-plan-header strong{font-size:20px;color:var(--color-text-primary)}.credits-current-plan-main p,.credits-free-plan-header p{margin:6px 0 0;font-size:14px;color:var(--color-text-secondary)}.credits-current-plan-usage{text-align:right}.credits-current-plan-usage span{display:block;font-size:13px;color:var(--color-text-muted)}.credits-current-plan-usage strong{display:block;margin-top:8px;font-size:28px;line-height:1}.credits-balance-breakdown{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-light)}.credits-balance-row{display:flex;justify-content:space-between;font-size:13px}.credits-balance-row-label{color:var(--color-text-muted)}.credits-balance-row-value{font-weight:500}.credits-daily-refresh{font-size:12px;color:var(--color-text-muted);margin:0 0 var(--spacing-lg)}.credits-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.credits-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-muted)}.credits-stat strong{color:var(--color-text-primary);margin-left:var(--spacing-xs)}.credits-grants{margin-bottom:var(--spacing-lg)}.credits-grants h4,.credits-history h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.credits-grants ul{list-style:none;padding:0;margin:0}.credits-grants li{font-size:13px;color:var(--color-text-secondary);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light)}.credits-grants li:last-child{border-bottom:none}.credits-grant-type{text-transform:capitalize}.credits-grant-remaining{font-weight:600;color:var(--color-text-primary);margin-left:var(--spacing-sm)}.credits-grant-limit,.credits-grant-expiry{margin-left:var(--spacing-xs);color:var(--color-text-muted)}.credits-history-empty{font-size:14px;color:var(--color-text-muted);margin:0}.credits-history-list{list-style:none;padding:0;margin:0}.credits-history-list li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);align-items:center;font-size:13px;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light)}.credits-history-credits.positive{color:var(--color-success, #16a34a);font-weight:600}.credits-history-credits.negative{color:var(--color-text-primary);font-weight:600}.credits-history-desc{color:var(--color-text-secondary)}.credits-history-date{color:var(--color-text-muted);font-size:12px}.uh-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0 14px;border-bottom:1px solid var(--color-border-light);margin-bottom:4px}.uh-dropdown-wrap{position:relative}.uh-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-secondary, rgba(255,255,255,.05));border:1px solid var(--color-border-light);border-radius:8px;font-size:13px;color:var(--color-text-primary);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.uh-dropdown-trigger:hover{background:var(--color-bg-tertiary, rgba(255,255,255,.08));border-color:var(--color-border)}.uh-chevron{transition:transform .15s;color:var(--color-text-muted)}.uh-chevron.open{transform:rotate(180deg)}.uh-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000004d;z-index:50;overflow:hidden;animation:slideUp .15s ease}.uh-dropdown-item{display:block;width:100%;padding:9px 14px;font-size:13px;color:var(--color-text-secondary);background:transparent;border:none;text-align:left;cursor:pointer;transition:background .12s,color .12s}.uh-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.uh-dropdown-item.active{color:var(--color-accent-primary, #6366f1);font-weight:600;background:var(--color-accent-light, rgba(99,102,241,.08))}.uh-date-input{padding:6px 10px;background:var(--color-bg-secondary, rgba(255,255,255,.05));border:1px solid var(--color-border-light);border-radius:8px;font-size:13px;color:var(--color-text-primary);outline:none;cursor:pointer;transition:border-color .15s}.uh-date-input:focus{border-color:var(--color-border)}.uh-custom-range{display:flex;align-items:center;gap:8px}.uh-range-sep{font-size:12px;color:var(--color-text-muted)}.uh-summary-pill{margin-left:auto;font-size:12px;color:var(--color-text-muted);background:var(--color-bg-secondary, rgba(255,255,255,.04));border:1px solid var(--color-border-light);border-radius:20px;padding:4px 12px;white-space:nowrap}.uh-summary-credits{color:var(--color-text-secondary);font-weight:500}.usage-history-stats{margin-bottom:var(--spacing-lg)}.usage-history-chart-card{padding-bottom:24px}.usage-history-chart{margin-top:18px;height:260px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end}.usage-history-chart-bar-group{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.usage-history-chart-value{min-height:16px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.usage-history-chart-bar-track{flex:1;width:100%;display:flex;align-items:flex-end}.usage-history-chart-bar-fill{width:100%;min-height:0;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#a78bfa,#6f59f6);box-shadow:inset 0 1px #ffffff3d}.usage-history-chart-label{font-size:13px;color:var(--color-text-muted)}.payment-history-full{margin-top:0}.payment-history-full .credits-history-list li{grid-template-columns:auto 1fr auto;padding:var(--spacing-md) 0}.payment-history-info{display:flex;flex-direction:column;gap:2px;min-width:0}.payment-history-type{font-size:11px;color:var(--color-text-muted);text-transform:capitalize}.ph-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ph-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;background:var(--color-bg-secondary, rgba(255,255,255,.03));border:1px solid var(--color-border-light);border-radius:10px;transition:background .12s}.ph-item:hover{background:var(--color-bg-tertiary, rgba(255,255,255,.06))}.ph-type-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.ph-badge-purchase{background:#6366f11f;color:#818cf8}.ph-badge-grant{background:#22c55e1f;color:#22c55e}.ph-badge-refund{background:#fbbf241f;color:#fbbf24}.ph-badge-adjustment{background:#94a3b81f;color:var(--color-text-secondary)}.ph-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ph-item-desc{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-item-balance{font-size:11px;color:var(--color-text-muted)}.ph-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.ph-item-amount{font-size:14px;font-weight:600}.ph-item-amount.positive{color:var(--color-success, #22c55e)}.ph-item-amount.negative{color:var(--color-text-primary)}.ph-item-paid-amount{font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.ph-item-date{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.credits-modal{width:min(980px,calc(100vw - 48px));height:min(720px,calc(100vh - 48px));background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}.credits-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-primary)}.credits-modal-title{margin:0;font-family:var(--font-heading);font-size:16px;line-height:1.2;font-weight:700;color:var(--color-text-primary)}.credits-modal-close{border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.credits-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.credits-modal-body{min-height:0;flex:1;display:grid;grid-template-columns:250px minmax(0,1fr)}.credits-modal-sidebar{padding:var(--spacing-md);border-right:1px solid var(--color-border-light);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:14px}.credits-modal-sidebar-title{display:flex;align-items:center;gap:10px;padding:4px 4px 10px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.credits-modal-sidebar-icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-primary);color:#fff}.credits-modal-balance-card{background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 32%),linear-gradient(135deg,#6f59f6,#7c3aed 58%,#a855f7);color:#fff;border-radius:18px;padding:16px}.credits-modal-balance-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.credits-modal-balance-label{font-size:12px;font-weight:500;color:#ffffffe0}.credits-modal-balance-refresh{width:28px;height:28px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#ffffffdb;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.credits-modal-balance-refresh:disabled{cursor:not-allowed;opacity:.7}.credits-modal-balance-value{display:block;margin-top:16px;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.02em}.credits-modal-balance-unit{display:block;margin-top:8px;font-size:12px;color:#ffffffc7}.credits-modal-balance-stats{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:8px}.credits-modal-balance-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#ffffffd1}.credits-modal-balance-stat strong{color:#fff;font-weight:700}.credits-modal-balance-error{margin:14px 0 0;font-size:13px;color:#ffffffe0}.credits-modal-nav{display:flex;flex-direction:column;gap:2px}.credits-modal-nav-item{width:100%;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.credits-modal-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.credits-modal-nav-item.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.credits-modal-user{margin-top:auto;padding-top:18px;border-top:1px solid var(--color-border-light);display:flex;align-items:center;gap:12px}.credits-modal-user-avatar{width:42px;height:42px;border-radius:999px;background:color-mix(in srgb,var(--color-accent-primary) 10%,var(--color-bg-primary));color:var(--color-accent-primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.credits-modal-user-info{min-width:0;display:flex;flex-direction:column;gap:2px}.credits-modal-user-info strong,.credits-modal-user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-modal-user-info strong{font-size:14px;color:var(--color-text-primary)}.credits-modal-user-info span{font-size:12px;color:var(--color-text-muted)}.credits-modal-content{min-width:0;min-height:0;background:var(--color-bg-primary)}.credits-modal-content .credits-panel{padding:20px 24px 24px}@media (max-width: 900px){.credits-modal{width:min(100vw - 24px,980px);height:min(100vh - 24px,720px)}.credits-modal-header{padding:var(--spacing-md) var(--spacing-lg)}.credits-modal-body{grid-template-columns:1fr}.credits-modal-sidebar{border-right:none;border-bottom:1px solid var(--color-border-light);padding:20px}.credits-modal-nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}.credits-modal-nav-item{flex-shrink:0}.credits-modal-content .credits-panel{padding:16px 20px 20px}.credits-modal-user{margin-top:0}}@media (max-width: 640px){.credits-modal{width:100vw;height:100vh;border-radius:0}.credits-modal-header{padding:18px 16px}.credits-modal-sidebar,.credits-modal-content .credits-panel{padding:16px}}.token-analytics-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.token-analytics-dashboard{display:flex;flex-direction:column;background:#fff;overflow:hidden;border-radius:8px;box-shadow:0 0 0 1px #0000000d,0 20px 50px #0003;width:95vw;max-width:1600px;height:calc(100vh - 80px)}.token-analytics-dashboard.notion-style{width:95vw;max-width:1600px}.token-analytics-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.token-analytics-header h2{font-size:16px;font-weight:600;color:#37352f;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.token-analytics-close{background:transparent;border:none;cursor:pointer;color:#9b9a97;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.token-analytics-close:hover{background:#37352f14;color:#37352f}.token-analytics-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.token-analytics-tab{padding:10px 12px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#9b9a97;cursor:pointer;transition:all .15s ease;margin-bottom:-1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.token-analytics-tab:hover{color:#37352f}.token-analytics-tab.active{color:#37352f;border-bottom-color:#37352f}.token-analytics-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#fff}.sub-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:#37352f0a;border-radius:8px;margin-bottom:4px}.sub-tab{padding:6px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#9b9a97;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.sub-tab:hover{color:#37352f;background:#37352f0a}.sub-tab.active{color:#37352f;background:#fff;box-shadow:0 1px 3px #00000014}.sub-tabs .date-range-select{margin-left:auto}.token-analytics-loading,.token-analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;color:#9b9a97;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.loading-spinner{width:20px;height:20px;border:2px solid rgba(55,53,47,.1);border-top-color:#37352f;border-radius:50%;animation:spin .8s linear infinite}.token-analytics-error{color:#e03e3e}.admin-section{display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h3{font-size:14px;font-weight:600;color:#37352f;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.date-range-select{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:#37352f0a;border:1px solid rgba(55,53,47,.08);border-radius:6px;cursor:pointer;transition:all .15s ease}.date-range-select:hover{background:#37352f14}.date-range-select svg{color:#9b9a97}.date-range-select select{border:none;background:transparent;font-size:13px;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2px}.date-range-select select:focus{outline:none}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics-grid.five-col{grid-template-columns:repeat(5,1fr)}.metrics-grid.six-col{grid-template-columns:repeat(6,1fr)}.metrics-grid.compact{grid-template-columns:repeat(4,1fr)}.metric-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:8px;transition:all .15s ease}.metric-card:hover{background:#f7f7f7;border-color:#0000001a}.metric-card.horizontal{flex-direction:row;align-items:center;gap:14px}.metric-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.metric-icon.blue{background:#e7f3ff;color:#2e90fa}.metric-icon.green{background:#ecfdf5;color:#10b981}.metric-icon.purple{background:#f4f3ff;color:#7a5af8}.metric-icon.orange{background:#fff4ed;color:#fb6514}.metric-icon.indigo{background:#eef4ff;color:#6172f3}.metric-icon.violet{background:#f5f3ff;color:#9b59b6}.metric-icon.teal{background:#f0fdfa;color:#14b8a6}.metric-icon.slate{background:#f1f5f9;color:#64748b}.metric-icon.amber{background:#fffbeb;color:#f59e0b}.metric-icon.red{background:#fef2f2;color:#ef4444}.metric-content{display:flex;flex-direction:column;gap:2px}.metric-value{font-size:24px;font-weight:600;color:#37352f;line-height:1.2;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.metric-card.horizontal .metric-value{font-size:20px}.metric-label{font-size:12px;color:#9b9a97;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.metric-cost{font-size:24px;font-weight:600;color:#16a34a;line-height:1.2;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.metric-cost+.metric-value{font-size:14px;font-weight:500;color:#6b7280}.metric-card.total-cost-card{background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#fecaca}.metric-card.total-cost-card .metric-cost{color:#dc2626}.metric-sublabel{font-size:13px;font-weight:500;color:#6b7280}.metric-value.cost-value{color:#16a34a}.trends-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}.trends-grid.two-col{grid-template-columns:1fr 1fr}.trend-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:8px;min-height:180px}.trend-card.wide{grid-column:span 1}.trend-header{display:flex;align-items:baseline;justify-content:space-between}.trend-title{font-size:13px;font-weight:500;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.trend-value{font-size:14px;font-weight:600;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.chart-wrapper{position:relative;width:100%}.chart-wrapper.with-axes{padding-top:4px}.area-chart{width:100%;height:120px;display:block}.area-chart .chart-dot{transition:r .15s ease,fill .15s ease}.area-chart .axis-label{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;fill:#9b9a97}.chart-empty{display:flex;align-items:center;justify-content:center;height:100px;color:#9b9a97;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:#00000005;border-radius:4px}.chart-tooltip{position:absolute;top:0;background:#37352f;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0003}.tooltip-date{font-weight:600;color:#fff;margin-bottom:2px}.tooltip-value{font-weight:400;color:#ffffffd9}.hourly-chart-wrapper{position:relative;display:flex;flex-direction:column;gap:6px;height:80px}.hourly-bars{display:flex;align-items:flex-end;gap:2px;flex:1;padding:0 2px}.hourly-bar-col{flex:1;height:100%;display:flex;align-items:flex-end;cursor:crosshair;transition:opacity .15s ease}.hourly-bar-col.hovered .hourly-bar-fill{background:#7c3aed}.hourly-bar-fill{width:100%;background:#a78bfa;border-radius:2px 2px 0 0;transition:background .15s ease,height .2s ease;min-height:0}.hourly-axis{display:flex;justify-content:space-between;font-size:10px;color:#9b9a97;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;padding:0 2px}.hourly-tooltip{position:absolute;top:-8px;transform:translate(-50%) translateY(-100%);background:#37352f;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0003}.hourly-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#37352f transparent transparent transparent}.multi-line-chart{height:320px}.multi-chart-container{display:flex;flex-direction:column;gap:8px}.multi-chart-legend{display:flex;align-items:center;gap:16px;padding:0 4px}.multi-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:none;border:1px solid transparent;border-radius:4px;padding:2px 8px;cursor:pointer;transition:opacity .15s,border-color .15s}.multi-chart-legend-item:hover{border-color:#0000001a}.multi-chart-legend-item.legend-hidden{opacity:.45}.multi-chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.multi-chart-legend-label{font-weight:500}.chart-tooltip.multi-tooltip{min-width:160px}.multi-tooltip-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:2px}.multi-tooltip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.multi-tooltip-label{color:#ffffffb3;font-weight:400}.multi-tooltip-value{color:#fff;font-weight:600;margin-left:auto}.trend-card.trend-card-stacked{display:flex;flex-direction:column;gap:12px;min-height:auto}.mini-chart-container{display:flex;flex-direction:column;gap:4px}.mini-chart-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;padding:0 4px}.mini-chart-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mini-chart-svg{height:140px}.chart-tooltip.mini-chart-tooltip{min-width:100px}.mini-tooltip-value{font-size:13px;font-weight:600;margin-top:2px}.settings-admin-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-bottom:20px;color:#92400e}.settings-admin-warning svg{flex-shrink:0;margin-top:1px;color:#d97706}.settings-admin-warning div{display:flex;flex-direction:column;gap:2px}.settings-admin-warning strong{font-size:13px;font-weight:600;color:#92400e}.settings-admin-warning span{font-size:12px;color:#a16207;line-height:1.4}.admin-tables-section{margin-top:8px}.token-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.admin-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-tables-row{display:grid;grid-template-columns:1.8fr 1fr;gap:16px}.admin-tables-row.three-col{grid-template-columns:1fr 1fr 1fr}.admin-tables-row.four-col{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.model-usage-table{font-size:12px}.model-usage-table .model-name-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-usage-table .total-row{background:#3b82f60d;border-top:1px solid rgba(59,130,246,.2)}.model-usage-table .total-row td{padding-top:8px;padding-bottom:8px}.admin-tables-row .token-table-section,.user-tables-row .token-table-section{display:flex;flex-direction:column;height:300px;min-height:300px;max-height:300px}.token-stat-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:8px;transition:all .15s ease}.token-stat-card:hover{background:#f7f7f7;border-color:#0000001a}.token-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.token-stat-card.input-tokens .token-stat-icon{background:#f5f3ff;color:#9b59b6}.token-stat-card.output-tokens .token-stat-icon{background:#f0fdfa;color:#14b8a6}.token-stat-info{display:flex;flex-direction:column;gap:2px}.token-stat-value{font-size:24px;font-weight:600;color:#37352f;line-height:1.2;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.token-stat-label{font-size:12px;color:#9b9a97;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.token-table-section{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.token-table-section.full-width{flex:none;max-height:400px}.token-table-section h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#37352f;margin:0;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.token-table-section h3 svg{color:#9b9a97}.token-table-container{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.token-table{width:100%;border-collapse:collapse;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.token-table thead{background:#fafafa;position:sticky;top:0;z-index:1}.token-table th{padding:10px 16px;text-align:left;font-weight:500;font-size:11px;color:#9b9a97;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(0,0,0,.06)}.conversation-table th:nth-last-child(1),.conversation-table th:nth-last-child(2){text-align:right}.conversation-table td:nth-last-child(1),.conversation-table td:nth-last-child(2){text-align:right}.skills-table th:last-child,.skills-table td:last-child,.tools-table th:last-child,.tools-table td:last-child{text-align:right}.user-usage-table th:nth-child(2),.user-usage-table th:nth-child(3),.user-usage-table th:nth-child(4),.user-usage-table td:nth-child(2),.user-usage-table td:nth-child(3),.user-usage-table td:nth-child(4){text-align:right}.cost-value{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:600;font-size:14px;color:#16a34a}.token-table tbody tr{transition:background .1s ease}.token-table tbody tr:hover{background:#37352f08}.token-table tbody tr:not(:last-child) td{border-bottom:1px solid rgba(0,0,0,.04)}.token-table td{padding:12px 16px;color:#37352f}.token-table-empty{text-align:center!important;color:#9b9a97;padding:32px 16px!important}.conversation-table{table-layout:fixed}.conversation-table th:nth-child(1),.conversation-table td:nth-child(1){width:25%}.conversation-table th:nth-child(2),.conversation-table td:nth-child(2){width:22%}.conversation-table th:nth-child(3),.conversation-table td:nth-child(3){width:20%}.conversation-table th:nth-child(4),.conversation-table td:nth-child(4){width:16%}.conversation-table th:nth-child(5),.conversation-table td:nth-child(5){width:17%}.conversation-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#37352f}.model-name{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:#37352f;background:#37352f0f;padding:3px 6px;border-radius:4px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-count{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:500;font-size:13px}.token-count.input{color:#9b59b6}.token-count.output{color:#14b8a6}.token-count.zero{color:#9b9a97;font-weight:400}.skills-used-cell{width:100%}.skills-used-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}.skill-badge{display:inline-block;padding:2px 6px;background:#fbbf241a;border-radius:4px;font-size:11px;font-weight:500;color:#b45309;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.skill-badge-more{display:inline-flex;align-items:center;padding:2px 6px;background:#3b82f61a;border-radius:4px;font-size:11px;font-weight:600;color:#2563eb;white-space:nowrap;cursor:help;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.no-skills{font-size:12px;color:#9b9a97}.skill-name-cell{display:flex;align-items:center;gap:6px;font-weight:500;color:#37352f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-name-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-icon{color:#f59e0b;flex-shrink:0}.tool-name-cell{display:flex;align-items:center;gap:6px;font-weight:500;color:#37352f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-name-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-icon{color:#6366f1;flex-shrink:0}.user-name-cell{display:flex;align-items:center;gap:8px;font-weight:500;color:#37352f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-cell span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-size:11px;font-weight:600;text-transform:uppercase}.user-usage-table th:last-child,.user-usage-table td:last-child{text-align:right}.usage-count,.unique-users{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;background:#37352f0f;border-radius:4px;font-weight:500;color:#37352f;font-size:12px}.token-analytics-content::-webkit-scrollbar,.token-table-container::-webkit-scrollbar{width:8px;height:8px}.token-analytics-content::-webkit-scrollbar-track,.token-table-container::-webkit-scrollbar-track{background:transparent}.token-analytics-content::-webkit-scrollbar-thumb,.token-table-container::-webkit-scrollbar-thumb{background:#37352f26;border-radius:4px}.token-analytics-content::-webkit-scrollbar-thumb:hover,.token-table-container::-webkit-scrollbar-thumb:hover{background:#37352f40}@media (max-width: 1300px){.metrics-grid.five-col{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){.metrics-grid,.metrics-grid.five-col,.metrics-grid.compact{grid-template-columns:repeat(2,1fr)}.trends-grid,.trends-grid.two-col{grid-template-columns:1fr 1fr}.trend-card.wide{grid-column:span 2}}@media (max-width: 1000px){.admin-tables-row.three-col{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.metrics-grid,.metrics-grid.compact{grid-template-columns:repeat(2,1fr)}.trends-grid,.trends-grid.two-col{grid-template-columns:1fr}.trend-card.wide{grid-column:span 1}.admin-tables-row,.admin-tables-row.three-col,.user-tables-row{grid-template-columns:1fr}.admin-tables-row .token-table-section,.user-tables-row .token-table-section{height:auto;min-height:auto;max-height:280px}}@media (max-width: 600px){.metrics-grid,.metrics-grid.compact{grid-template-columns:1fr}.token-analytics-content{padding:16px;gap:20px}.metric-value{font-size:20px}}.settings-tab-content{padding:0}.settings-loading,.settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;color:#9b9a97}.settings-error{color:#e03e3e}.settings-actions{display:flex;gap:8px}.settings-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-btn.reset{background:#37352f14;color:#37352f}.settings-btn.reset:hover{background:#37352f1f}.settings-btn.save{background:#2383e2;color:#fff}.settings-btn.save:hover{background:#1a73d4}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-message{padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.settings-message.error{background:#e03e3e1a;color:#e03e3e;border:1px solid rgba(224,62,62,.2)}.settings-message.success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.settings-description{color:#6b6b6b;font-size:13px;line-height:1.6;margin-bottom:24px;padding:12px 16px;background:#37352f0a;border-radius:6px}.settings-grid{display:flex;flex-direction:column;gap:20px}.setting-item{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px;background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:8px}.setting-item.toggle-item{align-items:center}.setting-label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.setting-name{font-size:14px;font-weight:500;color:#37352f}.setting-hint{font-size:12px;color:#9b9a97}.setting-input-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.setting-select{padding:8px 12px;border:1px solid rgba(55,53,47,.16);border-radius:6px;font-size:13px;color:#37352f;background:#fff;cursor:pointer;min-width:160px}.setting-select:focus{outline:none;border-color:#2383e2;box-shadow:0 0 0 2px #2383e226}.setting-input{padding:8px 12px;border:1px solid rgba(55,53,47,.16);border-radius:6px;font-size:13px;color:#37352f;width:100px;text-align:right}.setting-input.full-width,.setting-select.full-width{width:300px;text-align:left}.setting-input:focus{outline:none;border-color:#2383e2;box-shadow:0 0 0 2px #2383e226}.setting-unit{font-size:13px;color:#9b9a97;min-width:60px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#37352f29;transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#2383e2}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.settings-info-box{margin-top:24px;padding:16px;background:#2383e20f;border:1px solid rgba(35,131,226,.15);border-radius:8px;font-size:13px;color:#37352f}.settings-info-box strong{display:block;margin-bottom:8px;color:#2383e2}.settings-info-box ul{margin:0;padding-left:20px}.settings-info-box li{margin-bottom:6px;line-height:1.5}.settings-info-box li:last-child{margin-bottom:0}.settings-info-box li strong{display:inline;color:#37352f;font-weight:600}@media (max-width: 800px){.setting-item{flex-direction:column;gap:12px}.setting-input-group{width:100%;flex-wrap:wrap}.setting-select{flex:1;min-width:120px}.setting-input.full-width,.setting-select.full-width{width:100%}}.dist-bars{display:flex;flex-direction:column;gap:10px}.dist-bar-row{display:flex;align-items:center;gap:10px}.dist-bar-label{width:120px;flex-shrink:0;font-size:13px;font-weight:500;color:#37352f;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-bar-label.wide{width:180px}.dist-bar-track{flex:1;height:24px;background:#37352f0a;border-radius:4px;overflow:hidden;position:relative}.dist-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:2px}.dist-bar-value{width:50px;flex-shrink:0;font-size:13px;font-weight:600;color:#37352f;text-align:right;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.dist-bar-fill.success{background:#10b981}.dist-bar-fill.partial{background:#f59e0b}.dist-bar-fill.failure{background:#ef4444}.dist-bar-fill.abandoned{background:#9ca3af}.dist-bar-fill.positive{background:#10b981}.dist-bar-fill.neutral{background:#6366f1}.dist-bar-fill.frustrated{background:#ef4444}.dist-bar-fill.confused{background:#f59e0b}.dist-bar-fill.data_analysis{background:#3b82f6}.dist-bar-fill.content_creation{background:#8b5cf6}.dist-bar-fill.coding{background:#06b6d4}.dist-bar-fill.research{background:#10b981}.dist-bar-fill.automation{background:#f59e0b}.dist-bar-fill.communication{background:#ec4899}.dist-bar-fill.learning{background:#14b8a6}.dist-bar-fill.troubleshooting{background:#ef4444}.dist-bar-fill.planning{background:#6366f1}.dist-bar-fill.other{background:#9ca3af}.dist-bar-fill.single_turn{background:#d1d5db}.dist-bar-fill.shallow{background:#93c5fd}.dist-bar-fill.moderate{background:#3b82f6}.dist-bar-fill.deep{background:#1e3a8a}.dist-bar-fill.new{background:#10b981}.dist-bar-fill.active{background:#3b82f6}.dist-bar-fill.power{background:#8b5cf6}.dist-bar-fill.dormant{background:#f59e0b}.dist-bar-fill.inactive{background:#9ca3af}.dist-bar-fill.feature{background:#6366f1}.insights-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.insights-card{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.insights-card-title{font-size:13px;font-weight:600;color:#37352f;display:flex;align-items:center;gap:8px}.insights-card-title svg{color:#9b9a97}.score-table{font-size:12px}.score-bar{display:inline-block;height:6px;border-radius:3px;background:#e5e7eb;width:60px;position:relative;overflow:hidden;vertical-align:middle;margin-right:6px}.score-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:3px;transition:width .3s ease}.score-bar-fill.high{background:#10b981}.score-bar-fill.medium{background:#f59e0b}.score-bar-fill.low{background:#ef4444}.retention-grid{overflow-x:auto}.retention-grid table{width:100%;border-collapse:collapse;font-size:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.retention-grid th,.retention-grid td{padding:8px 10px;text-align:center;border:1px solid rgba(0,0,0,.06);white-space:nowrap}.retention-grid th{background:#fafafa;font-weight:600;color:#37352f;font-size:11px}.retention-grid td.cohort-label{text-align:left;font-weight:500;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (max-width: 1100px){.insights-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.insights-grid-3{grid-template-columns:1fr}}.credits-admin-content{display:flex;flex-direction:column;gap:24px}.credits-plans-structure{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.credits-plan-row{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:8px 10px;background:#fafafa;border-radius:6px;font-size:13px}.credits-plan-row.credits-plan-free{background:#f0f7ff}.credits-plan-name{font-weight:600;color:#37352f}.credits-plan-detail{color:#6b6a65}.credits-plan-price{font-weight:500;color:#37352f}.credits-plan-row-editable{align-items:center}.credits-plan-row-editable.credits-plan-free{grid-template-columns:100px 1fr auto auto}.credits-plan-row-editable.credits-plan-free .credits-plan-edit-group{grid-column:2 / -1}.credits-plan-row-editable:not(.credits-plan-free){grid-template-columns:100px 1fr auto auto}.credits-plan-edit-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.credits-plan-input{width:80px;padding:6px 8px;border:1px solid rgba(0,0,0,.12);border-radius:6px;font-size:13px}.credits-plan-input[type=text]{width:70px}.credits-plan-suffix{font-size:13px;color:#6b6a65}.credits-plan-save-btn,.credits-plan-cancel-btn,.credits-plan-edit-btn{padding:4px 10px;font-size:12px;border-radius:6px;cursor:pointer;border:1px solid rgba(0,0,0,.15);background:#fff}.credits-plan-save-btn{background:#37352f;color:#fff;border-color:#37352f}.credits-plan-save-btn:disabled{opacity:.6;cursor:not-allowed}.credits-plan-cancel-btn{margin-left:4px}.credits-plan-edit-btn{color:#37352f}.credits-plan-edit-btn:hover,.credits-plan-save-btn:hover:not(:disabled),.credits-plan-cancel-btn:hover{opacity:.9}.credits-plan-actions{display:flex;align-items:center;gap:4px}.credits-plan-delete-btn{display:flex;align-items:center;justify-content:center;padding:4px 6px;font-size:12px;border-radius:6px;cursor:pointer;border:1px solid rgba(239,68,68,.3);background:transparent;color:#dc2626;transition:background .15s,color .15s}.credits-plan-delete-btn:hover:not(:disabled){background:#ef44441a}.credits-plan-delete-btn:disabled{opacity:.4;cursor:not-allowed}.credits-plan-new-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;border:1px solid #2563eb;background:#2563eb;color:#fff;transition:background .15s}.credits-plan-new-btn:hover{background:#1d4ed8}.credits-plan-new-row{background:color-mix(in srgb,#2563eb 4%,transparent);border-radius:6px}.credits-plan-edit-full{grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.credits-plan-edit-full .credits-plan-input-period{width:72px}.credits-plan-edit-label{font-size:13px;color:#6b6a65}.credits-grant-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow:hidden}.credits-grant-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);background:#fafafa}.credits-grant-header h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#37352f;margin:0}.credits-grant-header h3 svg{color:#9b9a97}.credits-pricing-explanation,.credits-pricing-example{margin:0;padding:16px 16px 0;font-size:13px;color:#37352f;line-height:1.5}.credits-pricing-example{padding-top:8px;padding-bottom:16px;color:#6b6a67}.credits-grant-card>.credits-grant-row{padding:12px 16px 16px}.credits-grant-card>.credits-message{margin:0 16px 16px}.credits-grant-form{padding:16px;display:flex;flex-direction:column;gap:16px}.credits-grant-row{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px;align-items:end}.credits-grant-field{display:flex;flex-direction:column;gap:6px}.credits-grant-field.credits-grant-field-narrow{min-width:120px}.credits-grant-field label{font-size:12px;font-weight:500;color:#37352f;text-transform:uppercase;letter-spacing:.03em}.credits-input{padding:8px 12px;border:1px solid rgba(55,53,47,.16);border-radius:6px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;transition:border-color .15s ease}.credits-input:focus{outline:none;border-color:#2383e2;box-shadow:0 0 0 3px #2383e21a}.credits-input::placeholder{color:#37352f66}.credits-message{padding:10px 14px;border-radius:6px;font-size:13px}.credits-message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.credits-message.success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.credits-grant-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;background:#2383e2;color:#fff;align-self:flex-start}.credits-grant-btn:hover:not(:disabled){background:#1a73d4}.credits-grant-btn:disabled{opacity:.5;cursor:not-allowed}.credits-table-controls{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);background:#fafafa}.credits-search-input{flex:1;padding:6px 12px;border:1px solid rgba(55,53,47,.16);border-radius:6px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;transition:border-color .15s ease}.credits-search-input:focus{outline:none;border-color:#2383e2;box-shadow:0 0 0 2px #2383e21a}.credits-search-input::placeholder{color:#37352f66}.credits-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;background:#37352f14;color:#37352f}.credits-refresh-btn:hover:not(:disabled){background:#37352f1f}.credits-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.credits-grant-row{grid-template-columns:1fr}}.guardrail-tab{display:flex;flex-direction:column;height:100%;padding:0;gap:16px}.guardrail-info-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f0f5ff;border:1px solid #d6e4ff;border-radius:8px}.guardrail-info-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#e0ecff;color:#2563eb;flex-shrink:0}.guardrail-info-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.guardrail-info-text strong{font-size:13px;font-weight:600;color:#1e3a5f}.guardrail-info-text span{font-size:12px;color:#4a7ab5;line-height:1.4}.guardrail-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:#37352f0f;color:#9b9a97;flex-shrink:0;letter-spacing:.02em;text-transform:uppercase}.guardrail-status.active{background:#16a34a1a;color:#15803d}.guardrail-panel,.guardrail-field{display:flex;flex-direction:column;flex:1;min-height:0}.guardrail-char-count{margin-top:8px;align-self:flex-end;font-size:12px;color:#9b9a97}.guardrail-textarea{flex:1;min-height:200px;width:100%;padding:14px 16px;border:1px solid rgba(55,53,47,.16);border-radius:8px;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;color:#37352f;background:#fff;resize:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.guardrail-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.guardrail-textarea::placeholder{color:#b8b8b4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:13px}.guardrail-actions{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 0 0}.guardrail-actions-hint{font-size:12px;color:#9b9a97}.guardrail-actions-buttons{display:flex;align-items:center;gap:8px}.guardrail-clear-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid rgba(55,53,47,.16);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:#6b6b6b;transition:all .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.guardrail-clear-btn:hover:not(:disabled){background:#fafafa;border-color:#37352f40;color:#37352f}.guardrail-clear-btn:disabled{opacity:.35;cursor:not-allowed}.guardrail-save-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;background:#2563eb;color:#fff;transition:all .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.guardrail-save-btn:hover:not(:disabled){background:#1d4ed8}.guardrail-save-btn:disabled{opacity:.5;cursor:not-allowed}.razorpay-toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.razorpay-toggle-input{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.watch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg-primary);display:flex;flex-direction:column;overflow:hidden}.watch-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);flex-shrink:0}.watch-header-left{display:flex;align-items:center;gap:16px}.watch-header-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-text-primary)}.watch-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:background .15s,color .15s}.watch-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.watch-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);padding:0 24px;background:var(--color-bg-primary);flex-shrink:0}.watch-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;font-family:var(--font-sans)}.watch-tab:hover{color:var(--color-text-primary)}.watch-tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.watch-content{flex:1;overflow-y:auto;padding:24px;background:var(--color-bg-secondary)}.watch-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.watch-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;padding:20px}.watch-card-label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.watch-card-value{font-size:28px;font-weight:700;color:var(--color-text-primary);font-family:var(--font-heading)}.watch-card-sub{font-size:12px;color:var(--color-text-muted);margin-top:4px}.watch-table-wrap{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;margin-bottom:24px}.watch-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.watch-table-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.watch-table{width:100%;border-collapse:collapse;font-size:13px}.watch-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);white-space:nowrap}.watch-table td{padding:10px 16px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-table tr:last-child td{border-bottom:none}.watch-table tr:hover td{background:var(--color-bg-hover)}.watch-table tr.clickable{cursor:pointer}.watch-load-more{display:flex;justify-content:center;padding:16px;border-top:1px solid var(--color-border)}.watch-load-more-btn{padding:8px 24px;font-size:13px;font-weight:500;color:var(--color-accent-primary);background:transparent;border:1px solid var(--color-accent-primary);border-radius:6px;cursor:pointer;transition:background .15s;font-family:var(--font-sans)}.watch-load-more-btn:hover{background:var(--color-accent-primary);color:#fff}.watch-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.watch-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;border-radius:4px;gap:4px}.watch-badge.chat{background:#ede9fe;color:#6d28d9}.watch-badge.scheduled_task{background:#fef3c7;color:#92400e}.watch-badge.completed{background:#dcfce7;color:#166534}.watch-badge.error{background:#fce7e7;color:#991b1b}.watch-badge.running{background:#dbeafe;color:#1e40af}.watch-badge.blocked{background:#fef3c7;color:#92400e}.watch-badge.cancelled{background:#f1f5f9;color:#64748b}.watch-filters{display:flex;gap:12px;align-items:center;padding:12px 0;flex-wrap:wrap}.watch-filter-group{display:flex;align-items:center;gap:6px}.watch-filter-label{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.watch-filter-select,.watch-filter-input{padding:6px 10px;font-size:13px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);outline:none;transition:border-color .15s}.watch-filter-select:focus,.watch-filter-input:focus{border-color:var(--color-accent-primary)}.watch-filter-input{width:200px}.watch-filter-date{width:140px}.watch-filter-btn{padding:6px 14px;font-size:13px;font-weight:500;background:var(--color-accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-sans);transition:background .15s}.watch-filter-btn:hover{background:var(--color-accent-secondary)}.watch-chart-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;padding:20px;margin-bottom:24px}.watch-chart-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.watch-chart-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:-12px;margin-bottom:16px}.watch-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.watch-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}@media (max-width: 1200px){.watch-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.watch-grid-2,.watch-grid-3{grid-template-columns:1fr}}.watch-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0000004d;display:flex;justify-content:flex-end}.watch-drawer{width:720px;max-width:90vw;background:var(--color-bg-primary);height:100%;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.watch-drawer.watch-drawer-wide{width:1200px;max-width:95vw}.watch-session-split{display:flex;height:100%;min-height:0}.watch-session-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.watch-session-panel .watch-drawer-body{flex:1;overflow-y:auto}.watch-trace-panel{width:520px;flex-shrink:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-secondary)}.watch-trace-panel .watch-drawer-body{flex:1;overflow-y:auto}@media (max-width: 1000px){.watch-trace-panel{width:400px}}.watch-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.watch-drawer-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.watch-drawer-body{flex:1;overflow-y:auto;padding:20px}.watch-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary)}.watch-drawer-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.watch-meta-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.watch-meta-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.exec-tree{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin-bottom:16px}.exec-tree-node{border-bottom:1px solid var(--color-border)}.exec-tree-node:last-child{border-bottom:none}.exec-tree-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:background .15s;font-size:13px}.exec-tree-header:hover{background:var(--color-bg-hover)}.exec-tree-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}.exec-tree-icon.thinking{background:#f3e8ff;color:#7c3aed}.exec-tree-icon.action{background:#dbeafe;color:#2563eb}.exec-tree-icon.text{background:#dcfce7;color:#16a34a}.exec-tree-icon.completion-gate{background:#fef3c7;color:#b45309}.exec-tree-icon.error{background:#fce7e7;color:#dc2626}.exec-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.exec-tree-status{font-size:11px;padding:2px 6px;border-radius:3px}.exec-tree-body{padding:0 14px 14px 42px;font-size:13px;color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.exec-tree-args{background:var(--color-bg-tertiary);padding:8px 12px;border-radius:6px;font-family:var(--font-mono);font-size:12px;margin-bottom:8px;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.watch-io-section{margin-bottom:16px}.watch-io-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.watch-io-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.watch-io-toggle{display:flex;gap:0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.watch-io-toggle-btn{padding:4px 10px;font-size:11px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans)}.watch-io-toggle-btn.active{background:var(--color-accent-primary);color:#fff}.watch-io-content{background:var(--color-bg-tertiary);border-radius:8px;padding:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.watch-io-content.json{font-family:var(--font-mono);font-size:12px}.branch-tree{padding:8px 0}.branch-tree-node{display:flex;align-items:flex-start;gap:8px;padding:6px 8px 6px calc(var(--depth, 0) * 20px + 8px);font-size:13px;border-radius:6px;transition:background .15s}.branch-tree-node.clickable-trace{cursor:pointer}.branch-tree-node.clickable-trace:hover{background:var(--color-bg-hover)}.branch-tree-trace-hint{display:none;align-items:center;color:var(--color-accent-primary);flex-shrink:0;padding-top:2px}.branch-tree-node.clickable-trace:hover .branch-tree-trace-hint{display:flex}.branch-tree-connector{width:16px;display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:4px}.branch-tree-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);flex-shrink:0}.branch-tree-dot.user{background:var(--color-accent-primary)}.branch-tree-dot.assistant{background:var(--color-accent-green)}.branch-tree-dot.summary{background:#8b5cf6}.branch-tree-dot.active{box-shadow:0 0 0 3px #5e34f133}.branch-tree-content{flex:1;min-width:0}.branch-tree-role{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px}.branch-tree-text{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-tree-time{font-size:11px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.branch-tree-fork-container{margin:8px 0}.branch-tree-fork-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-accent-primary);padding:6px 8px;background:#f3e8ff;border-radius:6px;margin-bottom:8px}.branch-tree-branches{display:flex;flex-direction:column;gap:10px}.branch-tree-branch{border-left:4px solid var(--branch-color, var(--color-border));border-radius:0 10px 10px 0;background:var(--branch-bg, var(--color-bg-secondary));padding:8px 0;box-shadow:0 1px 3px #0000000f}.branch-tree-branch.branch-active{border-left-width:5px;box-shadow:0 1px 4px #5e34f11f}.branch-tree-branch-header{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--branch-color, var(--color-text-muted));border-bottom:1px solid var(--color-border);margin-bottom:4px}.branch-tree-branch-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.branch-tree-branch-label{text-transform:uppercase;letter-spacing:.5px}.branch-tree-branch-current{background:var(--branch-color, var(--color-accent-primary));color:#fff;font-weight:600;text-transform:none;letter-spacing:0;padding:1px 8px;border-radius:10px;font-size:10px;margin-left:4px}.branch-tree-branch-body{padding-left:10px}.watch-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--color-text-muted);font-size:14px}.watch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--color-text-muted);font-size:14px;gap:8px}.watch-percentile-tabs{display:flex;gap:0;margin-bottom:12px}.watch-percentile-tab{padding:6px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--font-sans)}.watch-percentile-tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.watch-chart-svg{width:100%;height:200px}.watch-chart-line{fill:none;stroke-width:2}.watch-chart-area{opacity:.1}.watch-chart-dot{r:3}.watch-chart-axis-label{font-size:10px;fill:var(--color-text-muted);font-family:var(--font-sans)}.watch-chart-grid-line{stroke:var(--color-border);stroke-dasharray:4 4;opacity:.5}.watch-chart-tooltip{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:var(--shadow-lg);pointer-events:none;z-index:10;white-space:nowrap}.watch-chart-legend{display:flex;gap:16px;justify-content:center;margin-top:8px;flex-wrap:wrap}.watch-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary)}.watch-chart-legend-dot{width:8px;height:8px;border-radius:50%}.watch-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .15s,opacity .15s}.watch-btn:disabled{opacity:.5;cursor:not-allowed}.watch-btn-primary{background:var(--color-accent-primary);color:#fff}.watch-btn-primary:hover:not(:disabled){opacity:.9}.watch-btn-ghost{background:transparent;color:var(--color-text-secondary)}.watch-btn-ghost:hover:not(:disabled){background:var(--color-bg-hover)}.watch-btn-sm{padding:4px 8px;font-size:12px}.watch-cell-primary{color:var(--color-text-primary);font-weight:500;font-size:13px}.watch-cell-secondary{color:var(--color-text-muted);font-size:12px}.watch-label{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.watch-input{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary)}.watch-input:focus{outline:none;border-color:var(--color-accent-primary)}.watch-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);cursor:pointer}.watch-error{color:var(--color-error, #ef4444);font-size:13px;margin-bottom:8px}.watch-badge-success{background:#22c55e26;color:#22c55e}.watch-badge-muted{background:#94a3b826;color:var(--color-text-muted)}.watch-table-container{overflow-x:auto}.recipes-editor-page{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.recipes-tags{display:flex;align-items:center;gap:6px;margin-left:8px}.recipes-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.recipes-tag.usecase{background:var(--color-accent-light);color:var(--color-accent-primary)}.recipes-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.recipes-tag-sm{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:500;white-space:nowrap}.recipes-tag-sm.usecase{background:var(--color-accent-light);color:var(--color-accent-primary)}.recipes-filter-select{display:inline-flex;align-items:center;padding:4px 22px 4px 10px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:12px;font-weight:500;font-family:var(--font-sans);border-radius:999px;cursor:pointer;transition:all .15s ease;white-space:nowrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.recipes-filter-select:hover{background-color:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-primary)}.recipes-filter-select:focus{border-color:var(--color-text-primary)}.recipes-filter-select:not([data-default]) option:checked{font-weight:500}.recipes-filter-clear-btn{margin-top:var(--spacing-md);padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.recipes-filter-clear-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.recipes-section-header{display:flex;align-items:center;gap:6px;padding:10px 4px 6px;font-size:12px;font-weight:600;color:var(--color-accent-primary);grid-column:1 / -1;border-bottom:1px solid var(--color-accent-light);margin-bottom:2px}.recipes-section-header.other{color:var(--color-text-muted);border-bottom-color:var(--color-border-light);margin-top:8px}.recipes-section-tag{padding:1px 8px;border-radius:10px;font-size:10px;font-weight:500;background:var(--color-accent-light);color:var(--color-accent-primary)}.recipes-section-header.other .recipes-section-tag{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.recipes-section-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:1px 7px;border-radius:8px}.skills-modal-grid-item.profile-match{border-color:#5956d640;box-shadow:0 0 0 1px #5956d614}.skills-modal-grid-item.profile-match:hover{border-color:var(--color-accent-primary)}.recipes-match-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent-primary)}.recipes-create-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:var(--radius-md);background:var(--color-accent-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.recipes-create-btn:hover{background:var(--color-accent-secondary)}.recipes-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .15s ease}.recipes-create-dialog{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:100%;max-width:480px;animation:slideUp .2s ease}.recipes-create-dialog h3{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.recipes-create-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.recipes-create-field{display:flex;flex-direction:column;gap:4px}.recipes-create-field label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.recipes-create-field input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.recipes-create-field input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5956d61f}.recipes-create-field input::placeholder{color:var(--color-text-muted)}.recipes-create-row{display:flex;gap:var(--spacing-md)}.recipes-create-row .recipes-create-field{flex:1}.recipes-create-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:flex-end}.recipes-create-submit{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);background:var(--color-accent-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.recipes-create-submit:hover:not(:disabled){background:var(--color-accent-secondary)}.recipes-create-submit:disabled{opacity:.6;cursor:not-allowed}.recipes-create-cancel{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.recipes-create-cancel:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.recipes-create-cancel:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.recipes-create-dialog{max-width:95%;margin:0 var(--spacing-md)}.recipes-create-row{flex-direction:column}.recipes-tags{display:none}.recipes-filter-select{font-size:11px;padding:4px 18px 4px 8px}}.wmp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.wmp-panel{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000002e;width:100%;max-width:1100px;display:flex;flex-direction:column;min-height:520px;max-height:calc(100vh - 48px);overflow:hidden}.wmp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.wmp-header-left{display:flex;align-items:center;gap:12px}.wmp-header-icon{width:32px;height:32px;color:#6c3ef4;background:#f3e8ff;border-radius:8px;padding:6px;flex-shrink:0}.wmp-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 2px}.wmp-subtitle{font-size:13px;color:#64748b;margin:0}.wmp-header-actions{display:flex;align-items:center;gap:8px}.wmp-refresh-btn,.wmp-close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.wmp-refresh-btn:hover,.wmp-close-btn:hover{background:#f1f5f9;color:#1a202c}@keyframes wmp-spin{to{transform:rotate(360deg)}}.wmp-spinning{animation:wmp-spin .8s linear infinite}.wmp-tabs{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid #f1f5f9;flex-shrink:0}.wmp-tab{padding:8px 18px;font-size:13px;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.wmp-tab:hover{color:#1a202c}.wmp-tab--active{color:#6c3ef4;border-bottom-color:#6c3ef4;font-weight:600}.wmp-toolbar{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.wmp-search-wrap{display:flex;align-items:center;gap:8px;flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;transition:border-color .15s}.wmp-search-wrap:focus-within{border-color:#a78bfa;background:#fff}.wmp-search-icon{color:#94a3b8;flex-shrink:0}.wmp-search{flex:1;border:none;outline:none;font-size:13px;color:#1a202c;background:transparent;min-width:0}.wmp-search::placeholder{color:#94a3b8}.wmp-search-btn{background:#6c3ef4;color:#fff;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.wmp-search-btn:hover{background:#5b2de0}.wmp-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:2px;flex-shrink:0;border-radius:4px;transition:color .12s}.wmp-search-clear:hover{color:#475569}.wmp-type-filter-wrap{position:relative;flex-shrink:0}.wmp-type-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 30px 7px 12px;font-size:13px;color:#374151;cursor:pointer;outline:none;transition:border-color .15s}.wmp-type-filter:focus{border-color:#a78bfa}.wmp-type-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.wmp-bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 24px;background:#ede9fe;border-bottom:1px solid #ddd6fe;flex-shrink:0}.wmp-bulk-count{font-size:13px;font-weight:600;color:#4c1d95;margin-right:4px}.wmp-bulk-deselect{margin-left:auto;background:none;border:none;font-size:12px;color:#7c3aed;cursor:pointer;text-decoration:underline;padding:0}.wmp-bulk-deselect:hover{color:#4c1d95}.wmp-th-check,.wmp-td-check{width:36px;padding:0 4px 0 16px!important}.wmp-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6C3EF4}.wmp-row--selected{background:#faf5ff!important}.wmp-sort-btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:inherit;padding:0;white-space:nowrap}.wmp-sort-btn:hover{color:#6c3ef4}.wmp-sort-icon{display:inline-flex;align-items:center;color:#6c3ef4}.wmp-btn--sm{padding:4px 10px;font-size:12px;display:inline-flex;align-items:center;gap:4px}.wmp-body{flex:1;overflow-y:auto}.wmp-loading,.wmp-empty{text-align:center;padding:60px 24px;font-size:14px;color:#94a3b8}.wmp-table{width:100%;border-collapse:collapse;font-size:13.5px}.wmp-table thead th{text-align:left;font-size:11.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9;white-space:nowrap}.wmp-row{border-bottom:1px solid #f8fafc;transition:background .12s}.wmp-row:hover,.wmp-row--expanded{background:#fafafa}.wmp-table td{padding:12px 16px;vertical-align:middle}.wmp-user-cell{display:flex;align-items:center;gap:10px}.wmp-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.wmp-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c3ef4,#a855f7);color:#fff;font-size:12px;font-weight:700}.wmp-user-info{display:flex;flex-direction:column}.wmp-user-name{font-weight:600;color:#1a202c;font-size:13.5px}.wmp-user-email{color:#64748b;font-size:12px;margin-top:1px}.wmp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:50px;font-size:11.5px;font-weight:600;white-space:nowrap}.wmp-badge--enterprise{background:#dbeafe;color:#1e40af}.wmp-badge--console{background:#d1fae5;color:#065f46}.wmp-badge--regular{background:#f3e8ff;color:#7c3aed}.wmp-badge--unknown{background:#f1f5f9;color:#64748b}.wmp-badge--signup-google{background:#e8eef8;color:#1d4ed8}.wmp-badge--signup-email{background:#fef3c7;color:#b45309}.wmp-status{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:50px;font-size:11.5px;font-weight:600;white-space:nowrap}.wmp-status--pending{background:#fef9c3;color:#854d0e}.wmp-status--approved{background:#dcfce7;color:#14532d}.wmp-status--rejected{background:#fee2e2;color:#991b1b}.wmp-date{font-size:12.5px;color:#64748b;white-space:nowrap}.wmp-details-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:#6c3ef4;transition:background .12s,border-color .12s}.wmp-details-btn:hover{background:#f3e8ff;border-color:#6c3ef4}.wmp-no-details{font-size:12px;color:#94a3b8}.wmp-details-row td{padding:0;background:#f8fafc;border-bottom:1px solid #f1f5f9}.wmp-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 24px}.wmp-detail-item{display:flex;flex-direction:column;gap:3px}.wmp-detail-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.wmp-detail-value{font-size:13px;color:#1a202c;line-height:1.5}.wmp-detail-value--rejection{color:#dc2626}.wmp-actions{display:flex;gap:6px}.wmp-btn{padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s}.wmp-btn:disabled{opacity:.5;cursor:not-allowed}.wmp-btn--approve{background:#6c3ef4;color:#fff}.wmp-btn--approve:hover:not(:disabled){background:#5b32d0}.wmp-btn--reject{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.wmp-btn--reject:hover:not(:disabled){background:#fecaca}.wmp-btn--cancel{background:#f1f5f9;color:#475569}.wmp-btn--cancel:hover:not(:disabled){background:#e2e8f0}.wmp-action-done{font-size:12px;font-weight:600}.wmp-action-done--approved{color:#15803d}.wmp-action-done--rejected{color:#dc2626}.wmp-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:600;line-height:1;background:#e2e8f0;color:#475569;margin-left:5px}.wmp-tab--active .wmp-tab-count{background:#ede9fe;color:#6c3ef4}.wmp-load-more-wrap{display:flex;justify-content:center;padding:16px 24px}.wmp-load-more-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid #e2e8f0;border-radius:8px;padding:8px 22px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:background .12s,border-color .12s}.wmp-load-more-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.wmp-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.wmp-end-of-list{text-align:center;font-size:12px;color:#94a3b8;padding:12px 24px 16px;margin:0}.wmp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px}.wmp-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;width:100%;max-width:460px;padding:24px}.wmp-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wmp-modal-title{font-size:16px;font-weight:700;color:#1a202c;margin:0}.wmp-modal-desc{font-size:13.5px;color:#64748b;margin:0 0 16px;line-height:1.6}.wmp-modal-textarea{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13.5px;resize:vertical;outline:none;font-family:inherit;color:#1a202c;transition:border-color .15s;box-sizing:border-box}.wmp-modal-textarea:focus{border-color:#6c3ef4}.wmp-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.admin-plan-edit-form{grid-column:1 / -1;padding:12px 0 4px;width:100%}.admin-plan-edit-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;width:100%}.admin-plan-edit-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.admin-plan-edit-field label{font-size:12px;font-weight:500;color:#6b7280}.admin-plan-edit-field .credits-input{width:100%!important;box-sizing:border-box}.admin-plan-edit-field-narrow{flex:0 0 120px;min-width:120px}.admin-plan-edit-field-full{flex:1 1 100%}.admin-plan-description{resize:vertical;min-height:60px;font-size:13px!important;font-family:inherit!important;width:100%!important;box-sizing:border-box}.admin-plan-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.admin-plan-list-row{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:2px 0;width:100%}.admin-plan-list-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.admin-plan-list-desc{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-plan-list-meta{display:flex;align-items:center;gap:16px;flex-shrink:0}.credits-plan-row:has(.admin-plan-edit-form),.credits-plan-new-row{display:block!important;padding:4px 10px 12px}.admin-panel-modal{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000d,0 20px 50px #0003;width:95vw;max-width:1600px;height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.admin-panel-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff;flex-shrink:0}.admin-panel-title{font-size:16px;font-weight:600;color:#37352f;margin:0;flex-shrink:0}.ump-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.ump-panel{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e;width:min(960px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ump-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.ump-header-left{display:flex;align-items:center;gap:12px}.ump-header-icon{width:28px;height:28px;color:#6366f1;flex-shrink:0}.ump-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.ump-subtitle{font-size:13px;color:#888;margin:2px 0 0}.ump-header-actions{display:flex;align-items:center;gap:8px}.ump-refresh-btn,.ump-close-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:background .15s,color .15s}.ump-refresh-btn:hover,.ump-close-btn:hover{background:#f5f5f5;color:#111}.ump-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ump-search-bar{position:relative;padding:12px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.ump-search-icon{position:absolute;left:38px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#aaa;pointer-events:none}.ump-search-input{width:100%;height:38px;border:1px solid #e5e7eb;border-radius:8px;padding:0 36px 0 38px;font-size:14px;color:#333;background:#fafafa;outline:none;transition:border-color .15s,background .15s}.ump-search-input:focus{border-color:#6366f1;background:#fff}.ump-search-clear{position:absolute;right:38px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#aaa;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px}.ump-search-clear:hover{color:#555}.ump-content{flex:1;overflow-y:auto;padding:20px 24px}.ump-loading,.ump-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#999;font-size:14px}.ump-loading-icon,.ump-empty-icon{width:36px;height:36px;color:#ccc}.ump-empty span{font-size:13px;color:#bbb}.ump-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.ump-card{background:#fff;border:1.5px solid #e9eaec;border-radius:14px;padding:18px 16px 14px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s,border-color .18s,transform .18s}.ump-card:hover{box-shadow:0 6px 24px #00000017;border-color:#d1d5db;transform:translateY(-2px)}.ump-card-admin{border-color:#c7d2fe;background:linear-gradient(135deg,#f0f0ff,#fff 60%)}.ump-card-admin:hover{border-color:#a5b4fc;box-shadow:0 6px 24px #6366f11f}.ump-card-avatar-wrap{display:flex;align-items:center;gap:10px}.ump-card-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.ump-card-avatar-initials{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:#94a3b8;flex-shrink:0}.ump-card-avatar-initials.admin{background:#6366f1}.ump-role-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;letter-spacing:.02em}.ump-role-badge.admin{background:#e0e7ff;color:#4338ca}.ump-role-badge.user{background:#f1f5f9;color:#64748b}.ump-card-info{min-width:0}.ump-card-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ump-card-email{font-size:12px;color:#888;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ump-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #f0f0f0;padding-top:12px}.ump-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.ump-stat-icon{width:16px;height:16px}.ump-stat-icon.credits{color:#f59e0b}.ump-stat-icon.skills{color:#6366f1}.ump-stat-icon.recipes{color:#10b981}.ump-stat-value{font-size:15px;font-weight:700;color:#1a1a1a;line-height:1}.ump-stat-label{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.04em}.ump-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-top:1px solid #f0f0f0;flex-shrink:0}.ump-page-btn{width:32px;height:32px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:background .15s}.ump-page-btn:hover:not(:disabled){background:#f5f5f5}.ump-page-btn:disabled{opacity:.35;cursor:not-allowed}.ump-page-info{font-size:13px;color:#666}@keyframes ump-spin{to{transform:rotate(360deg)}}.ump-spin{animation:ump-spin .8s linear infinite}.ump-permissions{border-top:1px solid #f1f5f9;padding-top:10px;margin-top:10px}.ump-perm-toggle{display:flex;align-items:center;gap:5px;background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11.5px;color:#475569;cursor:pointer;transition:background .12s,border-color .12s;font-weight:500}.ump-perm-toggle:hover{background:#f1f5f9;border-color:#6c3ef4;color:#6c3ef4}.ump-perm-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.ump-perm-loading{font-size:12px;color:#94a3b8}.ump-perm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.ump-perm-label{font-size:12px;color:#475569;font-weight:500}.ump-perm-switch{position:relative;width:34px;height:18px;border-radius:50px;border:none;background:#cbd5e1;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.ump-perm-switch--on{background:#6c3ef4}.ump-perm-switch:disabled{opacity:.5;cursor:not-allowed}.ump-perm-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #00000026}.ump-perm-switch--on .ump-perm-switch-knob{left:18px}.approvals-empty{opacity:.6}.approvals-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.approvals-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:10px}.approvals-card-body{flex:1;min-width:0}.approvals-card-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;flex-wrap:wrap}.approvals-card-title{font-weight:600;font-size:.88rem}.approvals-status-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600}.approvals-status-pill.approved{background:#22c55e1f;color:var(--success, #16a34a)}.approvals-status-pill.rejected{background:#ef44441f;color:var(--color-danger, #ef4444)}.approvals-status-pill.pending{background:#f59e0b24;color:#b45309}.approvals-detail{font-size:.8rem;color:var(--text-muted, #64748b)}.approvals-detail-requester{font-weight:500}.approvals-vis-chip{display:inline-block;padding:1px 6px;border-radius:4px;font-weight:500}.approvals-vis-chip.from{background:#ef44441a}.approvals-vis-chip.to{background:#22c55e1a}.approvals-reason{font-size:.78rem;color:var(--text-muted, #94a3b8);margin-top:4px;font-style:italic}.approvals-meta{font-size:.72rem;color:var(--text-muted, #94a3b8);margin-top:2px}.approvals-actions{display:flex;gap:8px;flex-shrink:0}.approvals-btn-approve{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:6px;background:var(--success, #22c55e);color:#fff;border:none;font-weight:500;font-size:.8rem;cursor:pointer}.approvals-btn-approve:disabled{opacity:.5}.approvals-btn-reject{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:6px;background:transparent;color:var(--color-danger, #ef4444);border:1px solid rgba(239,68,68,.3);font-weight:500;font-size:.8rem;cursor:pointer}.approvals-btn-reject:disabled{opacity:.5}body.docs-active,body.docs-active #root{overflow:visible;height:auto}.docs{scrollbar-color:var(--color-border) transparent;scrollbar-width:thin}.docs ::-webkit-scrollbar{width:6px;height:6px}.docs ::-webkit-scrollbar-track{background:transparent}.docs ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px;border:1px solid transparent;background-clip:padding-box}.docs ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);border:1px solid transparent;background-clip:padding-box}.docs-sidebar,.docs-toc{scrollbar-width:none}.docs-sidebar::-webkit-scrollbar,.docs-toc::-webkit-scrollbar{width:0;background:transparent}.docs-sidebar:hover,.docs-toc:hover{scrollbar-width:thin}.docs-sidebar:hover::-webkit-scrollbar,.docs-toc:hover::-webkit-scrollbar{width:4px}.docs-sidebar:hover::-webkit-scrollbar-thumb,.docs-toc:hover::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.docs-sidebar:hover::-webkit-scrollbar-thumb:hover,.docs-toc:hover::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes docsFadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes docsStaggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes docsCalloutSlideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes docsPulseAccent{0%,to{box-shadow:0 0 #5e34f140}50%{box-shadow:0 0 0 4px #5e34f114}}@keyframes docsSearchDrop{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes docsBreadcrumbFade{0%{opacity:0}to{opacity:1}}@keyframes docsStepPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.docs{width:100vw;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.docs-skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:1000;padding:12px 24px;font-size:14px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);text-decoration:none;transition:top .2s ease}.docs-skip-link:focus{top:16px;outline:none;box-shadow:0 0 0 3px var(--color-accent-light)}.docs-topnav{position:sticky;top:0;z-index:50;height:52px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 3px #0000000a}.docs-topnav-inner{max-width:1440px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.docs-topnav-left{display:flex;align-items:center;gap:12px}.docs-topnav-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text-primary);transition:opacity var(--transition-fast)}.docs-topnav-brand:hover{opacity:.8}.docs-topnav-logo-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-accent-primary)}.docs-topnav-name{font-family:var(--font-heading);font-weight:600;font-size:15px;letter-spacing:-.01em}.docs-topnav-divider{width:1px;height:16px;background:var(--color-border-light)}.docs-topnav-docs-label{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-accent-primary);text-decoration:none;border-bottom:1.5px solid transparent;padding-bottom:1px;transition:border-color var(--transition-fast)}.docs-topnav-docs-label:hover{border-bottom-color:var(--color-accent-primary)}.docs-topnav-right{display:flex;align-items:center;gap:16px}.docs-topnav-link{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:4px 10px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.docs-topnav-link:hover{color:var(--color-accent-primary);background:var(--color-bg-secondary)}.docs-mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px}.docs-search-trigger{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);min-width:220px}.docs-search-trigger:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);box-shadow:0 0 0 2px #5e34f114}.docs-search-trigger kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-muted)}.docs-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;animation:docsBreadcrumbFade .15s ease}.docs-search-modal{width:560px;max-height:480px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;animation:docsSearchDrop .25s cubic-bezier(.16,1,.3,1)}.docs-search-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted)}.docs-search-input{flex:1;border:none;outline:none;background:none;font-family:var(--font-sans);font-size:15px;color:var(--color-text-primary)}.docs-search-input::placeholder{color:var(--color-text-muted)}.docs-search-esc{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted)}.docs-search-results{overflow-y:auto;padding:8px}.docs-search-empty{padding:24px;text-align:center;color:var(--color-text-muted);font-size:14px}.docs-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background var(--transition-fast)}.docs-search-result--selected{background:var(--color-bg-active)}.docs-search-result-title{font-size:14px;font-weight:500;color:var(--color-text-primary)}.docs-search-result-section{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.docs-body{display:flex;flex:1;max-width:1440px;margin:0 auto;width:100%}.docs-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--color-border-light);padding:28px 0;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}.docs-sidebar-overlay{display:none}.docs-sidebar-nav{padding:0 16px}.docs-sidebar-section{margin-bottom:4px}.docs-sidebar-group{padding-bottom:8px}.docs-sidebar-group--border{margin-top:4px;padding-top:10px;border-top:1px solid var(--color-border-light)}.docs-sidebar-group-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted);padding:4px 10px 6px;-webkit-user-select:none;user-select:none}.docs-sidebar-standalone{margin-top:4px;padding-top:10px;border-top:1px solid var(--color-border-light)}.docs-sidebar-standalone-link{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.docs-sidebar-standalone-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.docs-sidebar-badge{font-size:10px;font-weight:600;line-height:1;padding:2px 6px;border-radius:9999px;background:var(--color-accent-primary);color:#fff;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.docs-sidebar-section-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left}.docs-sidebar-section-toggle:hover{background:var(--color-bg-hover)}.docs-sidebar-section-chevron{flex-shrink:0;transition:transform .2s ease}.docs-sidebar-section-toggle--open .docs-sidebar-section-chevron{transform:rotate(90deg)}.docs-sidebar-list{list-style:none;margin:0;padding:2px 0 4px}.docs-sidebar-link{display:block;padding:5px 12px 5px 30px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13.5px;font-weight:400;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);line-height:1.5}.docs-sidebar-link:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.docs-sidebar-link--active{color:var(--color-accent-primary);background:var(--color-bg-active);font-weight:500}.docs-main-container{display:flex;flex:1;min-width:0}.docs-main{flex:1;min-width:0;padding:36px 52px 72px;max-width:900px}.docs-toc{width:240px;flex-shrink:0;padding:36px 24px 64px 0;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}.docs-toc-title{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:16px}.docs-toc-list{list-style:none;padding:0;margin:0}.docs-toc-item{margin-bottom:8px}.docs-toc-item a{display:block;font-family:var(--font-sans);font-size:13px;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);line-height:1.4;border-left:2px solid transparent;padding-left:12px}.docs-toc-item--l3 a{padding-left:24px;font-size:12.5px}.docs-toc-item a:hover{color:var(--color-text-primary)}.docs-toc-item--active a{color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);font-weight:500}@media (max-width: 1100px){.docs-toc{display:none}}.docs-breadcrumbs{display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:12.5px;color:var(--color-text-muted);margin-bottom:24px;animation:docsBreadcrumbFade .4s ease}.docs-breadcrumbs a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.docs-breadcrumbs a:hover{color:var(--color-accent-primary)}.docs-breadcrumb-sep{color:var(--color-text-light)}.docs-breadcrumb-current{color:var(--color-text-secondary)}.doc-page{max-width:780px}.doc-page-header{margin-bottom:36px;animation:docsFadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}.doc-page-title{font-family:var(--font-heading);font-weight:800;font-size:32px;letter-spacing:-.5px;color:var(--color-text-primary);margin:0 0 12px;line-height:1.2}.doc-page-description{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:0}.doc-page-body{animation:docsFadeSlideUp .55s cubic-bezier(.16,1,.3,1) .08s both}.doc-page-body h2{scroll-margin-top:88px;font-family:var(--font-heading);font-weight:700;font-size:24px;color:var(--color-text-primary);margin:48px 0 18px;letter-spacing:-.3px}.doc-page-body h3{scroll-margin-top:88px;font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-text-primary);margin:36px 0 14px}.doc-page-body p{font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--color-text-secondary);margin:0 0 18px}.doc-page-body ul,.doc-page-body ol{font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--color-text-secondary);margin:0 0 18px;padding-left:24px}.doc-page-body li{margin-bottom:8px}.doc-page-body strong{color:var(--color-text-primary);font-weight:600}.doc-page-body a{color:var(--color-accent-primary);text-decoration:none;font-weight:500}.doc-page-body a:hover{text-decoration:underline}.doc-page-body code{font-family:var(--font-mono);font-size:13px;padding:2px 6px;border-radius:4px;background:var(--color-bg-tertiary);color:var(--color-accent-primary)}.doc-page-body hr{border:none;border-top:1px solid var(--color-border-light);margin:40px 0}.doc-callout{border-radius:var(--radius-md);padding:16px 20px;margin:20px 0;animation:docsCalloutSlideIn .45s cubic-bezier(.16,1,.3,1) both}.doc-callout--tip{background:#f0fdf4;border-color:#22c55e}.doc-callout--warning{background:#fffbeb;border-color:#f59e0b}.doc-callout--info{background:#f0ecff;border-color:var(--color-accent-primary)}.doc-callout--note{background:var(--color-bg-secondary);border-color:var(--color-border)}.doc-callout-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.doc-callout-icon,.doc-callout-label{font-size:15px}.doc-callout-title{font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--color-text-primary)}.doc-callout-body{font-family:var(--font-sans);font-size:13.5px;line-height:1.65;color:var(--color-text-secondary)}.doc-callout-body p{margin:0;font-size:inherit}.doc-steps{list-style:none;padding:0;margin:24px 0;counter-reset:none}.doc-step{display:flex;gap:16px;margin-bottom:24px;animation:docsStaggerFadeIn .4s cubic-bezier(.16,1,.3,1) both}.doc-step:nth-child(1){animation-delay:.06s}.doc-step:nth-child(2){animation-delay:.12s}.doc-step:nth-child(3){animation-delay:.18s}.doc-step:nth-child(4){animation-delay:.24s}.doc-step:nth-child(5){animation-delay:.3s}.doc-step:nth-child(6){animation-delay:.36s}.doc-step:nth-child(7){animation-delay:.42s}.doc-step:nth-child(8){animation-delay:.48s}.doc-step-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--color-accent-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;animation:docsStepPop .35s cubic-bezier(.16,1,.3,1) both}.doc-step:nth-child(1) .doc-step-number{animation-delay:.1s}.doc-step:nth-child(2) .doc-step-number{animation-delay:.16s}.doc-step:nth-child(3) .doc-step-number{animation-delay:.22s}.doc-step:nth-child(4) .doc-step-number{animation-delay:.28s}.doc-step:nth-child(5) .doc-step-number{animation-delay:.34s}.doc-step:nth-child(6) .doc-step-number{animation-delay:.4s}.doc-step:nth-child(7) .doc-step-number{animation-delay:.46s}.doc-step:nth-child(8) .doc-step-number{animation-delay:.52s}.doc-step-content{flex:1;padding-top:4px}.doc-step-title{font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:4px}.doc-step-body{font-family:var(--font-sans);font-size:14px;line-height:1.65;color:var(--color-text-secondary)}.doc-step-body p{margin:0;font-size:inherit}.doc-guide-steps{list-style:none;padding:0;margin:28px 0;counter-reset:none}.doc-guide-step{margin-bottom:40px;animation:docsStaggerFadeIn .4s cubic-bezier(.16,1,.3,1) both}.doc-guide-step:nth-child(1){animation-delay:.05s}.doc-guide-step:nth-child(2){animation-delay:.12s}.doc-guide-step:nth-child(3){animation-delay:.19s}.doc-guide-step:nth-child(4){animation-delay:.26s}.doc-guide-step:nth-child(5){animation-delay:.33s}.doc-guide-step:nth-child(6){animation-delay:.4s}.doc-guide-step:nth-child(7){animation-delay:.47s}.doc-guide-step:nth-child(8){animation-delay:.54s}.doc-guide-step-header{display:flex;gap:16px;margin-bottom:16px}.doc-guide-step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--color-accent-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;animation:docsStepPop .35s cubic-bezier(.16,1,.3,1) both}.doc-guide-step:nth-child(1) .doc-guide-step-number{animation-delay:.08s}.doc-guide-step:nth-child(2) .doc-guide-step-number{animation-delay:.15s}.doc-guide-step:nth-child(3) .doc-guide-step-number{animation-delay:.22s}.doc-guide-step:nth-child(4) .doc-guide-step-number{animation-delay:.29s}.doc-guide-step:nth-child(5) .doc-guide-step-number{animation-delay:.36s}.doc-guide-step:nth-child(6) .doc-guide-step-number{animation-delay:.43s}.doc-guide-step:nth-child(7) .doc-guide-step-number{animation-delay:.5s}.doc-guide-step:nth-child(8) .doc-guide-step-number{animation-delay:.57s}.doc-guide-step-content{flex:1;min-width:0}.doc-guide-step-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:6px}.doc-guide-step-body{font-family:var(--font-sans);font-size:14px;line-height:1.65;color:var(--color-text-secondary)}.doc-guide-step-body p{margin:0 0 8px;font-size:inherit}.doc-guide-step-body p:last-child{margin-bottom:0}.doc-guide-visual{position:relative;margin:20px 0 0;padding:0;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #0000000f}.doc-guide-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border-light);min-height:200px}.doc-guide-visual-cell{background:var(--color-bg-primary);min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.doc-guide-img{width:100%;height:100%;object-fit:cover;display:block}.doc-guide-visual-cell--placeholder{background:var(--color-bg-secondary)}.doc-guide-placeholder-label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-muted)}.doc-guide-mock-wrap{display:flex;flex-direction:column;width:100%}.doc-guide-app-mock{display:flex;flex:1;min-width:0;overflow:hidden;height:320px;min-height:320px;background:var(--color-bg-primary)}.doc-guide-app-mock .sidebar-nav-link.mock-active{background:var(--color-accent-light);color:var(--color-accent-primary);font-weight:600}.doc-guide-mock-chat-panel{flex:1;min-height:0;display:flex;flex-direction:column}.doc-guide-mock-agents-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.doc-guide-mock-viewport{width:100%;min-height:220px;background:var(--color-bg-primary);display:flex;overflow:hidden}.doc-guide-mock-sidebar{width:120px;flex-shrink:0;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column}.doc-guide-mock-brand{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:700;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.doc-guide-mock-brand svg{flex-shrink:0;width:14px;height:14px;color:var(--color-accent-primary)}.doc-guide-mock-nav{display:flex;flex-direction:column;padding:6px 0}.doc-guide-mock-nav-item{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;color:var(--color-text-secondary);position:relative}.doc-guide-mock-nav-item svg{flex-shrink:0;width:12px;height:12px;color:inherit}.doc-guide-mock-nav-item--active{color:var(--color-accent-primary);background:var(--color-accent-light);font-weight:600}.doc-guide-mock-nav-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-accent-primary);border-radius:0 2px 2px 0}.doc-guide-mock-main{flex:1;display:flex;flex-direction:column;min-width:0}.doc-guide-mock-greeting{padding:12px 16px 4px;font-size:13px;font-weight:700;color:var(--color-text-primary);text-align:center}.doc-guide-mock-chat{flex:1;padding:8px 14px;display:flex;flex-direction:column;gap:8px;min-height:60px}.doc-guide-mock-msg{display:flex;gap:6px}.doc-guide-mock-msg--user{justify-content:flex-end}.doc-guide-mock-bubble{padding:8px 12px;border-radius:10px;font-size:11px;line-height:1.4;max-width:85%}.doc-guide-mock-bubble--user{background:var(--color-accent-primary);color:#fff;border-bottom-right-radius:4px}.doc-guide-mock-bubble--agent{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary);border-bottom-left-radius:4px}.doc-guide-mock-input-bar{padding:8px 12px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:6px;background:var(--color-bg-primary)}.doc-guide-mock-input-box{padding:8px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;font-size:12px;color:var(--color-text-muted)}.doc-guide-mock-input-actions{display:flex;align-items:center;gap:6px}.doc-guide-mock-toggle{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border-light)}.doc-guide-mock-toggle--active{color:var(--color-accent-primary);background:var(--color-accent-light);border-color:var(--color-accent-primary)}.doc-guide-mock-btn{padding:6px 14px;border-radius:8px;font-size:11px;font-weight:600;border:none;cursor:default}.doc-guide-mock-btn--primary{background:var(--color-accent-primary);color:#fff}.doc-guide-mock-step-bar{display:flex;border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.doc-guide-mock-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-right:1px solid var(--color-border-light);background:transparent}.doc-guide-mock-step:last-child{border-right:none}.doc-guide-mock-step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.doc-guide-mock-step--done .doc-guide-mock-step-num{background:#10b981;color:#fff}.doc-guide-mock-step--active .doc-guide-mock-step-num{background:var(--color-accent-primary);color:#fff}.doc-guide-mock-step--active{background:var(--color-accent-light)}.doc-guide-mock-step-label{font-size:10px;font-weight:500;color:var(--color-text-muted);text-align:center;line-height:1.2}.doc-guide-mock-step--active .doc-guide-mock-step-label{color:var(--color-accent-primary);font-weight:600}.doc-guide-caption{margin:0;padding:12px 20px;text-align:center;font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--color-text-secondary);background:linear-gradient(transparent,var(--color-bg-primary) 20%);border-top:1px solid var(--color-border-light)}.doc-guide-caption strong{color:var(--color-accent-primary);font-weight:600}.doc-page-nav{display:flex;justify-content:space-between;gap:24px;margin-top:56px;padding-top:32px;border-top:1px solid var(--color-border-light);animation:docsFadeSlideUp .4s cubic-bezier(.16,1,.3,1) .12s both}.doc-page-nav-link{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);min-width:0;max-width:280px}.doc-page-nav-link:hover{border-color:var(--color-accent-primary);background:var(--color-bg-active);transform:translateY(-2px);box-shadow:0 6px 20px #5e34f11a}.doc-page-nav-link--next{text-align:right;margin-left:auto}.doc-page-nav-label{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.doc-page-nav-title{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-accent-primary)}.docs-welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.docs-welcome-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);animation:docsStaggerFadeIn .4s cubic-bezier(.16,1,.3,1) both}.docs-welcome-card:nth-child(1){animation-delay:.05s}.docs-welcome-card:nth-child(2){animation-delay:.1s}.docs-welcome-card:nth-child(3){animation-delay:.15s}.docs-welcome-card:nth-child(4){animation-delay:.2s}.docs-welcome-card:nth-child(5){animation-delay:.25s}.docs-welcome-card:nth-child(6){animation-delay:.3s}.docs-welcome-card:nth-child(7){animation-delay:.35s}.docs-welcome-card,.docs-welcome-card:hover,.doc-page-body .docs-welcome-card,.doc-page-body .docs-welcome-card:hover{text-decoration:none}.docs-welcome-card:hover{border-color:var(--color-accent-primary);box-shadow:0 8px 24px #5e34f11a;transform:translateY(-3px)}.docs-welcome-card-title{font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--color-text-primary)}.docs-welcome-card-desc{font-family:var(--font-sans);font-size:13px;color:var(--color-text-muted);line-height:1.5}.doc-faq-item{border-bottom:1px solid var(--color-border-light)}.doc-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--color-text-primary);text-align:left;transition:color var(--transition-fast)}.doc-faq-question:hover{color:var(--color-accent-primary)}.doc-faq-chevron{flex-shrink:0;width:18px;height:18px;color:var(--color-text-muted);transition:transform .3s cubic-bezier(.16,1,.3,1)}.doc-faq-chevron--open{transform:rotate(180deg)}.doc-faq-answer{font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--color-text-secondary);overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,padding .35s cubic-bezier(.16,1,.3,1)}.doc-faq-answer--collapsed{max-height:0;opacity:0;padding:0}.doc-faq-answer--expanded{max-height:300px;opacity:1;padding:0 0 16px}@media (max-width: 1024px){.docs-main{padding:28px 32px 48px}.docs-welcome-grid{grid-template-columns:1fr}}@media (max-width: 768px){.docs-topnav-inner{padding:0 12px}.docs-topnav-name,.docs-topnav-divider,.docs-topnav-link{display:none}.docs-mobile-menu-btn{display:flex}.docs-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;background:var(--color-bg-primary);transform:translate(-100%);transition:transform var(--transition-normal);border-right:1px solid var(--color-border);height:100vh;padding-top:16px}.docs-sidebar--open{transform:translate(0)}.docs-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0000004d}.docs-main{padding:20px 20px 48px}.docs-search-trigger{min-width:0}.docs-search-trigger span,.docs-search-trigger kbd{display:none}.docs-search-modal{width:calc(100vw - 32px);margin:0 16px}.doc-page-title{font-size:26px}.doc-page-nav{flex-direction:column}.doc-page-nav-link{max-width:100%}.doc-page-nav-link--next{text-align:left}.doc-guide-visual-grid{grid-template-columns:1fr}.doc-guide-step{margin-bottom:32px}}@media (max-width: 380px){.docs-topnav-docs-label{display:none}.docs-search-trigger{padding:6px 8px}}@media (prefers-reduced-motion: reduce){.doc-page-header,.doc-page-body,.doc-callout,.doc-step,.doc-step-number,.doc-guide-step,.doc-guide-step-number,.docs-welcome-card,.doc-page-nav,.docs-breadcrumbs,.docs-search-modal,.docs-search-overlay,.docs-sidebar-link--active{animation:none!important}.doc-faq-answer{transition:none!important}}.doc-page-hero{margin-bottom:32px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);animation:docsFadeSlideUp .6s cubic-bezier(.16,1,.3,1) both}.doc-page-hero-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9}.doc-integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:24px 0 32px}.doc-integration-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.doc-integration-card:hover{border-color:var(--color-accent-primary);background:var(--color-bg-active);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.doc-integration-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.doc-integration-icon.gmail{background:#ea4335}.doc-integration-icon.sheets{background:#34a853}.doc-integration-icon.calendar{background:#4285f4}.doc-integration-icon.drive{background:#fbbc05}.doc-integration-icon.googledocs{background:#1a73e8}.doc-integration-icon.jira{background:#0052cc}.doc-integration-icon.salesforce{background:#00a1e0}.doc-integration-icon.slack{background:#4a154b}.doc-integration-info{display:flex;flex-direction:column;gap:2px}.doc-integration-info strong{font-size:14px;color:var(--color-text-primary)}.doc-integration-info span{font-size:12px;color:var(--color-text-secondary);line-height:1.4}@media (max-width: 640px){.doc-integrations-grid{grid-template-columns:1fr}}.doc-video-wrapper{margin:32px 0;animation:docsFadeSlideUp .6s cubic-bezier(.16,1,.3,1) both}.doc-video-container{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light)}.doc-video-element{width:100%;height:auto;display:block;object-fit:contain}.doc-video-caption{margin-top:12px;text-align:center;font-family:var(--font-sans);font-size:13.5px;color:var(--color-text-muted)}.docs-content-loading{padding:48px 24px;text-align:center;font-size:14px;color:var(--color-text-muted)}.doc-footer{margin-top:48px;padding-top:28px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:24px}.doc-footer-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px}.doc-footer-nav-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.doc-footer-nav-card:hover{border-color:var(--color-accent-primary);box-shadow:0 2px 8px #5956d614}.doc-footer-nav-next{justify-content:flex-end;text-align:right}.doc-footer-nav-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-fast)}.doc-footer-nav-card:hover .doc-footer-nav-icon{color:var(--color-accent-primary)}.doc-footer-nav-text{display:flex;flex-direction:column;gap:2px;min-width:0}.doc-footer-nav-hint{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.doc-footer-nav-label{font-size:14px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-footer-nav-card:hover .doc-footer-nav-label{color:var(--color-accent-primary)}@media (max-width: 480px){.doc-footer-prevnext{grid-template-columns:1fr}.doc-footer-nav-next{justify-content:flex-start;text-align:left}}.cl-table{display:flex;flex-direction:column}.cl-table-head{display:flex;gap:32px;padding:0 0 10px;border-bottom:1px solid var(--color-border-light);margin-bottom:4px}.cl-col-version{width:160px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.cl-col-desc{flex:1;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.cl-release{display:flex;gap:32px;padding:28px 0;border-bottom:1px solid var(--color-border-light)}.cl-release:last-child{border-bottom:none}.cl-release--latest{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:28px 20px;margin:4px -20px 0;border-bottom:none}.cl-release--latest+.cl-release{border-top:none}.cl-release-meta{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}h2.cl-release-title{font-size:16px;font-weight:700;color:var(--color-text-primary);line-height:1.35;margin:0;letter-spacing:0;scroll-margin-top:88px}.cl-release-date{font-size:13px;color:var(--color-text-muted)}.cl-release-content{flex:1;min-width:0}.cl-release-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 16px}.cl-accordions{display:flex;flex-direction:column;gap:6px}.cl-accordion{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden}.cl-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-primary);transition:background var(--transition-fast)}.cl-accordion-header:hover{background:var(--color-bg-hover)}.cl-accordion-chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.cl-accordion--open .cl-accordion-chevron{transform:rotate(180deg)}.cl-accordion-body{padding:0 14px 12px}.cl-accordion-list{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px}.cl-accordion-list li{font-size:13.5px;color:var(--color-text-secondary);line-height:1.55}.cl-accordion-list li a{color:var(--color-accent-primary);text-decoration:none;font-weight:500}.cl-accordion-list li a:hover{text-decoration:underline}.cl-accordion-list li code{font-size:12px;padding:1px 5px;border-radius:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light)}@media (max-width: 640px){.cl-table-head{display:none}.cl-release{flex-direction:column;gap:12px;padding:20px 0}.cl-release--latest{padding:20px 16px;margin:4px -16px 0}.cl-release-meta{width:100%;flex-direction:row;align-items:baseline;gap:10px}.cl-release-title{font-size:15px}.cl-release-date{font-size:12px}}.doc-was-helpful{margin-top:24px;padding:16px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.doc-was-helpful-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.doc-was-helpful-buttons{display:flex;gap:8px}.doc-was-helpful-btn{padding:6px 14px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.doc-was-helpful-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.doc-was-helpful--done{font-size:13px;color:var(--color-text-muted);margin:0;padding:0}.signup-page{display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto;background:#f5f2ff;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.signup-nav{width:100%;height:80px;display:flex;align-items:flex-end;flex-shrink:0}.signup-nav-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 70px 10px;display:flex;align-items:center}.signup-logo{width:145px;height:24px;object-fit:contain;display:block}.signup-nav-brand{display:flex;flex-direction:row;align-items:center;gap:8px}.signup-nav-icon{width:36px;height:34px;object-fit:contain;flex-shrink:0}.signup-nav-wordmark{height:22px;object-fit:contain}.signup-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 60px;gap:32px;width:100%}.signup-main--done{gap:24px}.signup-gradient-text{background:linear-gradient(90deg,#5e34f1,#d01692 49.04%,#ff3964);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-hero{display:flex;flex-direction:column;align-items:center;gap:5px}.signup-subtitle{margin:0;font-weight:600;font-size:48px;line-height:120%;color:#111;text-align:center}.signup-brand-row{display:flex;flex-direction:row;align-items:flex-start;gap:9px;flex-wrap:nowrap}.signup-brand-name{font-weight:700;font-size:82px;line-height:1.15;background:linear-gradient(90deg,#5e34f1,#d01692 49.04%,#ff3964);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;white-space:nowrap;padding-bottom:4px}.signup-beta-wrap{display:flex;flex-direction:column;align-items:flex-start;padding-top:13px}.signup-beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;background:linear-gradient(90.35deg,#e5deff .3%,#ffe5eb 102.49%);border-radius:64px;font-weight:500;font-size:14px;line-height:19px;color:#5e34f1;white-space:nowrap}.signup-card{background:#fff;border-radius:20px;padding:32px;width:405.5px;max-width:100%;box-sizing:border-box}.signup-card-inner{display:flex;flex-direction:column;align-items:stretch;gap:13px;width:100%}.signup-google-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 87px 35px #453d4c03,0 49px 29px #453d4c0a,0 22px 22px #453d4c12,0 5px 12px #453d4c14;border-radius:12px;cursor:pointer;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;box-sizing:border-box;transition:background .15s}.signup-google-btn:hover{background:#f9f9f9}.signup-or{width:100%;text-align:center;font-size:16px;line-height:22px;color:#959595}.signup-email-form{display:flex;flex-direction:column;gap:13px;width:100%}.signup-email-label{display:block;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#444;margin-bottom:-4px}.signup-email-input{width:100%;height:48px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 87px 35px #453d4c03,0 49px 29px #453d4c0a,0 22px 22px #453d4c12,0 5px 12px #453d4c14;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;color:#111;outline:none;box-sizing:border-box;transition:border-color .15s}.signup-email-input::placeholder{color:#959595}.signup-email-input:focus{border-color:#5e34f166}.signup-email-input--error{border-color:#ef4444!important}.signup-email-btn{display:flex;justify-content:center;align-items:center;width:100%;height:48px;padding:12px 16px;background:#111;border:1px solid rgba(0,0,0,.1);box-shadow:0 87px 35px #453d4c03,0 49px 29px #453d4c0a,0 22px 22px #453d4c12,0 5px 12px #453d4c14;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#fff;cursor:pointer;box-sizing:border-box;transition:opacity .15s}.signup-email-btn:hover:not(:disabled){opacity:.85}.signup-email-btn:disabled{opacity:.45;cursor:not-allowed}.signup-check-email-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#eff6ff;border:2px solid #3b82f6;border-radius:12px;text-align:center}.signup-check-email-icon{font-size:32px;line-height:1}.signup-check-email-title{font-family:Manrope,sans-serif;font-size:17px;font-weight:700;color:#1d4ed8}.signup-check-email-body{font-family:Manrope,sans-serif;font-size:14px;font-weight:500;color:#1e40af;line-height:1.5;margin:0}.signup-check-email-body strong{font-weight:800}.signup-check-email-hint{font-size:12px;color:#3b82f6;margin:0}.signup-resend-btn{background:none;border:none;color:#1d4ed8;font-weight:700;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.signup-auto-approved-banner{display:none}.signup-terms{font-size:16px;font-weight:400;line-height:140%;color:#111;text-align:center}.signup-terms a{color:#111;text-decoration:underline;text-underline-offset:2px}.signup-terms a:hover{color:#5e34f1}.onb-hero{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.onb-title{margin:0;font-weight:600;font-size:48px;line-height:120%;color:#111;text-align:center}.onb-title--plain{text-align:center}.onb-title--center{text-align:center;max-width:700px}.onb-subtitle{margin:0;font-weight:600;font-size:24px;line-height:120%;color:#5f6880}.onb-card{background:#fff;border-radius:20px;padding:32px;width:465.5px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.onb-consent-list{display:flex;flex-direction:column;gap:13px}.onb-checkbox-row{display:flex;flex-direction:row;align-items:flex-start;gap:0;cursor:pointer;position:relative}.onb-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.onb-checkbox-mark{flex-shrink:0;width:24px;height:24px;border:1.5px solid #959595;border-radius:4px;background:#fff;margin-right:8px;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;box-sizing:border-box}.onb-checkbox-input:checked+.onb-checkbox-mark{background:#5e34f1;border-color:#5e34f1}.onb-checkbox-input:checked+.onb-checkbox-mark:after{content:"";display:block;width:5px;height:9px;border:2px solid #ffffff;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.onb-checkbox-label{flex:1;font-size:16px;line-height:22px;font-weight:400;color:#959595}.onb-checkbox-label a{color:#5e34f1;text-decoration:underline;text-underline-offset:2px}.onb-continue-btn{display:flex;justify-content:center;align-items:center;width:100%;height:48px;padding:12px 16px;background:#111;border:1px solid rgba(0,0,0,.1);box-shadow:0 87px 35px #453d4c03,0 49px 29px #453d4c0a,0 22px 22px #453d4c12,0 5px 12px #453d4c14;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#fff;cursor:pointer;box-sizing:border-box;transition:opacity .15s}.onb-continue-btn:hover:not(:disabled){opacity:.85}.onb-continue-btn:disabled{opacity:.45;cursor:not-allowed}.onb-continue-btn--full{width:100%}.onb-form{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:503px;max-width:100%}.onb-name-row{display:flex;flex-direction:row;gap:20px}.onb-field{display:flex;flex-direction:column;gap:0;flex:1;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 87px 35px #453d4c03,0 49px 29px #453d4c0a,0 22px 22px #453d4c12,0 5px 12px #453d4c14;border-radius:12px;padding:12px 16px;box-sizing:border-box}.onb-field--full{flex:none;width:100%}.onb-field-label{font-size:14px;font-weight:600;color:#000;line-height:19px;margin-bottom:6px}.onb-field-input{border:none;outline:none;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;background:transparent;line-height:22px;width:100%;box-sizing:border-box}.onb-field-input::placeholder{color:#959595}.onb-phone-row{display:flex;flex-direction:row;align-items:center;gap:12px}.onb-phone-code{flex-shrink:0;height:32px;padding:5px 20px 5px 6px;background:#f8f8f8;border:1px solid #dcdcdc;border-radius:4px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#000;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:64px}.onb-phone-chevron{width:16px;height:16px;flex-shrink:0;margin-left:-28px;pointer-events:none;position:relative}.onb-phone-input{flex:1;border:none;outline:none;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;background:transparent;line-height:22px}.onb-phone-input::placeholder{color:#959595}.onb-select-wrap{position:relative;display:flex;align-items:center}.onb-select{width:100%;border:none;outline:none;background:transparent;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#3f3f3f;line-height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:24px}.onb-select option{color:#111}.onb-select-chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none;flex-shrink:0}.onb-textarea{border:none;outline:none;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;background:transparent;line-height:22px;width:100%;resize:none;box-sizing:border-box}.onb-textarea::placeholder{color:#959595}.onb-field--full .onb-select-wrap,.onb-field--full .onb-textarea{margin-top:6px}.onb-done-icon{width:70px;height:70px;border-radius:20px;background:linear-gradient(180deg,#6034f0,#d01692 48.56%,#fe3965);border:4px solid #ffffff;filter:drop-shadow(0px 10px 20px rgba(0,0,0,.15));display:flex;align-items:center;justify-content:center;box-sizing:border-box}.onb-done-check{width:36px;height:36px}.onb-done-sub{margin:0;font-size:24px;font-weight:600;line-height:120%;color:#5f6880;text-align:center;max-width:640px}.onb-browse-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#5e34f1;border-radius:100px;border:none;cursor:pointer;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:#fff;line-height:140%;transition:opacity .15s;min-width:217px}.onb-browse-btn:hover{opacity:.9}.onb-browse-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:100px;flex-shrink:0}.onb-browse-arrow svg{width:14px;height:12px}.onb-card--email-verify{width:405.5px;padding:32px}.onb-email-verify-form{display:flex;flex-direction:column;align-items:stretch;gap:13px;width:100%}.onb-email-verify-label{margin:0;font-size:16px;font-weight:400;line-height:22px;text-align:center;color:#111}.onb-email-verify-label strong{font-weight:600}.onb-email-verify-input{width:100%;height:48px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 87px 35px #453d4c03,0 49px 29px #453d4c0a,0 22px 22px #453d4c12,0 5px 12px #453d4c14;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;text-align:center;outline:none;box-sizing:border-box;transition:border-color .15s}.onb-email-verify-input::placeholder{color:#959595;text-align:center}.onb-email-verify-input:focus{border-color:#5e34f166}.onb-email-verify-resend{margin:0;font-size:16px;font-weight:400;line-height:22px;text-align:center;color:#959595}.onb-resend-btn{background:none;border:none;padding:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#959595;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.onb-resend-btn:hover{color:#5e34f1}.signup-main--split{flex-direction:row;align-items:center;justify-content:center;gap:50px;max-width:1300px;width:100%;margin:0 auto}.details-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:stretch;gap:24px;flex:1;max-width:600px}.details-agent-brand{display:flex;flex-direction:row;align-items:center;gap:11px}.details-agent-icon{width:38px;height:38px;border-radius:50%;flex-shrink:0}.details-agent-name{font-family:Manrope,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:1.2;color:#111}.details-heading{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:48px;line-height:120%;color:#111;margin:0}.details-subtext{font-family:Manrope,sans-serif;font-style:normal;font-weight:300;font-size:20px;line-height:140%;color:#111;margin:0}.details-form-card{display:flex;flex-direction:column;align-items:center;gap:32px;width:567px;flex-shrink:0;background:#fff;border-radius:20px;padding:32px;box-sizing:border-box}.details-form-title{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:120%;color:#111;margin:0;align-self:stretch;width:100%;text-align:center}.details-form{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%}.details-field-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.details-field-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#111;margin:0}.details-field-input{width:100%;height:48px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 12px #453d4c14,0 22px 22px #453d4c12;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;outline:none;box-sizing:border-box;transition:border-color .15s}.details-field-input::placeholder{color:#959595}.details-field-input:focus{border-color:#5e34f166}.details-phone-row{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;height:48px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 12px #453d4c14,0 22px 22px #453d4c12;border-radius:12px;overflow:hidden;box-sizing:border-box}.details-phone-code-wrap{position:relative;display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.1);padding:0 8px 0 12px;flex-shrink:0}.details-phone-code{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;outline:none;font-family:Manrope,sans-serif;font-size:15px;font-weight:500;color:#111;cursor:pointer;padding-right:20px;height:46px}.details-phone-chevron{width:14px;height:14px;pointer-events:none;flex-shrink:0}.details-phone-input{flex:1;height:46px;padding:0 16px;background:transparent;border:none;outline:none;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111}.details-phone-input::placeholder{color:#959595}.details-phone-code-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:46px;padding:0 28px 0 12px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 8px center;border:none;border-right:1px solid rgba(0,0,0,.1);outline:none;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;color:#111;flex-shrink:0;box-sizing:border-box;cursor:pointer;min-width:130px}.details-phone-code-select:focus{background-color:#f9f9f9}.details-field-select{width:100%;height:48px;padding:0 40px 0 16px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 12px #453d4c14,0 22px 22px #453d4c12;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;outline:none;box-sizing:border-box;cursor:pointer;transition:border-color .15s}.details-field-select:focus{border-color:#5e34f166}.details-field-select option[value=""]{color:#959595}.details-field-input--error,.details-field-select.details-field-input--error,.details-phone-code-select.details-field-input--error{border-color:#ef4444!important}.details-phone-row:has(.details-field-input--error){border-color:#ef4444}.details-field-error{margin:4px 0 0;font-size:12.5px;color:#ef4444;line-height:1.4}.details-textarea{width:100%;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 12px #453d4c14,0 22px 22px #453d4c12;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;color:#111;outline:none;box-sizing:border-box;resize:none;transition:border-color .15s;line-height:1.5}.details-textarea::placeholder{color:#959595}.details-textarea:focus{border-color:#5e34f166}.details-submit-btn{width:100%;height:48px;background:#111;color:#fff;border:none;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.details-submit-btn:hover:not(:disabled){background:#333}.details-submit-btn:disabled{opacity:.6;cursor:not-allowed}.waitlist-email-note{margin:0;font-size:14px;font-weight:400;color:#5f6880;text-align:center}.waitlist-email-note strong{font-weight:600;color:#111}.waitlist-signout-btn{background:none;border:none;padding:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;color:#959595;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-top:-8px}.waitlist-signout-btn:hover{color:#5e34f1}@media (max-width: 600px){.signup-nav-inner{padding:0 20px 10px}.signup-subtitle{font-size:32px}.signup-brand-name{font-size:56px}.signup-card,.onb-card{padding:24px 20px;width:100%}.onb-title{font-size:32px}.onb-subtitle{font-size:18px}.onb-form{width:100%}.onb-name-row{flex-direction:column}.onb-done-sub{font-size:18px}.signup-main--split{flex-direction:column;padding:24px 20px;gap:32px}.details-left{max-width:100%}.details-heading{font-size:32px}.details-subtext{font-size:16px}.details-form-card{width:100%}}.details-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;padding:10px 14px;margin-bottom:16px}.login-page{height:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);padding:20px}.login-container{width:100%;max-width:400px}.login-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px 40px;text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:24px}.login-logo svg{width:48px;height:48px;background:var(--color-accent-primary);border-radius:var(--radius-md);padding:8px;color:#fff}.login-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;font-family:var(--font-heading)}.login-header p{font-size:14px;color:var(--color-text-secondary);margin:0 0 32px;line-height:1.5}.login-content{margin:32px 0}.google-login-btn,.email-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.google-login-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.google-login-btn:active{background:var(--color-bg-tertiary)}.login-email-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.login-field{display:flex;flex-direction:column}.login-password-wrap{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:10px 42px 10px 14px;border:1.5px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, 8px);font-size:14px;color:var(--color-text-primary, #1a202c);background:var(--color-bg-primary, #fff);outline:none;transition:border-color .15s;box-sizing:border-box;font-family:var(--font-sans)}.login-input:focus{border-color:#6c3ef4}.login-eye-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:15px;padding:0;line-height:1;color:#9ca3af}.login-eye-btn:hover{color:#374151}.login-error{font-size:13px;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;margin:0;text-align:left}.login-submit-btn{width:100%;padding:11px;background:linear-gradient(135deg,#6c3ef4,#a855f7);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:var(--font-sans);margin-top:2px}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed}.login-submit-btn:not(:disabled):hover{opacity:.92}.login-signup-link{font-size:13px;color:var(--color-text-secondary, #64748b);margin:12px 0 0;text-align:center}.login-signup-link a{color:#6c3ef4;text-decoration:none;font-weight:600}.login-signup-link a:hover{text-decoration:underline}.google-icon{width:18px;height:18px;flex-shrink:0}.login-divider{display:flex;align-items:center;margin:16px 0;color:var(--color-text-muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{padding:0 12px}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border-light)}.login-footer p{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.5}@media (max-width: 768px){.login-page{padding:16px;min-height:100dvh}.login-container{max-width:100%}.login-card{padding:40px 24px}.google-login-btn,.email-login-btn{padding:12px 16px;font-size:15px}}@media (max-width: 480px){.login-card{padding:32px 20px}.login-header h1{font-size:22px}.login-header p{font-size:13px}.login-logo svg{width:40px;height:40px}}.lp-pw-input{padding-right:44px!important}.lp-link-row{font-family:Manrope,sans-serif;font-size:14px;color:#5f6880;text-align:center;margin:0}.lp-link-row a{color:#5e34f1;text-decoration:none;font-weight:600}.lp-link-row a:hover{text-decoration:underline}.sp-container--wide{max-width:440px}.sp-spinner-wrap{display:flex;justify-content:center;padding:24px 0 8px}.sp-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6c3ef4;border-radius:50%;animation:sp-spin .75s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-success-icon{font-size:40px;margin-bottom:8px}.sp-invalid-reason{margin-bottom:16px!important;text-align:left}.sp-link-btn{display:block;text-decoration:none;line-height:1.5}.sp-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.sp-strength-bars{display:flex;gap:4px;flex:1}.sp-strength-bar{flex:1;height:4px;border-radius:2px;transition:background .2s}.sp-strength-label{font-size:11px;font-weight:600;min-width:52px;text-align:right;font-family:var(--font-sans)}.sp-mismatch{font-size:12px;color:#ef4444;margin:4px 0 0}.sp-rules{list-style:none;padding:0;margin:2px 0 4px;display:flex;flex-direction:column;gap:4px}.sp-rule{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #64748b);font-family:var(--font-sans);transition:color .2s}.sp-rule--met{color:#16a34a}.sp-caps-warn{margin:4px 0 0;font-size:12px;color:#b45309;display:flex;align-items:center;gap:4px}.sp-rule-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}@media (max-width: 480px){.sp-container--wide{max-width:100%}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--font-weight-medium:500;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.shrink{flex-shrink:1}.grow{flex-grow:1}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-red-400{color:var(--color-red-400)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);width:240px;min-width:240px;height:100%;transition:width var(--transition-normal);flex-direction:column;display:flex}.sidebar-header{padding:var(--spacing-md)var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-divider);display:flex}.sidebar-header-icon{border-radius:var(--radius-sm);background:var(--color-accent-primary);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar-header-title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:14px;font-weight:700}.sidebar-section{margin-bottom:var(--spacing-md)}.sidebar-section-title{padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.sidebar-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;font-size:14px;display:flex}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-item.active{background:var(--color-bg-active);color:var(--color-text-primary)}.sidebar-item-icon{width:18px;height:18px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.sidebar-item.active .sidebar-item-icon{color:var(--color-text-primary)}.sidebar-item-badge{background:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:500}.app-header-agent-share-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.app-header-agent-share-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-secondary)}.agent-shared-badge{background:var(--color-accent-light);color:var(--color-accent-secondary);border-radius:var(--radius-sm);align-items:center;gap:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.app-header-agent-edit-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.app-header-agent-option:hover .app-header-agent-edit-btn{opacity:1}.app-header-agent-edit-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-secondary)}.app-header-inline-edit{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.app-header-inline-edit-input{border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);min-width:0;color:var(--color-text-primary);background:var(--color-bg-primary);outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:14px}.app-header-inline-edit-input:focus{box-shadow:0 0 0 2px var(--color-accent-light)}.app-header-inline-edit-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.app-header-inline-edit-btn.save{background:var(--color-accent-primary);color:#fff}.app-header-inline-edit-btn.save:hover{background:var(--color-accent-secondary)}.app-header-inline-edit-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.app-header-inline-edit-btn.cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar{background:var(--color-bg-primary);flex-direction:column;width:260px;min-width:220px;max-width:320px;height:100%;display:flex;overflow:hidden}.sidebar.collapsed{width:40px;min-width:40px;max-width:40px;padding-top:var(--spacing-sm);align-items:center}.sidebar.collapsed .sidebar-credits-btn{display:none}.sidebar-expand-btn{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-expand-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-top-header{justify-content:space-between;align-items:center;padding:12px;display:flex}.sidebar-logo{align-items:center;gap:8px;display:flex}.sidebar-logo-icon{flex-shrink:0;width:24px;height:24px}.sidebar-logo-text{font-family:var(--font-heading);color:var(--color-text-primary);font-size:16px;font-weight:700}.sidebar-toggle-btn{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-mobile-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:none}.sidebar-mobile-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-action-buttons{flex-direction:column;gap:2px;padding:0 8px 8px;display:flex}.sidebar-action-btn{color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:400;display:flex}.sidebar-action-btn svg{width:18px;height:18px}.sidebar-action-btn:hover{background:var(--color-bg-hover)}.sidebar-action-btn svg.sidebar-action-icon{color:var(--color-text-primary);flex-shrink:0;width:18px;height:18px}.sidebar-content{min-height:0;padding:var(--spacing-sm)var(--spacing-sm)0;flex:1;overflow:hidden auto}.sidebar-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding:8px;display:flex}.sidebar-user{flex:1;min-width:0;position:relative}.sidebar-user-row{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.sidebar-user-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;min-width:0;transition:all var(--transition-fast);background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:8px;display:flex}.sidebar-user-btn:hover{background:var(--color-bg-hover)}.sidebar-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.sidebar-user-avatar-initials{background:linear-gradient(135deg,var(--color-accent-primary)0%,#7c5cfc 100%);color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.sidebar-user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.sidebar-credits-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.sidebar-credits-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-medium,#0000001f)}.sidebar-credits-icon{width:14px;height:14px;color:var(--color-text-muted)}.sidebar-credits-value{white-space:nowrap}.sidebar-user-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);z-index:100;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.sidebar-user-menu-item{color:var(--color-text-primary);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.sidebar-user-menu-item svg{width:18px;height:18px}.sidebar-user-menu-item:hover{background:var(--color-bg-hover)}.sidebar-user-menu-item svg{color:var(--color-text-muted)}.sidebar-collapse-btn{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-section{flex-direction:column;margin-bottom:8px;display:flex}.sidebar-section-header{cursor:pointer;text-align:left;border-radius:var(--radius-md);width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px;display:flex}.sidebar-section-header:hover{background:var(--color-bg-hover)}.sidebar-chevron{width:18px;height:18px;color:var(--color-text-muted);opacity:0;flex-shrink:0;margin-left:4px;transition:transform .2s,opacity .15s}.sidebar-section-header:hover .sidebar-chevron{opacity:1}.sidebar-chevron.expanded{transform:rotate(90deg)}.sidebar-section-title{color:var(--color-text-muted);font-size:14px;font-weight:500}.sidebar-view-select-wrap{align-items:center;width:100%;display:flex;position:relative}.sidebar-view-select{width:100%;color:var(--color-text-muted);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:none;padding:8px 30px 8px 8px;font-family:inherit;font-size:14px;font-weight:500}.sidebar-view-select:hover{color:var(--color-text-primary)}.sidebar-view-select-icon{width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;right:8px}.sidebar-section-count{color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:10px;flex:0;width:fit-content;margin-left:6px;margin-right:auto;padding:1px 6px;font-size:12px;font-weight:500}.sidebar-section-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}.sidebar-section-header:hover .sidebar-section-actions{opacity:1}.sidebar-section-action{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-section-action:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-section-content{min-height:0;padding-left:4px;overflow-y:auto}.sidebar-empty{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;font-size:13px;display:flex}.sidebar-collapse-btn{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chat-history-list{padding:4px 0}.chat-history-item{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 10px;display:flex}.chat-history-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-history-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-history-item:hover,.chat-history-item.selected{background:var(--color-bg-hover)}.chat-history-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.chat-history-icon.scheduled{color:var(--color-text-muted)}.chat-history-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.chat-history-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;display:flex}.chat-history-item:hover .chat-history-actions{opacity:1}.chat-history-action-btn{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-history-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.chat-history-action-btn.delete:hover{color:#ef4444}.chat-history-edit{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.chat-history-edit-input{border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);min-width:0;color:var(--color-text-primary);background:var(--color-bg-primary);outline:none;flex:1;padding:4px 6px;font-family:inherit;font-size:13px}.chat-history-edit-input:focus{box-shadow:0 0 0 2px var(--color-accent-light)}.chat-history-edit-btn{border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-history-edit-btn.save{background:var(--color-accent-primary);color:#fff}.chat-history-edit-btn.save:hover{background:var(--color-accent-secondary)}.chat-history-edit-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.chat-history-edit-btn.cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chat-history-agent-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary);white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:flex}.chat-history-agent-badge svg{flex-shrink:0;width:12px;height:12px}.sidebar-skills-search{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;margin:4px 4px 8px;padding:6px 10px;display:flex}.sidebar-skills-search:focus-within{border-color:var(--color-accent-primary);background:var(--color-bg-primary)}.sidebar-skills-search-icon{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.sidebar-skills-search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.sidebar-skills-search-input::placeholder{color:var(--color-text-muted)}.sidebar-skills-search-clear{background:var(--color-bg-tertiary);width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-skills-search-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-skills-search-results{color:var(--color-text-muted);padding:0 8px 6px;font-size:11px}.sidebar-divider{background:var(--color-border);flex-shrink:0;height:1px;margin:0}.sidebar-nav-section{padding:var(--spacing-sm)var(--spacing-md);flex-shrink:0}.sidebar-nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;font-size:14px;font-weight:400;display:flex}.sidebar-nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav-link.has-new-badge{border:1px solid var(--color-accent-primary);background:#5956d60f}.sidebar-skills-help-btn{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.sidebar-skills-help-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-primary)}.sidebar-new-badge{letter-spacing:.02em;color:#fff;background:var(--color-accent-primary);white-space:nowrap;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600;line-height:16px;animation:.3s badgeFadeIn}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sidebar-mobile-toggle{z-index:1001;background:var(--color-bg-primary);border-radius:var(--radius-md);width:40px;height:40px;box-shadow:var(--shadow-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:none;position:fixed;top:12px;left:12px}.sidebar-mobile-toggle:hover{background:var(--color-bg-hover)}.sidebar-mobile-toggle:active{transform:scale(.95)}.sidebar-mobile-toggle.hidden{display:none!important}.sidebar-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.sidebar-mobile-overlay.visible{opacity:1;pointer-events:auto}@media (max-width:768px){.sidebar-mobile-toggle{display:flex}.sidebar-mobile-overlay{display:block}.sidebar{z-index:1000;width:280px;max-width:85vw;height:100dvh;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;max-width:85vw;min-width:unset;align-items:stretch;padding-top:0;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar-expand-btn{display:none}.sidebar-top-header{padding:16px 12px}.sidebar-toggle-btn{display:none}.sidebar-mobile-close{display:flex}.sidebar-action-btn{padding:12px 14px;font-size:15px}.sidebar-nav-link{padding:12px 14px}.chat-history-item{padding:10px 12px}.chat-history-title{font-size:14px}.chat-history-actions,.sidebar-section-actions{opacity:1}.sidebar-bottom{border-top:1px solid var(--color-border-light);padding:12px}.sidebar-user-btn{padding:10px}.sidebar-user-menu{margin-top:4px;margin-bottom:0;top:100%;bottom:auto}}@media (max-width:480px){.sidebar,.sidebar.collapsed{width:100%;max-width:100%}}.chat-panel{border-right:1px solid var(--color-border-light);background:var(--color-bg-primary);flex-direction:column;flex:1;min-width:0;min-height:0;transition:flex .2s;display:flex}.chat-panel:last-child{border-right:none}.chat-panel.collapsed{background:var(--color-bg-secondary);min-width:48px;max-width:48px;padding-top:var(--spacing-sm);justify-content:flex-start;align-items:center;flex:0 0 48px!important}.chat-panel-expand-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;width:40px;padding:8px 4px;display:flex}.chat-panel-expand-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chat-panel-collapsed-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:500}.chat-header{padding:var(--spacing-md)var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-primary);justify-content:space-between;align-items:center;min-height:52px;display:flex}.chat-header-left{align-items:center;gap:var(--spacing-md);display:flex}.chat-header-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.chat-header-icon.designer,.chat-header-icon.agent{background:var(--color-accent-light);color:var(--color-accent-primary)}.chat-header-title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:14px;font-weight:700}.chat-header-subtitle{color:var(--color-text-muted);font-size:12px}.chat-header-actions{align-items:center;gap:var(--spacing-xs);display:flex}.chat-messages{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;padding-top:60px;padding-left:12%;padding-right:12%;display:flex;overflow-y:auto}.chat-empty{padding:var(--spacing-xl);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-empty-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;font-size:24px;display:flex}.chat-empty-icon.designer,.chat-empty-icon.agent{background:var(--color-accent-light);color:var(--color-accent-primary)}.chat-empty-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:700}.chat-greeting{font-family:var(--font-heading);color:var(--color-text-primary);margin:0 0 12px;font-size:36px;font-weight:700}.chat-empty-description{color:var(--color-text-muted);max-width:400px;font-size:15px;line-height:1.6}.chat-panel-empty{flex-direction:column;display:flex}.chat-header-minimal{background:0 0;border-bottom:none;justify-content:flex-end}.chat-empty-centered{padding:var(--spacing-xl);text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding-top:30vh;display:flex;position:relative}.chat-greeting{flex-shrink:0;margin-bottom:10px}.chat-daily-quote{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);border:1px solid #6366f126;border-radius:12px;align-items:flex-start;gap:8px;max-width:560px;margin:0 auto 28px;padding:12px 16px;animation:.6s both quote-fade-in;display:flex}.chat-daily-quote-icon{color:#6366f1;opacity:.85;flex-shrink:0;width:15px;height:15px;margin-top:2px}.chat-daily-quote-text{color:#555;text-align:left;margin:0;font-size:13px;font-style:italic;line-height:1.6}@keyframes quote-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-input-centered{flex-shrink:0;width:100%;max-width:700px}.chat-input-centered .chat-input-container{background:0 0;border-top:none;padding:0}.chat-input-centered .chat-input-textarea{font-size:15px}.chat-composer-stack{flex-direction:column;display:flex}.chat-sticky-todo{background:var(--color-bg-primary);padding:0 12%}.todo-plan-card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.todo-plan-sticky{margin:0 0 8px;box-shadow:0 6px 18px #0f172a0f}.todo-plan-inline{margin:8px 0 4px}.todo-plan-header{width:100%;color:inherit;text-align:left;background:0 0;border:none;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.todo-plan-header.clickable{cursor:pointer}.todo-plan-header.clickable:hover{background:#0f172a05}.todo-plan-chevron{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.todo-plan-heading{flex:1;min-width:0}.todo-plan-title-row{align-items:center;gap:8px;min-width:0;display:flex}.todo-plan-title{color:var(--color-text-primary);font-size:12px;font-weight:700}.todo-plan-progress{color:var(--color-text-muted);font-size:11px;font-weight:600}.todo-plan-explanation{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.todo-plan-explanation.collapsed{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.todo-plan-counts{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding-left:8px;display:inline-flex}.todo-plan-count{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.todo-plan-items{flex-direction:column;gap:8px;padding:0 14px 14px;display:flex}.todo-plan-item{align-items:flex-start;gap:10px;display:flex}.todo-plan-step{color:var(--color-text-primary);font-size:13px;line-height:1.45}.todo-status-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.todo-status-icon.pending{color:var(--color-text-muted)}.todo-status-icon.in-progress{color:var(--color-accent-primary)}.todo-status-icon.completed{color:#16a34a}.todo-status-icon.in-progress svg{animation:1.1s linear infinite todoSpin}@keyframes todoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-suggestions{gap:var(--spacing-sm);margin-top:var(--spacing-xl);flex-direction:column;width:100%;max-width:320px;display:flex}.chat-suggestion-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:13px;display:flex}.chat-suggestion-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-primary)}.chat-starter-prompts{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:700px;display:flex}.chat-starter-prompt-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:20px;align-items:center;gap:8px;width:auto;max-width:600px;padding:8px 6px 8px 16px;transition:all .2s;display:inline-flex}.chat-starter-prompt-item:hover{border-color:var(--color-border);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.chat-starter-prompt-icon{color:var(--color-accent-primary);opacity:.7;flex-shrink:0}.chat-starter-prompt-item:hover .chat-starter-prompt-icon{opacity:1}.chat-starter-prompt-text{color:var(--color-text-secondary);text-align:left;flex:1;font-size:13px;font-weight:500}.chat-starter-prompt-item:hover .chat-starter-prompt-text{color:var(--color-text-primary)}.chat-starter-prompt-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.chat-starter-prompt-actions .chat-follow-up-action-btn{opacity:0}.chat-starter-prompt-item:hover .chat-starter-prompt-actions .chat-follow-up-action-btn{opacity:1;color:var(--color-text-muted)}.chat-starter-prompts-loading{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:700px;margin-top:32px;display:flex}.starter-prompt-skeleton{background:linear-gradient(90deg,var(--color-bg-secondary)25%,var(--color-bg-tertiary)50%,var(--color-bg-secondary)75%);background-size:200% 100%;border-radius:20px;width:180px;height:40px;animation:1.5s infinite skeletonShimmer}.starter-prompt-skeleton:nth-child(2){width:220px;animation-delay:.1s}.starter-prompt-skeleton:nth-child(3){width:160px;animation-delay:.2s}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-feedback-prompt{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:24px;font-size:13px;display:flex}.chat-feedback-prompt-link{color:var(--color-accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:opacity .15s}.chat-feedback-prompt-link:hover{opacity:.8}.chat-feedback-prompt-dismiss{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:all .15s;display:flex}.chat-feedback-prompt-dismiss:hover{opacity:1;background:var(--color-bg-hover)}.message{align-items:flex-start;gap:var(--spacing-md);max-width:100%;animation:.3s messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;padding-left:15%}.message.assistant{padding-right:5%}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:4px;font-size:14px;transition:all .3s;display:flex;overflow:hidden}.message-avatar.user{background:linear-gradient(135deg,var(--color-accent-primary)0%,#7c5cfc 100%);color:#fff}.message-avatar.assistant{background:var(--color-accent-light);color:var(--color-accent-primary);border:1.5px solid var(--color-border-light)}.message-avatar.assistant.streaming{border-color:var(--color-accent-primary);animation:2s ease-in-out infinite avatarPulse}@keyframes avatarPulse{0%,to{box-shadow:0 0 #5956d633}50%{box-shadow:0 0 0 6px #5956d600}}.message-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.message-content{min-width:0;max-width:90%}.message-bubble{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);word-wrap:break-word;font-size:16px;line-height:1.5}.message.user .message-bubble{background:var(--color-accent-primary);border-bottom-right-radius:var(--radius-sm);color:#fff!important}.message.user .message-bubble .prose{font-size:16px;color:#fff!important}.message.user .message-bubble .prose code{color:#fff;background:#fff3}.message.assistant .message-bubble{color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm);padding-left:0;padding-top:var(--spacing-sm);background:0 0;border:none}.message.assistant .message-bubble .prose{font-size:16px}.content-blocks{flex-direction:column;gap:2px;display:flex}.message.assistant .message-bubble .prose h1,.message.assistant .message-bubble .prose h2,.message.assistant .message-bubble .prose h3{border-bottom:1px solid var(--color-border-light);margin-bottom:.5em;padding-bottom:0}.message.assistant .message-bubble .prose h1:first-child,.message.assistant .message-bubble .prose h2:first-child,.message.assistant .message-bubble .prose h3:first-child{margin-top:0}.message.assistant .message-bubble .prose p+p{margin-top:.6em}.message.assistant .message-bubble .prose ul,.message.assistant .message-bubble .prose ol{background:0 0;border-radius:0;margin:.5em 0;padding:0 0 0 1.625em}.message.assistant .message-bubble .prose li{padding:.1em 0}.message.assistant .message-bubble .prose li+li{border-top:none;margin-top:0;padding-top:.1em}.message.assistant .message-bubble .prose ul ul,.message.assistant .message-bubble .prose ol ol,.message.assistant .message-bubble .prose ul ol,.message.assistant .message-bubble .prose ol ul{background:0 0;margin:.1em 0 0;padding:0 0 0 1.625em}.message.assistant .message-bubble .prose ul ul li,.message.assistant .message-bubble .prose ol ol li{border-top:none;margin-top:0;padding-top:.1em}.message.assistant .message-bubble .prose strong{color:var(--color-text-primary);font-weight:600}.code-block-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);margin:.75em 0;position:relative;overflow:hidden}.code-block-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.code-block-language{color:var(--color-text-muted);text-transform:lowercase;font-size:11px;font-weight:500;font-family:var(--font-mono)}.code-block-copy{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.code-block-copy:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.code-block-copy svg{flex-shrink:0}.code-block-wrapper pre{padding:var(--spacing-md)!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important}.code-block-wrapper pre code{font-size:14px;line-height:1.5}.code-block-actions{align-items:center;gap:2px;display:flex}.table-actions{z-index:5;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:6px;right:6px}.table-wrapper{position:relative}.table-copy-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:3px 6px;display:flex}.table-copy-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.download-menu{position:relative}.download-menu-trigger{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:3px 6px;display:flex}.download-menu-trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.download-menu-dropdown{z-index:50;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-md);margin-top:4px;padding:4px;position:absolute;top:100%;right:0}.download-menu-item{width:100%;color:var(--color-text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.download-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.download-menu-item-label{font-weight:500}.download-menu-item-format{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.thinking-indicator{color:var(--color-text-muted);align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:400;display:flex}.thinking-indicator-dot{background:var(--color-accent-primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite thinkingPulse}@keyframes thinkingPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.streaming-status{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:4px;padding:6px 0;font-size:12px;font-weight:400;display:flex}.streaming-status-dot{background:var(--color-accent-primary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite thinkingPulse}.message-footer{margin-top:var(--spacing-xs);padding:0 var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-xs);display:flex}.message-time{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.message-time-indicator{color:var(--color-text-light);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:10px}.message.user .message-footer{justify-content:flex-end}.message-badges{padding:0 var(--spacing-sm);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.message-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.message-badge svg{flex-shrink:0;width:12px;height:12px}.message-badge-tool{color:var(--color-accent-primary);cursor:pointer;background:#5956d61a;border:1px solid #5956d633;outline:none}.message-badge-tool:hover{background:#5956d626;border-color:#5956d64d}.message-badge-tool:active{transform:scale(.98)}.message-badge-rag{color:var(--color-accent-primary);background:#5956d614;border:1px solid #5956d626}.message-badge-rag:hover{background:#5956d61f;border-color:#5956d640}.message-badge-tokens{color:#5a5a5a;cursor:pointer;background:#8b8b8b1a;border:1px solid #8b8b8b33;outline:none;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.message-badge-tokens:hover{background:#8b8b8b26;border-color:#8b8b8b4d}.message-badge-tokens:active{transform:scale(.98)}.message-badge-time{color:#b8860b;background:#f0b4291a;border:1px solid #f0b42933;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.message-badge-time:hover{background:#f0b42926;border-color:#f0b4294d}.message-info-btn{color:var(--color-text-muted);cursor:pointer;opacity:.6;background:0 0;border:1px solid #37352f1f;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.message-info-btn:hover{color:var(--color-text);opacity:1;background:#37352f0f;border-color:#37352f33;transform:scale(1.05)}.message-info-btn:active{transform:scale(.95)}.tool-details-expanded{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid #5956d633;margin-top:8px;padding:12px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tool-details-header{border-bottom:1px solid #5956d626;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.tool-details-title{color:var(--color-accent-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.tool-details-title svg{flex-shrink:0}.tool-details-close{color:var(--color-text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.tool-details-close:hover{opacity:1;background:#37352f0f}.tool-details-content{flex-direction:column;gap:12px;display:flex}.tool-details-section{flex-direction:column;gap:6px;display:flex}.tool-details-section-label{color:#5a5a5a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.tool-details-section-value{background:#fff;border:1px solid #37352f17;border-radius:6px;max-height:200px;padding:10px;overflow-y:auto}.tool-details-section-value pre{color:#1a1a1a;white-space:pre-wrap;word-break:break-word;margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px}@keyframes pulse{50%{opacity:.5}}.message-badge.streaming{background:#5956d61f;border-color:#5956d64d;animation:2s ease-in-out infinite pulse}.ai-thinking-block{width:100%;margin:6px 0;display:block}.ai-thinking-header{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;transition:opacity .15s;display:flex}.ai-thinking-header:hover{opacity:.8}.ai-thinking-header svg{color:var(--color-text-muted);flex-shrink:0}.ai-thinking-icon{color:var(--color-text-muted)}.ai-thinking-label{color:var(--color-text-muted);font-size:13px;font-weight:400}.ai-thinking-content{color:var(--color-text-secondary);border-left:2px solid var(--color-border-light);margin-left:7px;padding:8px 0 8px 22px;font-size:13px;line-height:1.6}.ai-thinking-content .prose{font-size:13px}.ai-thinking-content p{margin:0 0 8px}.ai-thinking-content p:last-child{margin-bottom:0}.inline-tool-call{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;margin:12px 0;animation:.2s ease-out fadeIn;display:block;overflow:hidden}.inline-tool-call.running{background:#5956d608;border-color:#5956d666}.inline-tool-call.completed{border-color:var(--color-border)}.inline-tool-call-header{box-sizing:border-box;cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.inline-tool-call-header:hover{background:var(--color-bg-hover)}.inline-tool-call-header svg{color:var(--color-text-muted);flex-shrink:0}.inline-tool-call-header svg.text-green-500{color:#22c55e}.inline-tool-call-name{font-family:var(--font-mono);color:var(--color-accent-secondary);font-size:12px}.inline-tool-call-details{border-top:1px solid var(--color-border-light);padding:0 12px 12px}.inline-tool-call-section{margin-top:8px}.inline-tool-call-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.inline-tool-call-code{font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:200px;padding:8px 10px;font-size:11px;line-height:1.5;overflow:auto}.inline-tool-call-name.error-label{color:var(--color-accent-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.agent-activity-block{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;margin:12px 0;animation:.2s ease-out fadeIn;display:block;overflow:hidden}.agent-activity-block.running{background:#60a5fa0d;border-color:#60a5fa80}.agent-activity-block.completed{border-color:var(--color-border)}.agent-activity-header{box-sizing:border-box;cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.agent-activity-header:hover:not(:disabled){background:var(--color-bg-hover)}.agent-activity-header:disabled{cursor:default}.agent-activity-header svg{color:var(--color-text-muted);flex-shrink:0}.agent-activity-header svg.text-green-500{color:#22c55e}.agent-activity-icon{color:#60a5fa}.agent-activity-block.completed .agent-activity-icon{color:#22c55e}.agent-activity-name{color:var(--color-accent-secondary);font-size:12px;font-weight:500}.agent-activity-label{color:var(--color-text-primary);font-size:12px;font-weight:500}.agent-activity-badge{background:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:10px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:500}.agent-activity-content{border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);padding:8px 12px 12px;font-size:13px;line-height:1.6}.agent-activity-content p{margin:8px 0}.agent-activity-content pre{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:200px;padding:8px 10px;font-size:11px;overflow:auto}.agent-tool-calls{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.agent-tool-call-item{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);overflow:hidden}.agent-tool-call-header{cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.agent-tool-call-header:hover:not(:disabled){background:var(--color-bg-hover)}.agent-tool-call-header:disabled{cursor:default}.agent-tool-call-header svg{color:var(--color-text-muted);flex-shrink:0}.agent-tool-call-name{font-family:var(--font-mono);color:var(--color-accent-secondary);font-size:11px}.agent-tool-call-label{color:var(--color-text-primary);font-size:11px}.agent-tool-call-item.running{background:#60a5fa0d;border-color:#60a5fa80}.agent-tool-call-item.running .agent-tool-call-header svg{color:#60a5fa}.agent-tool-call-label.error-label{color:var(--color-text-primary)}.agent-tool-call-details{border-top:1px solid var(--color-border-light);background:var(--color-bg-tertiary);padding:8px 10px}.agent-tool-call-section{margin-bottom:8px}.agent-tool-call-section:last-child{margin-bottom:0}.agent-tool-call-section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.agent-tool-call-code{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--color-bg-primary);border-radius:var(--radius-sm);max-height:150px;margin:0;padding:6px 8px;font-size:10px;line-height:1.4;overflow-y:auto}.agent-tool-call-result{border-top:1px solid var(--color-border-light);background:var(--color-bg-tertiary);padding:8px 10px}.agent-tool-call-result pre{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;max-height:150px;margin:0;font-size:10px;line-height:1.4;overflow-y:auto}.agent-section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;margin-bottom:6px;font-size:11px;font-weight:600}.agent-message-section{margin-top:8px}.agent-message-content{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.agent-message-content p{margin:4px 0}.agent-thinking-section{margin-top:4px}.action-chip{flex-direction:column;margin:3px 0;animation:.15s ease-out fadeIn;display:inline-flex}.action-chip.action-chip-merged{animation:.35s ease-out chipMerge}@keyframes chipMerge{0%{opacity:.5;transform:scaleX(.92)scaleY(.92)}50%{opacity:.85;transform:scaleX(1.02)scaleY(1.02)}to{opacity:1;transform:scaleX(1)scaleY(1)}}.action-chip-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:5px;padding:3px 10px 3px 6px;font-size:12px;font-weight:400;transition:all .15s;display:inline-flex}.action-chip-btn:hover:not(:disabled){color:var(--color-text-secondary)}.action-chip-btn:disabled{cursor:default}.action-chip.running .action-chip-btn{color:var(--color-accent-secondary)}.action-chip.completed .action-chip-btn svg{color:#22c55e}.action-chip.error .action-chip-btn svg{color:#ef4444}.action-chip.cancelled .action-chip-btn svg{color:#9ca3af}.action-chip.cancelled .action-chip-btn{opacity:.7}.action-chip-details{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-top:4px;margin-left:8px;padding:8px 12px}.action-chip-call-group{border-bottom:1px solid var(--color-border-light);padding:6px 0}.action-chip-call-group:last-child{border-bottom:none;padding-bottom:0}.action-chip-call-group:first-child{padding-top:0}.action-chip-call-number{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.action-chip-section{margin-bottom:6px}.action-chip-section:last-child{margin-bottom:0}.action-chip-section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;font-weight:600}.action-chip-code{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);max-height:200px;margin:0;padding:6px 8px;font-size:11px;line-height:1.4;overflow-y:auto}.action-chip-code.error-code{color:#b91c1c}.error-icon{color:#ef4444}.chevron-icon{color:var(--color-text-muted);flex-shrink:0}.chat-attachments-preview{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:10px 10px 6px;display:flex;overflow:auto hidden}.chat-attachments-preview::-webkit-scrollbar{display:none}.chat-attachment-chip{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;max-width:240px;padding:8px 12px;display:flex;position:relative}.chat-attachment-chip:hover{border-color:var(--color-border)}.chat-attachment-chip .chip-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.chat-attachment-chip .chip-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-attachment-chip .chip-icon.pdf{color:#fff;background:#ef4444}.chat-attachment-chip .chip-icon.csv,.chat-attachment-chip .chip-icon.excel{color:#fff;background:#22c55e}.chat-attachment-chip .chip-icon.docx{color:#fff;background:#2563eb}.chat-attachment-chip .chip-icon.text{color:#fff;background:#6366f1}.chat-attachment-chip .chip-icon.image{color:#fff;background:#3b82f6}.chat-attachment-chip .chip-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-attachment-chip .chip-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.chat-attachment-chip .chip-meta{color:var(--color-text-muted);font-size:12px;line-height:1.2}.chat-attachment-chip .chip-remove{background:var(--color-bg-primary);border:1px solid var(--color-border);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:-6px;right:-6px}.chat-attachment-chip:hover .chip-remove{opacity:1}.chat-attachment-chip .chip-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.chat-input-wrapper.has-attachments .chat-input{padding-top:4px}.message-attachments{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.message-attachment{border-radius:10px;transition:transform .15s;overflow:hidden}.message-attachment:hover{transform:translateY(-1px)}.message-attachment-image{cursor:pointer;border:1px solid #fff3;border-radius:10px;max-width:240px;max-height:180px;transition:all .2s}.message-attachment-image:hover{border-color:#fff6;box-shadow:0 4px 12px #0003}.message-attachment-expired{background:#0003;border:1px dashed #fff3;border-radius:10px;align-items:center;gap:10px;min-width:180px;padding:12px 16px;display:flex}.message-attachment-expired.image{background:linear-gradient(135deg,#00000040,#00000026)}.message-attachment-expired .expired-icon{color:#fff6;flex-shrink:0;width:32px;height:32px}.message-attachment-expired .expired-info{flex-direction:column;gap:2px;min-width:0;display:flex}.message-attachment-expired .expired-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.message-attachment-expired .expired-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.message-attachment-file{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.message-attachment-file:hover{background:#ffffff2e;border-color:#fff3}.message-attachment-file .file-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message-attachment-file .file-icon-wrapper.pdf{color:#fca5a5;background:#dc262633}.message-attachment-file .file-icon-wrapper.csv,.message-attachment-file .file-icon-wrapper.excel{color:#86efac;background:#16a34a33}.message-attachment-file .file-icon-wrapper.docx{color:#93c5fd;background:#2563eb33}.message-attachment-file .file-icon-wrapper.text{color:#a5b4fc;background:#6366f133}.message-attachment-file .file-info{flex-direction:column;gap:2px;min-width:0;display:flex}.message-attachment-file .file-name{color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;font-weight:500;overflow:hidden}.message-attachment-file .file-meta{color:#fff9;font-size:11px}.message-attachment-icon{color:#ffffffb3;width:18px;height:18px}.message-attachment-image-wrapper{display:inline-block;position:relative}.message-attachment-image-wrapper .attachment-download-btn{color:#ffffffe6;cursor:pointer;opacity:0;background:#0009;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px}.message-attachment-image-wrapper:hover .attachment-download-btn{opacity:1}.message-attachment-image-wrapper .attachment-download-btn:hover{background:#000c;border-color:#fff6;transform:scale(1.1)}.message-attachment-file.clickable{cursor:pointer}.message-attachment-file.clickable:hover{background:#ffffff38;border-color:#ffffff4d}.message-attachment-file .file-download-icon{color:#ffffff80;flex-shrink:0;width:16px;height:16px;margin-left:auto;transition:all .15s}.message-attachment-file.clickable:hover .file-download-icon{color:#ffffffe6}.message.user .message-attachment{background:0 0}.chat-input-container{padding:var(--spacing-md)12%;border-top:1px solid var(--color-border-light);background:var(--color-bg-primary);position:relative}.chat-input-container.dragging{background:var(--color-bg-secondary)}.chat-input-drop-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s ease-out overlayAppear;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}.chat-input-drop-content{flex-direction:column;align-items:center;gap:16px;padding:40px 60px;animation:.2s ease-out contentAppear;display:flex}@keyframes contentAppear{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.drop-icons{align-items:flex-end;gap:-8px;margin-bottom:8px;display:flex}.drop-icon-img{filter:drop-shadow(0 4px 8px #0000004d);width:56px;height:56px;transform:rotate(-10deg)}.drop-icon-doc{filter:drop-shadow(0 4px 8px #0000004d);width:48px;height:48px;transform:rotate(8deg)translate(-12px)}.drop-title{font-family:var(--font-heading);color:#fff;font-size:24px;font-weight:700}.drop-subtitle{color:#ffffffb3;font-size:15px;font-weight:400}.chat-input-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;justify-content:flex-start;display:flex;position:relative}.chat-input-wrapper:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5956d61f}.chat-input-row{gap:var(--spacing-sm);padding:var(--spacing-lg)var(--spacing-md);flex-direction:column;display:flex}.chat-input-editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-input-command-chip{border:1px solid var(--color-accent-primary);align-self:center;align-items:center;gap:8px;min-height:38px;padding:4px 6px 4px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.chat-input-command-chip{border:1px solid color-mix(in srgb,var(--color-accent-primary)24%,var(--color-border-light))}}.chat-input-command-chip{background:linear-gradient(180deg,var(--color-accent-light),var(--color-accent-light));border-radius:14px}@supports (color:color-mix(in lab,red,red)){.chat-input-command-chip{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent-light)72%,white),color-mix(in srgb,var(--color-accent-light)92%,white))}}.chat-input-command-chip{color:var(--color-text-primary);box-shadow:0 1px 2px #0f172a0d,inset 0 1px #ffffffb3}.chat-input-command-chip-prefix{width:auto;height:auto;color:var(--color-accent-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.chat-input-command-chip-label{letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.2}.chat-input-command-chip-remove{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chat-input-command-chip-remove:hover{border-color:var(--color-accent-primary);background:#ffffffc7}@supports (color:color-mix(in lab,red,red)){.chat-input-command-chip-remove:hover{border-color:color-mix(in srgb,var(--color-accent-primary)14%,transparent)}}.chat-input-command-chip-remove:hover{color:var(--color-accent-secondary)}.chat-input-wrapper :focus-visible{outline:none}.chat-input{color:var(--color-text-primary);resize:none;box-sizing:border-box;caret-color:#000;background:0 0;border:none;outline:none;flex:220px;min-width:140px;min-height:36px;max-height:250px;padding:4px 0;font-family:inherit;font-size:16px;line-height:1.6;overflow-y:hidden}.chat-input.is-loading{opacity:.85}.chat-input-actions-row{align-items:center;gap:var(--spacing-xs);display:flex}.chat-input-limit-warning{width:100%;color:var(--color-danger,#dc2626);flex:0 0 100%;margin-top:8px;font-size:12px;line-height:1.4}.chat-input-actions-spacer{flex:1}.chat-input-tools-wrapper{position:relative}.chat-input-action-btn{border:1px solid var(--color-border-light);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.chat-input-action-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.chat-input-action-btn.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.chat-input-toggle-btn{border:1px solid var(--color-border-light);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chat-input-toggle-btn.with-label{border-radius:20px;gap:6px;width:auto;height:auto;padding:6px 12px;font-size:13px;font-weight:500}.chat-input-toggle-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.chat-input-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-toggle-btn.active{background:var(--color-accent-light);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.chat-input-toggle-btn.active:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#5956d61f}.chat-input-agent-indicator{color:#6366f1;white-space:nowrap;background:#6366f114;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}.chat-input-plus-menu-wrapper{position:relative}.chat-input-plus-menu{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:100;min-width:160px;padding:4px;animation:.15s ease-out plusMenuSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}@keyframes plusMenuSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-input-plus-menu-item{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.chat-input-plus-menu-item:hover{background:var(--color-bg-hover)}.chat-input-plus-menu-item:disabled{opacity:.5;cursor:not-allowed}.chat-input-plus-menu-item.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.chat-input-plus-menu-item svg{flex-shrink:0;width:16px;height:16px}.chat-input-plus-menu-item span:not(.menu-item-badge){flex:1}.menu-item-badge{background:var(--color-accent-primary);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.chat-input-action-badge{background:var(--color-accent-primary);color:#fff;text-align:center;border:1.5px solid var(--color-bg-secondary);border-radius:8px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:600;line-height:1.2;position:absolute;top:-4px;right:-4px}.chat-input::placeholder{color:var(--color-text-muted)}.chat-channels-btn{border:1px solid var(--color-border-light);height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex}.chat-channels-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.console-badge-row{color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;margin-top:8px;padding-bottom:12px;font-size:13px;display:flex;position:relative}.console-badge-wrapper{align-items:center;gap:6px;display:inline-flex;position:relative}.console-badge{color:var(--color-accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:opacity .15s;position:relative}.console-badge:hover{opacity:.8}.console-badge--selected{color:var(--color-text-secondary);align-items:center;gap:4px;font-weight:400;display:inline-flex}.console-badge-org{color:var(--color-text-muted);font-weight:400}.console-badge--static{cursor:default}.console-badge--static:hover{opacity:1}.console-badge--connected{cursor:default;color:var(--color-text-muted);font-weight:400}.console-badge-disconnect{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.console-badge-disconnect:hover{color:var(--color-error,#ef4444);background:#ef44441a}.console-badge-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);z-index:50;border-radius:8px;min-width:240px;max-height:200px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.console-badge-dropdown-item{width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;display:block;position:relative}.console-badge-dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.console-badge-dropdown-item.is-active{background:var(--color-accent-primary-alpha,#6366f11a);color:var(--color-accent-primary)}.console-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f0f0fb3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.console-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;animation:.2s slideUp;overflow:hidden}.console-modal-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.console-modal-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.console-modal-close{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.console-modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.console-modal-body{padding:20px}.console-modal-desc{color:var(--color-text-muted);margin:0 0 16px;font-size:13px;line-height:1.5}.console-modal-empty{color:var(--color-text-muted);text-align:center;padding:24px 0;font-size:13px}.console-modal-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.console-modal-item{border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.console-hover-tooltip{color:#fff;text-align:left;white-space:normal;pointer-events:none;z-index:80;background:#0f172af5;border-radius:8px;min-width:180px;max-width:260px;padding:8px 10px;font-size:11px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a38}.console-modal-item:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-bg-tertiary)}.console-modal-item:disabled{opacity:.6;cursor:not-allowed}.console-modal-item-main{flex-direction:column;flex:1;gap:2px;display:flex}.console-modal-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:10px;font-weight:500}.console-modal-item-value{color:var(--color-text-primary);font-size:13px;font-weight:500}.console-modal-item-divider{background:var(--color-border);flex-shrink:0;width:1px;height:32px}.console-modal-item-check{color:var(--color-accent-primary);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.console-modal-item:hover:not(:disabled) .console-modal-item-check{opacity:1}.console-modal-footer{border-top:1px solid var(--color-border-light);justify-content:flex-end;padding:14px 20px;display:flex}.console-modal-cancel{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;border-radius:6px;padding:6px 14px;font-size:13px}.console-modal-cancel:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.chat-send-btn{background:var(--color-accent-primary);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--color-accent-secondary)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn:focus-visible{outline:none}.chat-stop-btn{border:2px solid var(--color-text-primary);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-stop-btn:hover{background:var(--color-text-primary);color:#fff}.chat-stop-btn svg{fill:currentColor;cursor:not-allowed}.chat-mic-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chat-mic-btn:hover:not(:disabled){background:var(--color-surface-hover,#80808026);color:var(--color-text-primary)}.chat-mic-btn:disabled{opacity:.4;cursor:not-allowed}.chat-mic-btn.is-listening{color:#ef4444;background:#ef44441a}.chat-mic-btn.is-listening:before{content:"";pointer-events:none;border:2px solid #ef4444;border-radius:50%;animation:1.4s ease-out infinite mic-pulse;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes mic-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.chat-input-hint{color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-sm);font-size:11px}.chat-tool-toggles{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-xs)0;display:flex}.tool-toggle-btn{color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.tool-toggle-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary);border-color:var(--color-border)}.tool-toggle-btn.active{background:var(--color-accent-light);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.tool-toggle-btn.active:hover{background:#6366f133}.tool-toggle-btn svg{flex-shrink:0}.tool-toggle-btn.highlight-pulse{border-color:var(--color-accent-primary);animation:2s ease-in-out infinite highlightPulse;box-shadow:0 0 #5956d666}@keyframes highlightPulse{0%{border-color:var(--color-accent-primary);box-shadow:0 0 #5956d666}50%{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px #5956d61a}to{border-color:var(--color-accent-primary);box-shadow:0 0 #5956d666}}.tool-toggle-btn.highlight-pulse:hover{animation:none;box-shadow:0 0 0 2px #5956d64d}.mention-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:280px;max-height:240px;box-shadow:var(--shadow-md);z-index:100;margin-bottom:4px;padding:4px 0;position:absolute;bottom:100%;left:0;overflow-y:auto}.mention-item{cursor:pointer;color:var(--color-text-primary);align-items:center;gap:4px;min-height:28px;padding:5px 8px;font-size:13px;display:flex}.mention-item:hover{background:var(--color-bg-hover)}.mention-item.selected{background:var(--color-accent-light)}.mention-expand{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.mention-chevron{width:12px;height:12px;color:var(--color-text-muted);transition:transform .15s}.mention-chevron.expanded{transform:rotate(90deg)}.mention-icon{flex-shrink:0;width:16px;height:16px}.mention-icon.skill{color:var(--color-text-primary)}.mention-icon.file{color:var(--color-text-muted);margin-left:16px}.mention-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mention-loading{color:var(--color-text-muted);margin-left:auto;font-size:11px}.mention-empty{text-align:center;color:var(--color-text-muted);padding:12px 16px;font-size:12px}.slash-command-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:320px;max-height:280px;box-shadow:var(--shadow-md);z-index:100;margin-bottom:4px;padding:6px;position:absolute;bottom:100%;left:0;overflow-y:auto}.slash-command-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px;display:flex}.slash-command-item:hover{background:var(--color-bg-hover)}.slash-command-item.selected{background:var(--color-accent-light)}.slash-command-name{color:var(--color-text-primary);flex-shrink:0;font-size:13px;font-weight:600}.slash-command-description{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.slash-command-empty{text-align:center;color:var(--color-text-muted);padding:12px 16px;font-size:12px}.chat-topbar{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:16px}.topbar-user{align-items:center;gap:6px;display:flex;position:relative}.topbar-credits-chip{color:#444;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.topbar-credits-chip:hover{color:#b45309;background:#fef9ec;border-color:#f59e0b}.topbar-credits-icon{color:#f59e0b;width:14px;height:14px}.topbar-user-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.topbar-user-btn:hover{background:#f5f5f5;border-color:#d1d5db}.topbar-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.topbar-avatar-initials{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.topbar-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.topbar-chevron{color:#999;flex-shrink:0;width:13px;height:13px;transition:transform .2s}.topbar-chevron.open{transform:rotate(180deg)}.topbar-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:220px;animation:.15s topbar-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes topbar-dropdown-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-header{border-bottom:1px solid #f0f0f0;padding:12px 14px 10px}.topbar-dropdown-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.topbar-dropdown-section{padding:4px}.topbar-dropdown-section-label{text-transform:uppercase;letter-spacing:.06em;color:#aaa;margin:0;padding:6px 10px 2px;font-size:10px;font-weight:600}.topbar-admin-label{color:var(--color-accent-primary,#6366f1)}.topbar-dropdown-divider{background:#f0f0f0;height:1px;margin:2px 0}.topbar-dropdown-item{color:#333;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .12s;display:flex}.topbar-dropdown-item:hover{color:#111;background:#f5f5f5}.topbar-dropdown-item svg{color:#888;flex-shrink:0}.topbar-dropdown-item.danger,.topbar-dropdown-item.danger svg{color:#dc2626}.topbar-dropdown-item.danger:hover{background:#fff5f5}.chat-follow-ups{flex-direction:column;align-items:flex-start;gap:8px;padding-left:42px;animation:.3s messageSlideIn;display:flex}.chat-follow-up-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:20px;align-items:center;gap:6px;max-width:450px;padding:6px 6px 6px 14px;transition:all .2s;display:inline-flex}.chat-follow-up-item:hover{border-color:var(--color-border)}.chat-follow-up-text{color:var(--color-text-secondary);text-align:left;flex:1;font-size:13px;font-weight:400}.chat-follow-up-item:hover .chat-follow-up-text{color:var(--color-text-primary)}.chat-follow-up-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.chat-follow-up-action-btn{cursor:pointer;width:26px;height:26px;color:var(--color-border);opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.chat-follow-up-item:hover .chat-follow-up-action-btn{opacity:1;color:var(--color-text-muted)}.chat-follow-up-action-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.chat-follow-up-action-btn.send:hover:not(:disabled){background:var(--color-accent-primary);color:#fff}.chat-follow-up-action-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.chat-panel{border-right:none}.chat-header{padding:var(--spacing-sm)var(--spacing-md);min-height:56px;padding-left:60px}.chat-header-minimal{padding-left:60px}.chat-messages{padding:var(--spacing-md);gap:var(--spacing-md);padding-left:4%;padding-right:4%}.message{gap:var(--spacing-sm)}.message.user{padding-left:5%}.message.assistant{padding-right:2%}.message-avatar{width:26px;height:26px;margin-top:4px;font-size:12px}.message-content{max-width:95%}.message-bubble{padding:var(--spacing-sm)var(--spacing-md);font-size:14px;line-height:1.6}.chat-empty-centered{padding:var(--spacing-lg)}.chat-greeting{font-size:22px;transform:translate(-50%,-80px)}.chat-empty-description{max-width:300px;font-size:14px}.chat-input-centered{max-width:100%;padding:0 var(--spacing-sm)}.chat-input-container{padding:var(--spacing-sm)var(--spacing-md)}.chat-sticky-todo{padding:0 var(--spacing-md)}.chat-input-wrapper{border-radius:var(--radius-lg)}.chat-input-row{padding:var(--spacing-sm);gap:var(--spacing-xs)}.chat-input{min-height:24px;font-size:16px}.chat-input-action-btn,.chat-send-btn,.chat-stop-btn{width:36px;height:36px}.chat-input-toggle-btn.with-label{border-radius:50%;width:36px;height:36px;padding:0}.chat-input-toggle-btn.with-label span{display:none}.chat-attachments-preview{padding:var(--spacing-sm);gap:var(--spacing-sm)}.chat-attachment-chip{padding:var(--spacing-sm)var(--spacing-md);max-width:180px}.chat-attachment-chip .chip-image,.chat-attachment-chip .chip-icon{width:32px;height:32px}.chat-attachment-chip .chip-name{font-size:13px}.chat-input-plus-menu{min-width:200px;left:0;right:auto}.chat-input-plus-menu-item{padding:10px 14px;font-size:14px}.chat-tool-toggles{display:none}.message-badges{padding:0 var(--spacing-xs);flex-wrap:wrap;gap:4px}.message-badge{padding:3px 6px;font-size:10px}.inline-tool-call,.action-chip,.agent-activity-block{margin:8px 0}.inline-tool-call-header,.action-header,.thinking-header,.agent-activity-header{padding:var(--spacing-sm)var(--spacing-md);font-size:12px}.inline-tool-call-details,.action-details,.thinking-content,.agent-activity-content{padding:var(--spacing-sm)var(--spacing-md)}.inline-tool-call-code,.action-code{max-height:150px;font-size:10px}.ai-thinking-content{padding:var(--spacing-sm)0 var(--spacing-sm)16px;margin-left:5px;font-size:12px}.chat-topbar{top:8px;right:10px}.topbar-user-name{display:none}.topbar-dropdown{min-width:190px}.mention-dropdown,.slash-command-dropdown{width:250px;max-height:200px}.mention-item{padding:8px 10px;font-size:14px}.slash-command-item{padding:9px}.chat-starter-prompts,.chat-starter-prompts-loading{margin-top:24px}.chat-starter-prompt-item{max-width:300px}.chat-starter-prompt-text{font-size:12px}.starter-prompt-skeleton{width:200px!important}.chat-follow-ups{padding-left:34px}.chat-follow-up-item{max-width:300px}.chat-follow-up-text{font-size:12px}.message-attachments{gap:6px}.message-attachment-image{max-width:180px;max-height:140px}.message-attachment-file{padding:8px 10px}.message-attachment-file .file-icon-wrapper{width:30px;height:30px}.message-attachment-file .file-name{max-width:120px;font-size:12px}.chat-input-drop-content{padding:30px 40px}.drop-title{font-size:20px}.drop-subtitle{font-size:14px}.drop-icon-img{width:44px;height:44px}.drop-icon-doc{width:38px;height:38px}}@media (max-width:480px){.chat-header{padding-left:56px}.chat-messages{padding-left:2%;padding-right:2%}.message.user{padding-left:2%}.message.assistant{padding-right:0}.chat-greeting{font-size:20px;transform:translate(-50%,-60px)}.chat-input-container{padding:var(--spacing-xs)var(--spacing-sm)}.chat-sticky-todo{padding:0 var(--spacing-sm)}.message-avatar{display:none}.message{gap:0}.message-content{max-width:100%}}.chat-agent-banner{background:#6366f114;border-bottom:1px solid #6366f126;flex-shrink:0;align-items:center;padding:8px 16px;display:flex}.chat-agent-banner-close,.chat-agent-banner-spacer{flex-shrink:0;width:24px;height:24px}.chat-agent-banner-spacer{visibility:hidden}.chat-agent-banner-info{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.chat-agent-banner-info>svg{color:#6366f1}.chat-agent-banner-name{color:var(--text-primary);font-weight:600}.chat-agent-banner-skills{color:var(--text-tertiary);align-items:center;gap:4px;font-size:12px;display:flex}.chat-agent-banner-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.chat-agent-banner-close:hover{color:var(--text-primary);background:#0000000f}.message-action-bar{opacity:0;align-items:center;gap:2px;min-height:24px;padding:2px 0;transition:opacity .15s;display:flex}.message:hover .message-action-bar,.message-action-bar:focus-within{opacity:1}.message-action-bar.user-actions{justify-content:flex-end}.message-action-btn{border:1px solid var(--color-border-light,#e5e7eb);background:var(--color-bg-primary,#fff);width:28px;height:28px;color:var(--color-text-secondary,#6b7280);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #00000014}.message-action-btn:hover{background:var(--color-bg-hover,#0000000f);color:var(--color-accent-primary,#5956d6);border-color:var(--color-accent-primary,#5956d6);box-shadow:0 1px 4px #5956d626}.message-edit-row{width:100%;padding:var(--spacing-sm)12%;display:flex}.message-edit-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;width:100%;display:flex}.message-edit-textarea{resize:none;width:100%;color:var(--color-text-primary);min-height:52px;max-height:320px;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;padding:14px 18px;font-family:inherit;font-size:15px;line-height:1.6;overflow-y:auto}.message-edit-textarea:focus,.message-edit-textarea:focus-visible{box-shadow:none;border:none;outline:none}.message-edit-actions{justify-content:flex-end;gap:10px;padding:10px 14px 12px;display:flex}.message-edit-send{border-radius:var(--radius-md);cursor:pointer;background:var(--color-accent-primary);color:var(--color-text-light,#fff);border:none;padding:8px 18px;font-size:14px;font-weight:500;transition:opacity .15s}.message-edit-send:hover{opacity:.9}.message-edit-send:focus-visible{outline:none}.message-edit-cancel{border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-hover);color:var(--color-text-secondary);padding:8px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.message-edit-cancel:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.message-edit-cancel:focus-visible{outline:none}@media (max-width:768px){.message-edit-row{padding:var(--spacing-sm)var(--spacing-md)}}@media (max-width:480px){.message-edit-row{padding:var(--spacing-xs)var(--spacing-sm)}}.message-version-nav{-webkit-user-select:none;user-select:none;align-items:center;gap:2px;display:flex}.version-arrow{width:28px;height:28px;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.version-arrow:hover:not(:disabled){background:var(--color-bg-hover,#0000000f);color:var(--color-text-primary,#1f2937)}.version-arrow:disabled{opacity:.3;cursor:default}.version-label{color:var(--color-text-tertiary,#9ca3af);text-align:center;min-width:36px;font-size:13px;font-weight:500}.a2ui-block{margin:12px 0}.a2ui-widget{--a2ui-accent:var(--color-accent-primary);--a2ui-accent-strong:var(--color-accent-secondary);border:1px solid var(--a2ui-accent)}@supports (color:color-mix(in lab,red,red)){.a2ui-widget{border:1px solid color-mix(in srgb,var(--a2ui-accent)12%,var(--color-border-light))}}.a2ui-widget{background:linear-gradient(180deg,var(--color-accent-light),#fffffffa 22%,#fffffffa),var(--color-bg-primary);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.a2ui-widget{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent-light)58%,white),#fffffffa 22%,#fffffffa),var(--color-bg-primary)}}.a2ui-widget{box-shadow:0 14px 32px #0f172a0d,0 6px 18px var(--a2ui-accent)}@supports (color:color-mix(in lab,red,red)){.a2ui-widget{box-shadow:0 14px 32px #0f172a0d,0 6px 18px color-mix(in srgb,var(--a2ui-accent)8%,transparent)}}.a2ui-widget{padding:20px}.a2ui-header{border-bottom:1px solid var(--color-accent-light);margin-bottom:16px;padding-bottom:14px}@supports (color:color-mix(in lab,red,red)){.a2ui-header{border-bottom:1px solid color-mix(in srgb,var(--color-accent-light)60%,var(--color-border-light))}}.a2ui-title{color:var(--a2ui-accent-strong);letter-spacing:-.01em;font-size:18px;font-weight:700}.a2ui-description{color:var(--color-text-muted);max-width:64ch;margin-top:6px;font-size:14px;line-height:1.55}.a2ui-section{gap:16px;margin-top:16px;display:grid}.a2ui-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.a2ui-component.full-span{grid-column:1/-1}.a2ui-label{letter-spacing:.02em;color:var(--color-text-secondary);align-items:center;gap:4px;margin-bottom:6px;font-size:12px;font-weight:600;display:inline-flex}.a2ui-required{color:#dc2626}.a2ui-input,.a2ui-textarea,.a2ui-file-input{border:1px solid var(--color-accent-light);width:100%}@supports (color:color-mix(in lab,red,red)){.a2ui-input,.a2ui-textarea,.a2ui-file-input{border:1px solid color-mix(in srgb,var(--color-accent-light)40%,var(--color-border-light))}}.a2ui-input,.a2ui-textarea,.a2ui-file-input{background:var(--color-accent-light);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.a2ui-input,.a2ui-textarea,.a2ui-file-input{background:color-mix(in srgb,var(--color-accent-light)18%,white)}}.a2ui-input,.a2ui-textarea,.a2ui-file-input{color:var(--color-text-primary);padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.a2ui-input:focus,.a2ui-textarea:focus,.a2ui-file-input:focus{border-color:var(--a2ui-accent);box-shadow:0 0 0 3px var(--color-accent-light);background:#fff;outline:none}@supports (color:color-mix(in lab,red,red)){.a2ui-input:focus,.a2ui-textarea:focus,.a2ui-file-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-light)90%,var(--a2ui-accent)10%)}}.a2ui-textarea{resize:vertical;min-height:104px}.a2ui-help{color:var(--color-text-muted);margin-top:6px;font-size:12px;line-height:1.45}.a2ui-slider-wrap{align-items:center;gap:12px;display:flex}.a2ui-slider{accent-color:var(--a2ui-accent);flex:1}.a2ui-slider-value{min-width:32px;color:var(--color-text-secondary);font-size:13px;font-weight:600}.a2ui-checkbox-row,.a2ui-radio-option{color:var(--color-text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.a2ui-radio-group,.a2ui-file-upload{flex-direction:column;gap:8px;display:flex}.a2ui-file-list{flex-wrap:wrap;gap:8px;display:flex}.a2ui-file-list span{background:var(--color-accent-light);color:var(--a2ui-accent-strong);border:1px solid var(--a2ui-accent);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:500}@supports (color:color-mix(in lab,red,red)){.a2ui-file-list span{border:1px solid color-mix(in srgb,var(--a2ui-accent)18%,transparent)}}.a2ui-button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.a2ui-button:hover:not(:disabled){transform:translateY(-1px)}.a2ui-button:disabled{opacity:.7;cursor:default}.a2ui-button.primary{background:linear-gradient(180deg,var(--a2ui-accent),var(--a2ui-accent-strong));color:#fff;box-shadow:0 10px 24px var(--a2ui-accent)}@supports (color:color-mix(in lab,red,red)){.a2ui-button.primary{box-shadow:0 10px 24px color-mix(in srgb,var(--a2ui-accent)26%,transparent)}}.a2ui-button.secondary{background:var(--color-accent-light);border-color:var(--a2ui-accent)}@supports (color:color-mix(in lab,red,red)){.a2ui-button.secondary{border-color:color-mix(in srgb,var(--a2ui-accent)18%,transparent)}}.a2ui-button.secondary{color:var(--a2ui-accent-strong)}.a2ui-button.ghost{border-color:var(--a2ui-accent);background:0 0}@supports (color:color-mix(in lab,red,red)){.a2ui-button.ghost{border-color:color-mix(in srgb,var(--a2ui-accent)12%,transparent)}}.a2ui-button.ghost{color:var(--a2ui-accent-strong)}.a2ui-button.primary:hover:not(:disabled){box-shadow:0 12px 28px var(--a2ui-accent)}@supports (color:color-mix(in lab,red,red)){.a2ui-button.primary:hover:not(:disabled){box-shadow:0 12px 28px color-mix(in srgb,var(--a2ui-accent)32%,transparent)}}.a2ui-button.secondary:hover:not(:disabled),.a2ui-button.ghost:hover:not(:disabled){background:var(--color-accent-light)}@supports (color:color-mix(in lab,red,red)){.a2ui-button.secondary:hover:not(:disabled),.a2ui-button.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-light)82%,white)}}.a2ui-status{border:1px solid #0000;border-radius:14px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.55}.a2ui-status.success{background:var(--color-accent-light)}@supports (color:color-mix(in lab,red,red)){.a2ui-status.success{background:color-mix(in srgb,var(--color-accent-light)78%,white)}}.a2ui-status.success{border-color:var(--a2ui-accent)}@supports (color:color-mix(in lab,red,red)){.a2ui-status.success{border-color:color-mix(in srgb,var(--a2ui-accent)18%,transparent)}}.a2ui-status.success{color:var(--color-text-primary)}.a2ui-status.error{color:#991b1b;background:#ef44440f;border-color:#ef444424}.a2ui-status-text{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit}@media (max-width:768px){.a2ui-widget{padding:14px}.a2ui-actions{justify-content:stretch}.a2ui-button{width:100%}}.sg-zoom-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.sg-app-canvas{transform-origin:50%;will-change:transform;background:var(--color-bg-primary);width:640px;height:350px;margin-top:-175px;margin-left:-320px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.sg-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);flex-direction:column;flex-shrink:0;width:140px;display:flex;overflow:hidden}.sg-sidebar-brand{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);align-items:center;gap:5px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.sg-sidebar-brand svg{color:var(--color-accent-primary)}.sg-sidebar-nav{flex-direction:column;flex:1;min-height:0;padding:4px 0;display:flex;overflow:hidden}.sg-nav-item{color:var(--color-text-secondary);align-items:center;gap:5px;padding:5px 10px;font-size:9px;font-weight:500;transition:all .25s;display:flex;position:relative}.sg-nav-item svg{flex-shrink:0;width:10px;height:10px}.sg-nav-item.highlighted{color:var(--color-accent-primary);background:var(--color-accent-light);font-weight:600}.sg-nav-indicator{background:var(--color-accent-primary);border-radius:0 2px 2px 0;width:2px;position:absolute;top:0;bottom:0;left:0}.sg-skills-modal-overlay{z-index:5;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.sg-skills-modal{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;flex-direction:column;width:380px;max-height:280px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.sg-skills-modal-header{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.sg-skills-modal-title{color:var(--color-text-primary);align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.sg-skills-modal-title svg{color:var(--color-accent-primary)}.sg-skills-modal-search{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-muted);border-radius:6px;align-items:center;gap:4px;margin:6px 8px 4px;padding:4px 8px;font-size:8px;display:flex}.sg-skills-modal-filters{gap:4px;padding:2px 8px 6px;display:flex}.sg-skills-filter{color:var(--color-text-muted);background:var(--color-bg-tertiary);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:7px;font-weight:500}.sg-skills-filter.active{color:var(--color-accent-primary);background:var(--color-accent-light);font-weight:600}.sg-skills-modal-grid{flex-direction:column;flex:1;gap:4px;padding:0 8px 8px;display:flex;overflow:hidden}.sg-skill-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;transition:all .3s;display:flex}.sg-skill-card.highlight{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary),0 0 12px #5956d626}.sg-skill-card-header{justify-content:space-between;align-items:center;display:flex}.sg-skill-card-icon{background:var(--color-accent-light);width:18px;height:18px;color:var(--color-accent-primary);border-radius:4px;justify-content:center;align-items:center;display:flex}.sg-skill-card-icon.new{color:#10b981;background:#10b9811f}.sg-skill-card-toggle{background:var(--color-bg-tertiary);border-radius:6px;width:20px;height:11px;position:relative}.sg-skill-card-toggle:after{content:"";background:var(--color-text-muted);border-radius:50%;width:8px;height:8px;transition:all .2s;position:absolute;top:1.5px;left:1.5px}.sg-skill-card-toggle.on{background:var(--color-accent-primary)}.sg-skill-card-toggle.on:after{background:#fff;left:10.5px}.sg-skill-card-name{color:var(--color-text-primary);align-items:center;gap:4px;font-size:8px;font-weight:600;display:flex}.sg-skill-card-desc{color:var(--color-text-muted);font-size:7px;line-height:1.3}.sg-skill-card-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.sg-skill-card-owner{color:var(--color-accent-primary);font-size:7px;font-weight:500}.sg-skill-card-right{align-items:center;gap:2px;display:flex}.sg-skill-card-category{background:var(--color-bg-tertiary);color:var(--color-text-muted);text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:6px;font-weight:500}.sg-skill-card-right svg{color:var(--color-text-muted)}.sg-new-badge{color:#10b981;text-transform:uppercase;background:#10b9811f;border-radius:2px;padding:0 3px;font-size:6px;font-weight:700;line-height:1.5}.sg-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.sg-greeting{color:var(--color-text-primary);text-align:center;padding:16px 20px 6px;font-size:14px;font-weight:700}.sg-chat-area{flex-direction:column;flex:1;gap:8px;padding:6px 14px;display:flex;overflow:hidden}.sg-msg{gap:6px;display:flex}.sg-msg-user{justify-content:flex-end}.sg-msg-avatar{background:var(--color-accent-light);width:18px;height:18px;color:var(--color-accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sg-msg-bubble{border-radius:8px;max-width:80%;padding:6px 10px;font-size:9px;line-height:1.4}.sg-msg-bubble.user{background:var(--color-accent-primary);color:#fff;border-bottom-right-radius:2px}.sg-msg-bubble.agent{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary);border-bottom-left-radius:2px;flex-direction:column;gap:4px;display:flex}.sg-agent-thinking{color:var(--color-text-muted);align-items:center;gap:4px;font-size:8px;display:flex}.sg-agent-file-row{color:var(--color-text-primary);align-items:center;gap:4px;font-size:9px;display:flex}.sg-agent-file-row.indent{padding-left:12px}.sg-agent-success{color:#10b981;align-items:center;gap:4px;margin-top:2px;font-size:8px;font-weight:600;display:flex}.sg-sidebar-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;margin-top:auto;padding:5px 8px}.sg-sidebar-footer.highlighted{background:var(--color-accent-light)}.sg-sidebar-footer-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.sg-sidebar-footer-user{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:8px;font-weight:600;overflow:hidden}.sg-sidebar-footer-settings{color:var(--color-text-secondary);align-items:center;gap:3px;font-size:8px;font-weight:500;display:flex}.sg-sidebar-footer-settings svg{color:var(--color-text-muted);flex-shrink:0}.sg-mock-agents-overlay{z-index:11;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:6px;right:8px;bottom:48px;left:8px}.sg-mock-agents-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;width:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000038}.sg-mock-agents-header{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.sg-mock-agents-header-left{align-items:center;gap:6px;display:flex}.sg-mock-agents-header-left svg{flex-shrink:0}.sg-mock-agents-title{color:var(--color-text-primary);font-size:9px;font-weight:700;line-height:1.2}.sg-mock-agents-subtitle{color:var(--color-text-muted);font-size:7px;line-height:1.2}.sg-mock-agents-toolbar{border-bottom:1px solid var(--color-border-light);align-items:center;gap:6px;padding:6px 10px;display:flex}.sg-mock-agents-search{border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:5px;flex:1;align-items:center;gap:4px;padding:3px 6px;font-size:7px;display:flex}.sg-mock-agents-new-btn{background:var(--color-accent-primary);color:#fff;cursor:default;white-space:nowrap;border:none;border-radius:5px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-size:7px;font-weight:600;display:flex}.sg-mock-agents-body{flex:1;min-height:0;padding:8px 10px;overflow:hidden}.sg-mock-agents-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:6px;padding:20px 10px;font-size:7px;display:flex}.sg-mock-agent-create-card{flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}.sg-mock-agent-create-icon{background:var(--color-accent-light);width:28px;height:28px;color:var(--color-accent-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2px;display:flex}.sg-mock-agent-create-fields{flex-direction:column;gap:5px;display:flex}.sg-mock-agent-field{flex-direction:column;gap:2px;display:flex}.sg-mock-agent-field label{color:var(--color-text-secondary);font-size:7px;font-weight:600}.sg-mock-agent-field label .optional{color:var(--color-text-muted);font-weight:400}.sg-mock-agent-input{border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:4px;padding:4px 6px;font-size:8px}.sg-mock-agent-input.muted{color:var(--color-text-muted)}.sg-mock-agent-textarea{border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:4px;min-height:28px;padding:4px 6px;font-size:7px;line-height:1.4}.sg-mock-agent-textarea.muted{color:var(--color-text-muted)}.sg-mock-agent-create-actions{gap:6px;display:flex}.sg-mock-agent-btn-primary{background:var(--color-accent-primary);color:#fff;cursor:default;border:none;border-radius:5px;padding:4px 12px;font-size:7px;font-weight:600}.sg-mock-agent-btn-secondary{border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:default;background:0 0;border-radius:5px;padding:4px 10px;font-size:7px;font-weight:500}.sg-mock-agent-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;overflow:hidden}.sg-mock-agent-card.dimmed{opacity:.35}.sg-mock-agent-card-header{align-items:center;gap:6px;padding:7px 8px;display:flex}.sg-mock-agent-card-icon{background:var(--color-accent-light);width:22px;height:22px;color:var(--color-accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sg-mock-agent-card-info{flex-direction:column;gap:1px;min-width:0;display:flex}.sg-mock-agent-card-name{color:var(--color-text-primary);font-size:8px;font-weight:600}.sg-mock-agent-card-desc{color:var(--color-text-muted);font-size:7px}.sg-mock-agent-card-actions{flex-direction:column;gap:4px;padding:0 8px 6px;display:flex}.sg-mock-agent-card-link{color:var(--color-accent-primary);cursor:default;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:7px;font-weight:500;display:flex}.sg-mock-agent-card-footer{border-top:1px solid var(--color-border-light);align-items:center;gap:6px;padding:6px 8px;display:flex}.sg-mock-agent-pill{cursor:default;border:none;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:7px;font-weight:600;display:flex}.sg-mock-agent-pill.chat{background:var(--color-accent-primary);color:#fff}.sg-mock-agent-pill.api{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.sg-mock-agent-instructions-overlay{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.sg-mock-agent-instructions-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;width:90%;max-width:300px;overflow:hidden;box-shadow:0 6px 20px #00000038}.sg-mock-agent-instructions-header{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:6px 10px;font-size:8px;font-weight:600;display:flex}.sg-mock-agent-instructions-body{padding:8px 10px}.sg-mock-agent-instructions-body .sg-mock-agent-textarea{min-height:36px}.sg-mock-agent-instructions-actions{gap:6px;padding:4px 10px 8px;display:flex}.sg-agent-banner{border-bottom:1px solid var(--color-border-light);background:var(--color-accent-light);align-items:center;gap:5px;padding:4px 14px;font-size:8px;display:flex}.sg-agent-banner-name{color:var(--color-text-primary);font-weight:600}.sg-agent-banner-skills{color:var(--color-text-muted);align-items:center;gap:2px;margin-left:auto;font-size:7px;display:flex}.sg-settings-overlay{z-index:20;pointer-events:none;background:#00000059;justify-content:center;align-items:flex-start;padding-top:10px;display:flex;position:absolute;top:8px;right:8px;bottom:8px;left:8px}.sg-settings-modal{background:var(--color-bg-primary);border-radius:6px;flex-direction:column;width:94%;height:90%;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000040}.sg-settings-header{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:600;display:flex}.sg-settings-title{color:var(--color-text-primary);font-size:9px;font-weight:700}.sg-settings-body{flex:1;min-height:0;display:flex;overflow:hidden}.sg-settings-nav{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);flex-direction:column;gap:1px;width:82px;min-width:82px;padding:4px;display:flex}.sg-settings-nav-item{color:var(--color-text-secondary);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:6.5px;font-weight:500;display:flex;overflow:hidden}.sg-settings-nav-item.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.sg-settings-nav-item svg{flex-shrink:0}.sg-settings-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.sg-st-tabs{border-bottom:1px solid var(--color-border-light);align-items:center;gap:6px;padding:5px 8px;display:flex}.sg-st-tab{color:var(--color-text-muted);border-radius:3px;padding:2px 6px;font-size:7px;font-weight:500}.sg-st-tab.active{color:var(--color-text-primary);background:var(--color-bg-secondary);font-weight:600}.sg-st-new-btn{background:var(--color-accent-primary);color:#fff;border:none;border-radius:4px;align-items:center;gap:2px;margin-left:auto;padding:2px 6px;font-size:6px;font-weight:600;display:inline-flex}.sg-st-new-btn.center{margin-left:0}.sg-st-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:12px;display:flex}.sg-st-empty-title{color:var(--color-text-primary);font-size:8px;font-weight:600}.sg-st-empty-desc{color:var(--color-text-muted);text-align:center;max-width:160px;font-size:6.5px}.sg-st-form{flex-direction:column;gap:5px;padding:6px 8px;display:flex;overflow-y:auto}.sg-st-form-heading{color:var(--color-text-primary);font-size:8px;font-weight:700}.sg-st-field{flex-direction:column;gap:2px;display:flex}.sg-st-field-label{color:var(--color-text-secondary);font-size:6.5px;font-weight:500}.sg-st-input{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:3px;padding:3px 5px;font-size:5.5px}.sg-st-input.muted,.sg-st-textarea.muted{color:var(--color-text-muted)}.sg-st-textarea{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:3px;min-height:28px;padding:3px 5px;font-size:5.5px}.sg-st-trigger-toggle{gap:3px;display:flex}.sg-st-trigger-btn{color:var(--color-text-muted);border:1px solid var(--color-border-light);background:0 0;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:6.5px;font-weight:500;display:inline-flex}.sg-st-trigger-btn.active{background:var(--color-accent-light);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.sg-st-schedule-row{align-items:flex-end;gap:5px;display:flex}.sg-st-sched-field{flex-direction:column;gap:1px;display:flex}.sg-st-sched-label{color:var(--color-text-muted);font-size:6px;font-weight:500}.sg-st-select{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-muted);white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:5.5px}.sg-st-select.sm{text-align:center;width:20px}.sg-st-time-row{align-items:center;gap:1px;display:flex}.sg-st-time-sep{color:var(--color-text-muted);font-size:7px}.sg-st-form-actions{justify-content:flex-end;gap:4px;margin-top:2px;display:flex}.sg-st-cancel-btn{border:1px solid var(--color-border-light);color:var(--color-text-secondary);background:0 0;border-radius:4px;padding:2px 8px;font-size:6.5px;font-weight:500}.sg-st-create-btn{background:var(--color-accent-primary);color:#fff;border:none;border-radius:4px;padding:2px 8px;font-size:6.5px;font-weight:600}.sg-profile-panel{flex-direction:column;height:100%;display:flex}.sg-profile-header{flex-direction:column;gap:1px;padding:6px 10px;display:flex}.sg-profile-title{color:var(--color-text-primary);font-size:9px;font-weight:700}.sg-profile-desc{color:var(--color-text-muted);font-size:6.5px}.sg-profile-content{flex-direction:column;flex:1;gap:4px;padding:4px 10px;display:flex;overflow-y:auto}.sg-profile-section-label{color:var(--color-text-muted);letter-spacing:.4px;margin-top:2px;font-size:6px;font-weight:600}.sg-profile-field{flex-direction:column;gap:2px;display:flex}.sg-profile-field-label{color:var(--color-text-primary);align-items:center;gap:3px;font-size:6.5px;font-weight:500;display:flex}.sg-profile-textarea{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:3px;min-height:32px;padding:4px 5px;font-size:5.5px;line-height:1.4}.sg-profile-textarea.muted{color:var(--color-text-muted)}.sg-profile-counter{color:var(--color-text-muted);text-align:right;font-size:5.5px}.sg-profile-divider{background:var(--color-border-light);height:1px;margin:2px 0}.sg-profile-footer{justify-content:flex-end;padding:5px 10px;display:flex}.sg-profile-save-btn{background:var(--color-accent-primary);color:#fff;border:none;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:6.5px;font-weight:600;display:inline-flex}.sg-channels-panel{flex-direction:column;height:100%;display:flex}.sg-channels-header{flex-direction:column;gap:1px;padding:6px 10px;display:flex}.sg-channels-title{color:var(--color-text-primary);font-size:9px;font-weight:700}.sg-channels-desc{color:var(--color-text-muted);font-size:6.5px}.sg-channels-list{flex-direction:column;gap:4px;padding:4px 10px;display:flex}.sg-channel-card{border:1px solid var(--color-border-light);border-radius:5px;overflow:hidden}.sg-channel-card-row{align-items:center;gap:5px;padding:5px 8px;display:flex}.sg-channel-icon{flex-shrink:0;width:14px;height:14px}.sg-channel-name{color:var(--color-text-primary);flex:1;font-size:7px;font-weight:600}.sg-channel-connect-btn{background:var(--color-accent-primary);color:#fff;border:none;border-radius:4px;padding:2px 8px;font-size:6px;font-weight:600}.sg-channel-verify{border-top:1px solid var(--color-border-light);gap:6px;padding:4px 8px 6px;display:flex}.sg-channel-qr{flex-shrink:0}.sg-channel-qr-placeholder{background:repeating-conic-gradient(var(--color-text-primary)0% 25%,var(--color-bg-primary)0% 50%)50%/6px 6px;border-radius:2px;width:52px;height:52px}.sg-channel-instructions{color:var(--color-text-secondary);flex-direction:column;gap:1px;font-size:5.5px;line-height:1.4;display:flex}.sg-channel-code{color:var(--color-text-primary);margin-top:1px;font-size:6px}.sg-channel-code code{background:var(--color-bg-secondary);border-radius:2px;padding:0 3px;font-weight:700}.sg-channel-waiting{color:var(--color-accent-primary);align-items:center;gap:2px;font-size:5.5px;display:flex}.sg-channel-waiting svg{animation:1s linear infinite spin}.sg-channel-cancel-btn{border:1px solid var(--color-border-light);color:var(--color-text-secondary);background:0 0;border-radius:3px;align-self:flex-start;margin-top:2px;padding:2px 6px;font-size:5.5px;font-weight:500}.sg-input-bar-wrapper{position:relative}.sg-integrations-panel-overlay{z-index:12;pointer-events:none;position:absolute;bottom:calc(100% + 6px);left:8px}.sg-integrations-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;width:190px;overflow:hidden;box-shadow:0 6px 20px #0003}.sg-integrations-header{border-bottom:1px solid var(--color-border-light);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary);align-items:center;padding:4px 8px;font-size:7px;font-weight:600;display:flex}.sg-integrations-list{max-height:180px;padding:1px 0;overflow-y:auto}.sg-integrations-item{color:var(--color-text-secondary);align-items:center;gap:4px;padding:3px 8px;font-size:8px;display:flex}.sg-integrations-item.connected{color:var(--color-text-primary)}.sg-integrations-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.sg-int-svg{flex-shrink:0;width:12px;height:12px}.sg-integrations-item-name{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.sg-integrations-item-actions{flex-shrink:0;align-items:center;display:flex}.sg-integrations-btn-connect,.sg-integrations-toggle{border-radius:4px;align-items:center;gap:2px;padding:2px 5px;font-size:6px;font-weight:600;display:inline-flex}.sg-integrations-btn-connect{background:var(--color-accent-light);color:var(--color-accent-primary)}.sg-integrations-toggle.on{color:#10b981;background:#10b98126}.sg-integrations-toggle.off{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.sg-input-bar{border-top:1px solid var(--color-border-light);flex-direction:column;gap:5px;padding:8px 12px;display:flex}.sg-input-box{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;min-height:22px;padding:6px 8px}.sg-input-placeholder{color:var(--color-text-muted);font-size:9px}.sg-input-text{color:var(--color-text-primary);word-break:break-word;font-size:9px}.sg-caret{background:var(--color-accent-primary);vertical-align:text-bottom;width:1px;height:10px;margin-left:1px;animation:.5s step-end infinite sg-blink;display:inline-block}@keyframes sg-blink{0%,to{opacity:1}50%{opacity:0}}.sg-input-actions{align-items:center;gap:0;display:flex}.sg-input-left-actions{flex:1;align-items:center;gap:3px;min-width:0;display:flex}.sg-input-right-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.sg-action-icon-btn{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sg-gmail-btn{color:#ea4335;font-family:sans-serif;font-size:8px;font-weight:800}.sg-skills-count{color:var(--color-accent-primary);background:var(--color-accent-light);white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:1px;padding:1px 4px;font-size:7px;font-weight:600;display:flex}.sg-skills-count svg{color:var(--color-accent-primary);flex-shrink:0}.sg-toggle-btn{color:var(--color-text-muted);border:1px solid var(--color-border-light);white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:7.5px;font-weight:500;transition:all .35s;display:flex}.sg-toggle-btn.active{color:var(--color-accent-primary);background:var(--color-accent-light);border-color:var(--color-accent-primary)}.sg-toggle-btn svg{color:inherit;flex-shrink:0}.sg-social-btn{border:1px solid var(--color-border-light);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.sg-whatsapp-btn{color:#25d366}.sg-telegram-btn{color:#08c}.sg-send-btn{background:var(--color-bg-tertiary);width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.sg-send-btn.ready{background:var(--color-accent-primary);color:#fff}.sg-send-btn.sent{color:#fff;background:#10b981}.sg-cursor{z-index:20;pointer-events:none;color:var(--color-text-primary);filter:drop-shadow(0 1px 3px #0006);position:absolute}.sg-click-ring{border:2px solid var(--color-accent-primary);border-radius:50%;width:20px;height:20px;animation:.4s ease-out forwards sg-ring;position:absolute;top:-3px;left:-3px}@keyframes sg-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.sg-caption{text-align:center;color:var(--color-text-secondary);background:linear-gradient(transparent,var(--color-bg-primary)50%);pointer-events:none;padding:8px 16px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.sg-caption strong{color:var(--color-accent-primary);font-weight:600}.sg-steps{border-top:1px solid var(--color-border-light);display:flex}.sg-step{cursor:pointer;transition:all var(--transition-fast);border:none;border-right:1px solid var(--color-border-light);background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;display:flex}.sg-step:last-child{border-right:none}.sg-step:hover{background:var(--color-bg-secondary)}.sg-step.active{background:var(--color-accent-light)}.sg-step-num{background:var(--color-bg-tertiary);width:20px;height:20px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.sg-step.active .sg-step-num{background:var(--color-accent-primary);color:#fff}.sg-step.done .sg-step-num{color:#fff;background:#10b981}.sg-step-label{color:var(--color-text-muted);text-align:center;font-size:10px;font-weight:500;line-height:1.2}.sg-step.active .sg-step-label{color:var(--color-accent-primary);font-weight:600}.sg-feedback-overlay{z-index:30;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.sg-feedback-panel{background:var(--color-bg-primary);border-radius:8px;flex-direction:column;width:420px;max-height:290px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.sg-feedback-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sg-feedback-title{color:var(--color-text-primary);font-size:11px;font-weight:700}.sg-feedback-toolbar{align-items:center;gap:6px;padding:6px 12px;display:flex}.sg-feedback-search{border:1px solid var(--color-border-light);color:var(--color-text-muted);border-radius:4px;flex:1;align-items:center;gap:4px;padding:3px 6px;font-size:8px;display:flex}.sg-feedback-search-btn{color:#fff;background:var(--color-accent-primary);border:none;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:600}.sg-feedback-filters{flex-wrap:wrap;align-items:center;gap:4px;padding:0 12px 6px;display:flex}.sg-feedback-filter{border:1px solid var(--color-border-light);color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:2px;padding:2px 6px;font-size:7px;font-weight:600;display:flex}.sg-feedback-filter.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.sg-feedback-filter-status,.sg-feedback-filter-sort{color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:4px;padding:2px 4px;font-size:7px}.sg-feedback-new-btn{color:#fff;background:var(--color-accent-primary);border:none;border-radius:4px;align-items:center;gap:2px;margin-left:auto;padding:2px 8px;font-size:7px;font-weight:700;display:flex}.sg-feedback-count{color:var(--color-text-muted);padding:2px 12px 4px;font-size:7px}.sg-feedback-list{flex-direction:column;flex:1;display:flex;overflow:auto}.sg-feedback-card{border-top:1px solid var(--color-border-light);align-items:center;gap:8px;padding:6px 12px;display:flex}.sg-feedback-card.highlighted{background:var(--color-accent-light)}.sg-feedback-card-vote{flex-direction:column;align-items:center;gap:0;min-width:20px;display:flex}.sg-feedback-vote-arrow{color:var(--color-text-muted);font-size:8px;line-height:1}.sg-feedback-vote-count{color:var(--color-text-primary);font-size:8px;font-weight:700}.sg-feedback-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sg-feedback-card-badges{align-items:center;gap:4px;display:flex}.sg-feedback-badge{border-radius:6px;align-items:center;gap:2px;padding:1px 4px;font-size:6px;font-weight:700;display:inline-flex}.sg-feedback-badge.bug{color:#dc2626;background:#ef44441f}.sg-feedback-badge.feature{color:#7c3aed;background:#a855f71f}.sg-feedback-status-badge{color:#059669;background:#10b9811f;border-radius:6px;padding:1px 4px;font-size:6px;font-weight:600}.sg-feedback-card-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:600;overflow:hidden}.sg-feedback-card-date{color:var(--color-text-muted);white-space:nowrap;font-size:7px}.sg-feedback-form{flex-direction:column;gap:6px;padding:8px 12px;display:flex}.sg-feedback-form-group{flex-direction:column;gap:2px;display:flex}.sg-feedback-label{color:var(--color-text-primary);font-size:7px;font-weight:700}.sg-feedback-select{border:1px solid var(--color-border-light);color:var(--color-text-primary);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:8px;display:flex}.sg-feedback-input{border:1px solid var(--color-border-light);color:var(--color-text-primary);border-radius:4px;padding:4px 8px;font-size:8px}.sg-feedback-textarea{border:1px solid var(--color-border-light);color:var(--color-text-primary);border-radius:4px;min-height:48px;padding:4px 8px;font-size:8px;line-height:1.4}.sg-feedback-form-actions{justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.sg-feedback-cancel-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-secondary);border-radius:4px;padding:3px 10px;font-size:8px;font-weight:600}.sg-feedback-submit-btn{background:var(--color-accent-primary);color:#fff;border:none;border-radius:4px;padding:3px 10px;font-size:8px;font-weight:700}.sg-browser-icon-active{color:var(--color-accent-primary)!important}.sg-browser-panel-overlay{z-index:12;position:absolute;bottom:calc(100% + 6px);right:8px}.sg-browser-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;width:190px;padding:10px;box-shadow:0 4px 16px #0000001f}.sg-browser-panel--ext{width:220px}.sg-browser-panel-header{letter-spacing:.5px;color:var(--color-text-secondary);align-items:center;gap:5px;margin-bottom:8px;font-size:8px;font-weight:600;display:flex}.sg-browser-panel-tabs{background:var(--color-bg-secondary);border-radius:6px;gap:2px;margin-bottom:6px;padding:2px;display:flex}.sg-browser-tab{color:var(--color-text-secondary);cursor:pointer;font-size:7.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;display:flex}.sg-browser-tab.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:0 1px 3px #00000014}.sg-browser-panel-desc{color:var(--color-text-muted);text-align:center;font-size:7.5px;line-height:1.4}.sg-browser-ext-content{border-top:1px solid var(--color-border-light);margin-top:8px;padding-top:8px}.sg-browser-ext-status{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:7px;display:flex}.sg-browser-ext-status-val{color:var(--color-text-muted);align-items:center;gap:3px;font-weight:500;display:flex}.sg-browser-ext-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sg-browser-ext-setup{color:var(--color-text-secondary);text-align:center;margin-bottom:6px;font-size:7px;line-height:1.5}.sg-browser-ext-steps{background:var(--color-bg-secondary);border-radius:5px;margin-bottom:8px;padding:5px 6px 5px 14px}.sg-browser-ext-steps ol{color:var(--color-text-secondary);margin:0;padding:0;font-size:6.5px;line-height:1.6;list-style:decimal}.sg-browser-ext-steps code{background:var(--color-bg-tertiary);border-radius:2px;padding:1px 3px;font-size:6px}.sg-browser-ext-actions{gap:4px;display:flex}.sg-browser-ext-btn{font-size:7px;font-weight:600;font-family:var(--font-sans);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;display:flex}.sg-browser-ext-btn.primary{color:#fff;background:#22c55e}.sg-browser-ext-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.sg-mock-recipes-overlay{z-index:11;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:6px;right:8px;bottom:48px;left:8px}.sg-mock-recipes-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;width:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000038}.sg-mock-recipes-header{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.sg-mock-recipes-header-left{align-items:center;gap:6px;display:flex}.sg-mock-recipes-header-left svg{flex-shrink:0}.sg-mock-recipes-title{color:var(--color-text-primary);font-size:9px;font-weight:700}.sg-mock-recipes-subtitle{color:var(--color-text-muted);font-size:7px;line-height:1.2}.sg-mock-recipes-toolbar{border-bottom:1px solid var(--color-border-light);align-items:center;gap:6px;padding:6px 10px;display:flex}.sg-mock-recipes-search{border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:5px;flex:1;align-items:center;gap:4px;padding:3px 6px;font-size:7px;display:flex}.sg-mock-recipes-new-btn{background:var(--color-accent-primary);color:#fff;cursor:pointer;font-size:7px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:3px;padding:3px 8px;display:flex}.sg-mock-recipes-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 20px;font-size:8px;display:flex}.sg-mock-recipe-create{flex-direction:column;gap:8px;padding:10px;display:flex}.sg-mock-recipe-field{flex-direction:column;gap:3px;display:flex}.sg-mock-recipe-field label{color:var(--color-text-secondary);font-size:7px;font-weight:600}.sg-mock-recipe-field .optional{color:var(--color-text-muted);font-weight:400}.sg-mock-recipe-input{border:1px solid var(--color-border-light);color:var(--color-text-primary);background:var(--color-bg-primary);border-radius:4px;padding:4px 6px;font-size:7.5px}.sg-mock-recipe-input.muted{color:var(--color-text-muted)}.sg-mock-recipe-create-actions{justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.sg-mock-recipe-editor{flex-direction:column;display:flex;overflow:hidden}.sg-mock-recipe-editor-header{border-bottom:1px solid var(--color-border-light);align-items:center;gap:6px;padding:6px 10px;display:flex}.sg-mock-recipe-editor-name{color:var(--color-text-primary);font-size:8px;font-weight:600}.sg-mock-recipe-editor-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.sg-mock-recipe-editor-tab{color:var(--color-accent-primary);border-bottom:2px solid var(--color-accent-primary);background:var(--color-bg-secondary);align-items:center;gap:4px;padding:4px 10px;font-size:7px;font-weight:500;display:flex}.sg-mock-recipe-editor-content{background:var(--color-bg-secondary);flex:1;padding:8px 10px;overflow:hidden}.sg-mock-recipe-editor-content code{white-space:pre;color:var(--color-text-secondary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:7px;line-height:1.6}.sg-yaml-key{color:#3b82f6}.sg-yaml-comment{color:var(--color-text-muted)}.sg-mock-agent-api-body{flex-direction:column;gap:8px;padding:8px 10px;display:flex;overflow-y:auto}.sg-mock-agent-api-section{flex-direction:column;gap:4px;display:flex}.sg-mock-agent-api-section-header{color:var(--color-text-primary);align-items:center;gap:4px;font-size:8px;font-weight:600;display:flex}.sg-mock-agent-api-empty{color:var(--color-text-muted);padding:4px 0;font-size:7px}.sg-mock-agent-api-endpoint{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:7px;display:flex}.sg-mock-agent-api-endpoint code{color:var(--color-text-secondary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:7px}.sg-mock-agent-api-method{color:#22c55e;background:#22c55e1a;border-radius:3px;padding:1px 4px;font-size:6.5px;font-weight:700}.sg-mock-agent-api-code{background:#1e1e2e;border-radius:5px;padding:6px 8px;overflow:hidden}.sg-mock-agent-api-code code{color:#a6adc8;white-space:pre;font-family:SF Mono,Menlo,Consolas,monospace;font-size:6.5px;line-height:1.5}.sg-mock-agent-api-footer{justify-content:flex-end;padding-top:4px;display:flex}.sg-mock-agent-btn-primary.sm{padding:3px 8px;font-size:7px}.sg-skill-settings-overlay{z-index:2;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.sg-skill-settings-modal{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;flex-direction:column;width:300px;max-height:260px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000026}.sg-skill-settings-header{border-bottom:1px solid var(--color-border-light);align-items:center;gap:5px;padding:8px 10px;display:flex}.sg-skill-settings-name{color:var(--color-text-primary);font-size:8px;font-weight:600}.sg-skill-settings-field{flex-direction:column;gap:3px;padding:6px 10px;display:flex}.sg-skill-settings-field label{color:var(--color-text-secondary);font-size:7px;font-weight:600}.sg-skill-settings-select{border:1px solid var(--color-border-light);color:var(--color-text-primary);border-radius:4px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:7px;display:flex}.sg-skill-settings-tabs{border-bottom:1px solid var(--color-border-light);display:flex}.sg-skill-settings-tab{color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:3px;padding:5px 0;font-size:7px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.sg-skill-settings-tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.sg-skill-settings-keys{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.sg-skill-settings-keys-empty{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:3px;padding:8px 0;font-size:8px;display:flex}.sg-skill-settings-keys-hint{color:var(--color-text-muted);opacity:.7;font-size:7px}.sg-skill-settings-key-row{align-items:center;gap:4px;display:flex}.sg-skill-settings-key-input{border:1px solid var(--color-border-light);border-radius:4px;flex:1;padding:3px 6px;font-size:7px}.sg-skill-settings-key-input .muted{color:var(--color-text-muted)}.sg-skill-settings-add-btn{background:var(--color-accent-primary);color:#fff;cursor:pointer;font-size:7px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:none;border-radius:4px;padding:3px 8px}.sg-skill-settings-sharing{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.sg-skill-settings-share-input-row{align-items:center;gap:4px;display:flex}.sg-skill-settings-share-email{border:1px solid var(--color-border-light);border-radius:4px;flex:1;padding:3px 6px;font-size:7px}.sg-skill-settings-share-email .muted{color:var(--color-text-muted)}.sg-skill-settings-share-perm{border:1px solid var(--color-border-light);color:var(--color-text-primary);white-space:nowrap;border-radius:4px;align-items:center;gap:2px;padding:3px 6px;font-size:7px;display:flex}.sg-skill-settings-share-section{flex-direction:column;gap:4px;display:flex}.sg-skill-settings-share-label{color:var(--color-text-secondary);font-size:7px;font-weight:600}.sg-skill-settings-share-person{align-items:center;gap:6px;padding:3px 0;display:flex}.sg-skill-settings-share-avatar{background:var(--color-accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:7px;font-weight:700;display:flex}.sg-skill-settings-share-info{color:var(--color-text-primary);flex-direction:column;font-size:7px;display:flex}.sg-skill-settings-share-role{color:var(--color-text-muted);font-size:6.5px}.sg-skill-settings-share-access{border:1px solid var(--color-border-light);color:var(--color-text-primary);border-radius:4px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:7px;display:flex}.fade-in{animation:.5s sg-fadeIn}@keyframes sg-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sg-spin{animation:1s linear infinite sg-spin}@keyframes sg-spin{to{transform:rotate(360deg)}}.skill-explorer{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);flex-direction:column;width:260px;min-width:200px;max-width:400px;height:100%;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.skill-explorer.embedded{background:0 0;border-right:none;width:100%;min-width:0;max-width:none}.skill-explorer-embedded-actions{justify-content:flex-end;gap:2px;padding:4px 8px;display:flex}.skill-explorer.collapsed{width:40px;min-width:40px;max-width:40px;padding-top:var(--spacing-sm);align-items:center}.skill-explorer-expand-btn{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skill-explorer-expand-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-explorer-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.skill-explorer-title{color:var(--color-text-muted);letter-spacing:.5px;font-size:11px;font-weight:600}.skill-explorer-actions{gap:2px;display:flex}.skill-explorer-action-btn{width:22px;height:22px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skill-explorer-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-explorer-help-btn{background:var(--color-accent-primary);color:#fff;border-radius:50%;width:24px;height:24px;animation:2s ease-in-out infinite helpPulse;position:relative;box-shadow:0 0 #5956d680}.skill-explorer-help-btn:after{content:"";border:2px solid var(--color-accent-primary);opacity:0;border-radius:50%;animation:2s ease-out infinite helpRing;position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.skill-explorer-help-btn:hover{background:var(--color-accent-secondary);color:#fff;animation:none;transform:scale(1.1)}.skill-explorer-help-btn:hover:after{opacity:0;animation:none}@keyframes helpPulse{0%,to{transform:scale(1);box-shadow:0 0 #5956d699}50%{transform:scale(1.05);box-shadow:0 0 8px 2px #5956d666}}@keyframes helpRing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.skill-explorer-content{padding:var(--spacing-xs)0;flex:1;overflow-y:auto}.skill-explorer-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex}.skill-tree-root{margin-bottom:2px}.skill-tree-item{cursor:pointer;transition:background var(--transition-fast);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:flex;position:relative}.skill-tree-item:hover{background:var(--color-bg-hover)}.skill-tree-item.selected{background:var(--color-accent-light);color:var(--color-text-primary)}.skill-tree-item.skill-root{color:var(--color-text-primary);font-weight:500}.skill-tree-item.file{padding-left:8px}.skill-tree-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-tree-folder-icon{flex-shrink:0;align-items:center;display:flex}.skill-tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.skill-tree-item.skill-root.inactive .skill-tree-name{color:var(--color-text-muted)}.skill-tree-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;margin-right:56px;display:flex}.skill-tree-delete-btn{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none;position:absolute;right:4px}.skill-tree-item:hover .skill-tree-delete-btn{display:flex}.skill-tree-delete-btn:hover{color:#ef4444;background:#fee2e2}.skill-owner-badge{background:var(--color-bg-tertiary);min-width:18px;height:18px;color:var(--color-text-secondary);opacity:.7;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.skill-tree-item.own-skill .skill-owner-badge{opacity:1}.skill-owner-badge.own{background:var(--color-accent-light);color:var(--color-accent-primary);opacity:1;padding:0 6px}.skill-owner-you{text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.skill-tree-item:hover .skill-owner-badge{opacity:1}.skill-owner-avatar{object-fit:cover;border-radius:50%;width:18px;height:18px}.skill-active-toggle{border:1px solid var(--color-border-light);background:var(--color-bg-tertiary);cursor:pointer;width:34px;height:18px;transition:all var(--transition-fast);border-radius:999px;justify-content:flex-start;align-items:center;padding:0;display:inline-flex;position:relative}.skill-active-toggle-thumb{width:14px;height:14px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transform:translate(2px)}.skill-active-toggle.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.skill-active-toggle.active .skill-active-toggle-thumb{transform:translate(18px)}.skill-active-toggle:disabled{opacity:.5;cursor:not-allowed}.skill-request-actions{flex-shrink:0;align-items:center;gap:2px;display:flex;position:absolute;right:28px}.skill-request-pending{color:var(--color-text-muted);font-size:10px;font-style:italic}.skill-request-cancel-btn,.skill-request-access-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:2px 4px;font-size:10px;display:flex}.skill-request-access-btn:hover,.skill-request-cancel-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-request-access-btn:focus,.skill-request-cancel-btn:focus{outline:none}.skill-settings-actions{flex-shrink:0;align-items:center;gap:2px;display:flex;position:absolute;right:28px}.skill-settings-btn{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.skill-tree-item:hover .skill-settings-btn{color:var(--color-text-primary)}.skill-settings-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-primary)}.skill-pending-badge{color:#fff;border:1.5px solid var(--color-bg-primary);background:#ef4444;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.skill-warning-badge{color:#d97706;border:1.5px solid var(--color-bg-primary);background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:-4px;right:-4px}.skill-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skill-modal{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);min-width:280px;box-shadow:var(--shadow-lg)}.skill-modal h3{margin:0 0 var(--spacing-sm);font-size:14px}.skill-modal-desc{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:12px}.skill-modal-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.skill-modal-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;padding:8px 12px;font-size:13px}.skill-modal-btn:hover:not(:disabled){background:var(--color-bg-hover)}.skill-modal-btn.secondary{background:0 0}.skill-modal-btn:disabled{opacity:.6;cursor:not-allowed}.skill-manage-overlay{z-index:1001;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skill-manage-modal{background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:360px;max-width:480px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.skill-manage-modal.small{min-width:300px}.skill-manage-modal.approve-modal{min-width:400px;max-width:500px}.skill-manage-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.skill-manage-header h2{margin:0;font-size:14px}.skill-manage-close{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.skill-manage-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-manage-tabs{padding:0 var(--spacing-lg);border-bottom:1px solid var(--color-border-light);gap:0;display:flex}.skill-manage-tabs button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:12px}.skill-manage-tabs button:hover{color:var(--color-text-primary)}.skill-manage-tabs button.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.skill-manage-body{padding:var(--spacing-lg);overflow-y:auto}.skill-manage-list{margin:0;padding:0;list-style:none}.skill-manage-item{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.skill-manage-item:last-child{border-bottom:none}.skill-manage-item-info{flex-direction:column;flex:1;gap:4px;display:flex}.skill-manage-item-name{color:var(--color-text-primary);font-weight:500}.skill-manage-item-level{color:var(--color-text-muted);font-size:11px}.skill-manage-actions{gap:6px;display:flex}.skill-manage-form{flex-direction:column;gap:16px;display:flex}.skill-manage-form-field{flex-direction:column;gap:6px;display:flex}.skill-manage-form-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.skill-manage-email-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:10px 12px;font-family:inherit;font-size:13px}.skill-manage-email-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-light);outline:none}.skill-manage-email-input::placeholder{color:var(--color-text-muted)}.skill-manage-form label{align-items:center;gap:8px;font-size:12px;display:flex}.skill-manage-form input[type=number]{width:80px;padding:4px 8px}.skill-manage-secrets{flex-direction:column;gap:4px;font-size:12px;display:flex}.skill-manage-secrets label{cursor:pointer;align-items:center;gap:6px;display:flex}.muted{color:var(--color-text-muted);font-size:12px}.btn-approve,.btn-reject,.btn-revoke,.btn-grant,.btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.btn-approve{color:#22c55e;border-color:#22c55e}.btn-approve:hover{background:#dcfce7}.btn-reject,.btn-revoke{color:#ef4444;border-color:#ef4444}.btn-reject:hover,.btn-revoke:hover{background:#fee2e2}.btn-grant{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn-grant:hover:not(:disabled){background:var(--color-accent-light)}.btn-grant:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:hover{background:var(--color-bg-hover)}.skill-grants-empty{padding:var(--spacing-xl)var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);flex-direction:column;display:flex}.skill-grants-empty svg{opacity:.5}.skill-grants-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.skill-grant-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.skill-grant-item:hover{border-color:var(--color-border);box-shadow:0 1px 3px #0000001a}.skill-grant-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.skill-grant-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.skill-grant-user{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.skill-grant-user svg{color:var(--color-text-muted);flex-shrink:0}.skill-grant-email{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.skill-grant-permissions{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.skill-grant-permission{align-items:center;display:flex}.permission-badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.permission-badge svg{width:12px;height:12px}.permission-use{color:#166534;background:#dcfce7;border:1px solid #86efac}.permission-edit{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.permission-none{background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border-light)}.skill-grant-keys{align-items:flex-start;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-light);display:flex}.skill-grant-keys svg{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.skill-grant-keys-list{flex-wrap:wrap;flex:1;gap:4px;display:flex}.skill-grant-key-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:2px 6px;font-family:monospace;font-size:10px;font-weight:500;display:inline-block}.skill-grant-error{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;font-size:12px;display:flex}.skill-grant-error svg{flex-shrink:0}.approve-request-info{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:16px;margin-bottom:20px;padding:16px;display:flex}.approve-request-user,.approve-request-level{flex-direction:column;gap:6px;display:flex}.approve-request-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:11px;font-weight:600}.approve-request-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.approve-request-badge{gap:8px;display:flex}.badge-use,.badge-use-edit{border-radius:var(--radius-sm);align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-use{color:#2563eb;background:#dbeafe;border:1px solid #93c5fd}.badge-use-edit{color:#059669;background:#d1fae5;border:1px solid #6ee7b7}.approve-secrets-section{margin-top:20px}.approve-secrets-title{color:var(--color-text-primary);margin-bottom:6px;font-size:13px;font-weight:600}.approve-secrets-desc{color:var(--color-text-muted);margin-bottom:12px;font-size:12px}.approve-no-secrets{text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:20px;padding:16px}.secret-checkbox{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px;transition:background .15s;display:flex}.secret-checkbox:hover{background:var(--color-bg-hover)}.secret-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent-primary)}.secret-key{color:var(--color-text-primary);font-family:monospace;font-size:12px;font-weight:500}.skill-manage-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.skill-manage-footer .btn-approve,.skill-manage-footer .btn-secondary{padding:8px 16px;font-size:13px}.skill-file-editor{background:var(--color-bg-primary);border-right:1px solid var(--color-border-light);flex-direction:column;flex:1;min-width:300px;display:flex;overflow:hidden}.skill-file-editor-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;min-height:44px;display:flex}.skill-file-editor-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);min-width:0;font-size:13px;display:flex;overflow:hidden}.skill-file-editor-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-file-editor-modified{color:var(--color-warning);font-size:16px;line-height:1}.skill-file-editor-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.skill-file-editor-status{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.skill-file-editor-status.saved{color:#16a34a;background:#dcfce7}.skill-file-editor-status.error{color:#dc2626;background:#fee2e2}.skill-file-editor-status.readonly{color:#6b7280;background:#f3f4f6}.skill-file-editor-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.skill-file-editor-btn.save{background:var(--color-accent-primary);color:#fff}.skill-file-editor-btn.save:hover:not(:disabled){background:var(--color-accent-secondary)}.skill-file-editor-btn.save:disabled{opacity:.5;cursor:not-allowed}.skill-file-editor-btn.close{color:var(--color-text-muted);background:0 0}.skill-file-editor-btn.close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-file-editor-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.skill-file-editor-loading,.skill-file-editor-error{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);flex-direction:column;flex:1;font-size:13px;display:flex}.skill-file-editor-wrapper{flex:1;display:flex;overflow:hidden}.skill-file-editor-line-numbers{padding:var(--spacing-md)0;padding-right:var(--spacing-sm);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);text-align:right;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;overflow-y:auto}.skill-file-editor-line-numbers::-webkit-scrollbar{display:none}.skill-file-editor-line-number{font-family:var(--font-mono);color:var(--color-text-muted);padding:0 var(--spacing-sm);min-width:40px;font-size:12px;line-height:1.6}.skill-file-editor-textarea{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-mono);padding:var(--spacing-md);resize:none;white-space:pre;-moz-tab-size:4;tab-size:4;border:none;outline:none;flex:1;font-size:13px;line-height:1.6;overflow:auto}.skill-file-editor-textarea::placeholder{color:var(--color-text-muted)}.skill-file-editor-textarea.readonly{background:var(--color-bg-secondary);cursor:not-allowed}.skill-file-editor-footer{padding:var(--spacing-xs)var(--spacing-md);border-top:1px solid var(--color-border-light);background:#fffbeb}.app-main-layout,.app-chat-area{flex:1;min-height:0;display:flex;overflow:hidden}.skill-tree-input{border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);outline:none;flex:1;min-width:0;padding:2px 6px;font-family:inherit;font-size:12px}.skill-tree-input:focus{box-shadow:0 0 0 2px var(--color-accent-light)}.skill-tree-item.creating,.skill-tree-item.renaming{background:var(--color-accent-light)}.skill-context-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;padding:var(--spacing-xs);animation:.1s fadeIn}.skill-context-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;font-size:13px;display:flex}.skill-context-menu-item:hover{background:var(--color-bg-hover)}.skill-context-menu-item.danger{color:#dc2626}.skill-context-menu-item.danger:hover{background:#fee2e2}.skill-context-menu-divider{background:var(--color-border-light);height:1px;margin:var(--spacing-xs)0}.skills-dropdown-container{position:relative}.skills-dropdown-trigger{border:1px solid var(--color-border-light);min-width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:16px;justify-content:center;align-items:center;gap:4px;padding:0 8px;transition:all .15s;display:flex}.skills-dropdown-trigger:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.skills-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.skills-dropdown-count{color:var(--color-text-secondary);text-align:center;min-width:14px;font-size:11px;font-weight:600}.skills-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:100;width:240px;animation:.15s ease-out dropdownSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.skills-dropdown-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.skills-dropdown-list{max-height:240px;overflow-y:auto}.skills-dropdown-empty{padding:var(--spacing-lg)var(--spacing-md);text-align:center;color:var(--color-text-muted)}.skills-dropdown-empty p{margin:0 0 4px;font-size:13px}.skills-dropdown-empty span{font-size:11px}.skills-dropdown-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;font-size:13px;transition:all .1s;display:flex}.skills-dropdown-item:hover{background:var(--color-bg-secondary)}.skills-dropdown-item svg{color:var(--color-text-muted);flex-shrink:0}.skills-dropdown-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.skills-dropdown-item.disabled{opacity:.5;cursor:default}.skills-dropdown-item.disabled:hover{background:0 0}.skills-dropdown-item-status{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.skills-dropdown-footer{padding:var(--spacing-xs);border-top:1px solid var(--color-border)}.skills-dropdown-manage-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:13px;font-weight:500;transition:all .15s;display:flex}.skills-dropdown-manage-btn:hover{background:var(--color-accent-primary);color:#fff}.skills-modal-container{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:min(1100px,95vw);height:min(700px,85vh);animation:.2s slideUp;display:flex;overflow:hidden}.skills-modal-container.skills-modal-fullpage{width:min(1000px,95vw);height:min(750px,90vh)}.skills-modal-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.skills-modal-title{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);color:var(--color-text-primary);font-size:16px;font-weight:700;display:flex}.skills-modal-title h2{font-size:inherit;font-weight:inherit;margin:0}.skills-modal-count{background:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.skills-modal-pending-badge{background:var(--color-warning,#f59e0b);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;animation:2s infinite pulse}.skills-modal-actions{align-items:center;gap:6px;display:flex}.skills-modal-icon-btn{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skills-modal-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-icon-btn.danger{color:var(--color-error)}.skills-modal-icon-btn.danger:hover{color:var(--color-error);background:#eb57571a}.skills-modal-back-btn{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-right:4px;display:flex}.skills-modal-back-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-list-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.skills-modal-toolbar{padding:12px var(--spacing-lg);flex-direction:column;flex-shrink:0;gap:8px;display:flex}.skills-modal-toolbar-row{align-items:center;gap:12px;display:flex}.skills-modal-toolbar-row .skills-modal-search{flex:1;min-width:0}.skills-modal-filter-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.skills-modal-filter-divider{background:var(--color-border-light);flex-shrink:0;width:1px;height:18px;margin:0 2px;display:inline-block}.skills-modal-filter-chip{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.skills-modal-filter-chip:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.skills-modal-filter-chip.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.skills-modal-filter-chip.active .skills-modal-filter-count{color:inherit;opacity:.75}.skills-modal-filter-count{color:var(--color-text-muted);font-size:11px;font-weight:400}.skills-modal-bulk-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.skills-modal-bulk-btn{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.skills-modal-bulk-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-primary)}.skills-modal-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.skills-modal-cattabs{padding:0 var(--spacing-lg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;align-items:center;display:flex;position:relative}.skills-modal-cattabs-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:stretch;gap:0;min-width:0;display:flex;overflow-x:auto}.skills-modal-cattabs-scroll::-webkit-scrollbar{display:none}.skills-modal-cattab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .15s;position:relative}.skills-modal-cattab:hover{color:var(--color-text-primary)}.skills-modal-cattab.active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary);font-weight:600}.skills-modal-cattabs-arrow{background:var(--color-bg-secondary);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;transition:all .15s;display:flex}.skills-modal-cattabs-arrow:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-category-badge{color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:120px;padding:1px 7px;font-size:10px;font-weight:500;display:inline-flex;overflow:hidden}.skills-modal-grid-footer-left{align-items:center;min-width:0;display:flex}.skills-modal-grid-footer-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.skills-modal-grid{padding:var(--spacing-md)var(--spacing-lg)var(--spacing-lg);gap:var(--spacing-md);flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;display:grid;overflow-y:auto}.skills-modal-grid-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;flex-direction:column;transition:all .15s;display:flex}.skills-modal-grid-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.skills-modal-grid-item.inactive{opacity:.6}.skills-modal-grid-item-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.skills-modal-grid-item-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.skills-modal-grid-item-actions{align-items:center;gap:6px;display:flex}.skills-modal-grid-action{width:26px;height:26px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skills-modal-grid-item:hover .skills-modal-grid-action{opacity:1}.skills-modal-grid-action:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-grid-item-content{flex:1;min-height:0}.skills-modal-grid-item-name{color:var(--color-text-primary);align-items:center;gap:6px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.skills-modal-grid-item.inactive .skills-modal-grid-item-name{color:var(--color-text-muted)}.skills-modal-grid-action-btn{width:26px;height:26px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skills-modal-grid-item:hover .skills-modal-grid-action-btn{opacity:1}.skills-modal-grid-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-grid-action-btn.delete:hover{color:#ef4444;background:#dc262620}.skills-modal-grid-settings{width:22px;height:22px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.skills-modal-grid-settings:hover{background:var(--color-bg-hover)}.skills-modal-grid-request{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.skills-modal-grid-request:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-grid-pending{background:var(--color-warning-light,#fef3c7);color:var(--color-warning,#d97706);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.skills-modal-grid-pending:hover{background:var(--color-warning-hover,#fde68a)}.skills-modal-request-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skills-modal-request-dialog{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:300px;max-width:400px;box-shadow:0 20px 60px #0000004d}.skills-modal-request-dialog h3{margin:0 0 var(--spacing-sm)0;color:var(--color-text-primary);font-size:16px;font-weight:600}.skills-modal-request-dialog p{margin:0 0 var(--spacing-md)0;color:var(--color-text-secondary);font-size:13px}.skills-modal-request-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.skills-modal-request-btn{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:500}.skills-modal-request-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-dark)}.skills-modal-request-btn.secondary{color:var(--color-text-muted);background:0 0}.skills-modal-request-btn.secondary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.skills-modal-request-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-primary)}.skills-modal-request-btn.delete{color:#ef4444;background:#dc262620;border-color:#ef444440}.skills-modal-request-btn.delete:hover:not(:disabled){background:#dc262640;border-color:#ef4444}.skills-modal-rename-field{margin-bottom:var(--spacing-md);flex-direction:column;gap:6px;display:flex}.skills-modal-rename-field .skills-modal-import-rename-input{font-family:inherit;font-size:14px}.skills-modal-rename-preview{color:var(--color-text-muted);font-size:12px}.skills-modal-rename-preview strong{color:var(--color-text-secondary);font-family:var(--font-mono,monospace);font-weight:500}.skills-modal-grid-item-desc{color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.skills-modal-grid-item-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.skills-modal-grid-owner{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.skills-modal-grid-owner.own{color:var(--color-text-secondary);font-weight:500}.skills-modal-grid-avatar{object-fit:cover;border-radius:50%;width:16px;height:16px}.skills-modal-empty-full{padding:var(--spacing-xl)*2;color:var(--color-text-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.skills-modal-empty-full svg{opacity:.2;margin-bottom:var(--spacing-md)}.skills-modal-empty-full p{color:var(--color-text-secondary);margin:0 0 4px;font-size:15px;font-weight:500}.skills-modal-empty-full span{font-size:13px}.skills-modal-editor-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.skills-modal-editor-desc{padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-muted);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);margin:0;font-size:13px}.skills-modal-editor-split{flex:1;min-height:0;display:flex;overflow:hidden}.skills-modal-code-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.skills-modal-code-content .yaml-frontmatter-block,.skills-modal-code-content .yaml-frontmatter-warning{margin:var(--spacing-md);flex-shrink:0;margin-bottom:0}.skills-modal-code-content .skills-modal-code-textarea{background:var(--color-bg-primary);min-height:300px;color:var(--color-text-primary);font-family:var(--font-mono);padding:var(--spacing-md);resize:none;white-space:pre;-moz-tab-size:4;tab-size:4;border:none;outline:none;flex:1;font-size:13px;line-height:1.6}.skills-modal-code-content .skills-modal-code-textarea.readonly{background:var(--color-bg-secondary);cursor:not-allowed}.skills-modal-split{flex:1;min-height:0;display:flex;overflow:hidden}.skills-modal-left{border-right:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-direction:column;width:280px;min-width:240px;display:flex}.skills-modal-search-wrapper{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.skills-modal-search{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 10px;display:flex}.skills-modal-search:focus-within{border-color:var(--color-text-primary)}.skills-modal-search-icon{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.skills-modal-search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.skills-modal-search-input::placeholder{color:var(--color-text-muted)}.skills-modal-search-clear{background:var(--color-bg-tertiary);width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skills-modal-search-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-skills-list{padding:var(--spacing-xs);flex:1;overflow-y:auto}.skills-modal-empty{padding:var(--spacing-xl);color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.skills-modal-empty svg{opacity:.3;margin-bottom:var(--spacing-sm)}.skills-modal-empty p{margin:0;font-size:13px}.skills-modal-skill-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;margin-bottom:2px;transition:all .1s;display:flex}.skills-modal-skill-item:hover,.skills-modal-skill-item.selected{background:var(--color-bg-hover)}.skills-modal-skill-item.inactive{opacity:.6}.skills-modal-skill-info{flex:1;min-width:0}.skills-modal-skill-name-row{align-items:center;gap:6px;display:flex}.skills-modal-skill-name-row svg{color:var(--color-text-muted);flex-shrink:0}.skills-modal-skill-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.skills-modal-skill-item.inactive .skills-modal-skill-name{color:var(--color-text-muted)}.skills-modal-skill-meta{align-items:center;gap:4px;margin-top:2px;padding-left:22px;display:flex}.skills-modal-skill-meta svg{color:var(--color-text-muted)}.skills-modal-skill-avatar{object-fit:cover;border-radius:50%;width:14px;height:14px}.skills-modal-skill-owner{color:var(--color-text-muted);font-size:11px}.skills-modal-skill-owner.own{color:var(--color-text-secondary);font-weight:500}.skills-modal-skill-owner-name{color:var(--color-text-muted);font-size:11px}.skills-modal-skill-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.skills-modal-skill-settings{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skills-modal-skill-item:hover .skills-modal-skill-settings{opacity:1}.skills-modal-skill-settings:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-toggle{background:var(--color-bg-tertiary);cursor:pointer;width:36px;height:20px;transition:all var(--transition-fast);border:none;border-radius:999px;padding:0;position:relative}.skills-modal-toggle-thumb{width:16px;height:16px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.skills-modal-toggle.active{background:var(--color-accent-primary)}.skills-modal-toggle.active .skills-modal-toggle-thumb{transform:translate(16px)}.skills-modal-toggle:disabled{opacity:.5;cursor:not-allowed}.skills-modal-right{background:var(--color-bg-primary);flex-direction:column;flex:1;min-width:0;display:flex}.skills-modal-no-selection{color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.skills-modal-no-selection svg{opacity:.2;margin-bottom:var(--spacing-md)}.skills-modal-no-selection p{color:var(--color-text-secondary);margin:0 0 4px;font-size:14px;font-weight:500}.skills-modal-no-selection span{font-size:12px}.skills-modal-skill-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:flex-start;display:flex}.skills-modal-skill-header-info h3{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:600}.skills-modal-skill-desc{color:var(--color-text-muted);margin:4px 0 0;font-size:12px}.skills-modal-skill-header-actions{gap:var(--spacing-sm);display:flex}.skills-modal-delete-btn{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.skills-modal-delete-btn:hover{color:#ef4444;background:#fee2e2}.skills-modal-editor-area{flex:1;min-height:0;display:flex;overflow:hidden}.skills-modal-file-tree{border-right:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-direction:column;width:180px;min-width:150px;display:flex}.skills-modal-file-tree-header{padding:var(--spacing-sm)var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.skills-modal-file-tree-content{padding:var(--spacing-xs)0;flex:1;overflow-y:auto}.skills-modal-file-tree-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:12px}.skills-modal-file-item{width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.skills-modal-file-item:hover{background:var(--color-bg-hover)}.skills-modal-file-item.selected{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-modal-file-icon{width:16px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.skills-modal-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.skills-modal-code-editor{background:var(--color-bg-primary);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.skills-modal-code-empty,.skills-modal-code-loading{color:var(--color-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.skills-modal-code-empty svg,.skills-modal-code-loading svg{opacity:.3;margin-bottom:var(--spacing-sm)}.skills-modal-code-empty p,.skills-modal-code-loading p{margin:0;font-size:13px}.skills-modal-code-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.skills-modal-code-path{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);min-width:0;font-size:12px;display:flex;overflow:hidden}.skills-modal-code-path span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skills-modal-unsaved{color:var(--color-warning);font-size:16px}.skills-modal-code-actions{align-items:center;gap:var(--spacing-sm);display:flex}.skills-modal-save-status{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px}.skills-modal-save-status.saved{color:#16a34a;background:#dcfce7}.skills-modal-save-status.error{color:#dc2626;background:#fee2e2}.skills-modal-readonly-badge{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-muted);align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.skills-modal-save-btn{border-radius:var(--radius-sm);background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.skills-modal-save-btn:hover:not(:disabled){background:var(--color-accent-secondary)}.skills-modal-save-btn:disabled{opacity:.5;cursor:not-allowed}.skills-modal-code-textarea{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-mono);padding:var(--spacing-md);resize:none;white-space:pre;-moz-tab-size:4;tab-size:4;border:none;outline:none;flex:1;font-size:13px;line-height:1.6;overflow:auto}.skills-modal-code-textarea::placeholder{color:var(--color-text-muted)}.skills-modal-code-textarea.readonly{background:var(--color-bg-secondary);cursor:not-allowed}.skill-file-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skill-file-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:90%;max-width:900px;height:80%;max-height:700px;animation:.2s slideUp;display:flex;overflow:hidden}.skill-file-modal.maximized{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.skill-file-modal-header{padding:var(--spacing-sm)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;min-height:48px;display:flex}.skill-file-modal-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);min-width:0;font-size:14px;font-weight:500;display:flex;overflow:hidden}.skill-file-modal-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-file-modal-modified{color:var(--color-warning);margin-left:4px;font-size:18px;line-height:1}.skill-file-modal-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.skill-file-modal-status{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:flex}.skill-file-modal-status.saved{color:#16a34a;background:#dcfce7}.skill-file-modal-status.error{color:#dc2626;background:#fee2e2}.skill-file-modal-status.readonly{color:#6b7280;background:#f3f4f6}.skill-file-modal-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.skill-file-modal-btn.save{background:var(--color-accent-primary);color:#fff}.skill-file-modal-btn.save:hover:not(:disabled){background:var(--color-accent-secondary)}.skill-file-modal-btn.save:disabled{opacity:.5;cursor:not-allowed}.skill-file-modal-btn.icon{color:var(--color-text-muted);background:0 0;padding:6px}.skill-file-modal-btn.icon:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-file-modal-btn.close{color:var(--color-text-muted);background:0 0;padding:6px}.skill-file-modal-btn.close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-file-modal-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.skill-file-modal-loading,.skill-file-modal-error{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);flex-direction:column;flex:1;font-size:14px;display:flex}.skill-file-modal-editor{flex:1;display:flex;overflow:hidden}.skill-file-modal-line-numbers{padding:var(--spacing-md)0;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);text-align:right;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;overflow-y:auto}.skill-file-modal-line-numbers::-webkit-scrollbar{display:none}.skill-file-modal-line-number{font-family:var(--font-mono);color:var(--color-text-muted);padding:0 var(--spacing-md);min-width:50px;font-size:13px;line-height:1.6}.skill-file-modal-textarea{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-mono);padding:var(--spacing-md);resize:none;white-space:pre;-moz-tab-size:4;tab-size:4;border:none;outline:none;flex:1;font-size:13px;line-height:1.6;overflow:auto}.skill-file-modal-textarea::placeholder{color:var(--color-text-muted)}.skill-file-modal-textarea.readonly{background:var(--color-bg-secondary);cursor:not-allowed}.skill-file-modal-footer{padding:var(--spacing-sm)var(--spacing-lg);border-top:1px solid var(--color-border-light);background:#fffbeb}.skills-help-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skills-help-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.2s slideUp;display:flex;overflow:hidden}.skills-help-modal-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;min-height:56px;display:flex}.skills-help-modal-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:16px;font-weight:600;display:flex}.skills-help-modal-title svg{color:var(--color-accent-primary)}.skills-help-modal-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.skills-help-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skills-help-modal-content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.skills-help-navigation-container{gap:var(--spacing-xl);flex-direction:column;min-height:300px;display:flex}.skills-help-progress-track{padding:var(--spacing-md)0;justify-content:space-between;align-items:center;max-width:100%;display:flex;position:relative}.skills-help-progress-track:before{content:"";background:var(--color-border-light);z-index:0;border-radius:1px;height:2px;position:absolute;top:24px;left:16px;right:16px}.skills-help-progress-line{background:var(--color-accent-primary);z-index:1;transform-origin:0;border-radius:1px;max-width:calc(100% - 32px);height:2px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite progressGlow;position:absolute;top:24px;left:16px;box-shadow:0 0 6px #5956d680}@keyframes progressGlow{0%,to{box-shadow:0 0 6px #5956d680}50%{box-shadow:0 0 10px #5956d6cc}}.skills-help-progress-item{align-items:center;gap:var(--spacing-xs);cursor:pointer;z-index:2;flex-direction:column;flex:1;transition:all .2s;display:flex;position:relative}.skills-help-progress-dot{background:var(--color-bg-primary);border:2px solid var(--color-border-light);width:32px;height:32px;color:var(--color-text-muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:relative}.skills-help-progress-item:hover .skills-help-progress-dot{animation:1.5s ease-in-out infinite nodePulse}.skills-help-progress-item:hover .skills-help-progress-dot:before{content:"";border:2px solid var(--color-accent-primary);opacity:0;border-radius:50%;animation:1.5s ease-out infinite nodeRing;position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}@keyframes nodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes nodeRing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.skills-help-progress-item.completed .skills-help-progress-dot{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.skills-help-progress-item.active .skills-help-progress-dot{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;transform:scale(1.15)}.skills-help-progress-label{color:var(--color-text-muted);transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.skills-help-progress-item.active .skills-help-progress-label{color:var(--color-accent-primary);font-weight:600}.skills-help-progress-item.completed .skills-help-progress-label{color:var(--color-text-secondary)}.skills-help-content-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;animation:.2s fadeIn}.skills-help-content-icon{margin-bottom:var(--spacing-sm);color:var(--color-accent-primary);justify-content:center;align-items:center;line-height:1;display:flex}.skills-help-content-title{font-family:var(--font-heading);color:var(--color-text-primary);margin:0 0 var(--spacing-md)0;font-size:18px;font-weight:700}.skills-help-content-description{color:var(--color-text-secondary);max-width:500px;margin:0 auto;font-size:14px;line-height:1.6}.skills-help-content-description strong{color:var(--color-text-primary);font-weight:600}.skills-help-content-bullets{text-align:left;gap:var(--spacing-sm);flex-direction:column;max-width:500px;margin:0 auto;padding:0;list-style:none;display:flex}.skills-help-content-bullets li{color:var(--color-text-secondary);padding-left:var(--spacing-lg);font-size:14px;line-height:1.6;position:relative}.skills-help-content-bullets li:before{content:"•";color:var(--color-accent-primary);font-size:18px;font-weight:700;position:absolute;left:0}.skills-help-content-bullets li strong{color:var(--color-text-primary);font-weight:600}.skills-help-navigation-buttons{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);display:flex}.skills-help-nav-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:500;display:flex}.skills-help-nav-btn:hover:not(:disabled){background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #5956d633}.skills-help-nav-btn:disabled{opacity:.4;cursor:not-allowed}.skills-help-step-indicator{color:var(--color-text-muted);padding:var(--spacing-xs)var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-align:center;min-width:60px;font-size:13px;font-weight:600}.skills-doc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skills-doc-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 25px 50px -12px #00000040;flex-direction:column;width:94%;max-width:680px;height:580px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.skills-doc-header{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.skills-doc-header-title{color:var(--color-text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.skills-doc-header-title svg{color:var(--color-accent-primary)}.skills-doc-close{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.skills-doc-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sg-page-title{text-align:center;color:var(--color-text-primary);padding:12px 16px 0;font-size:16px;font-weight:600}.sg-viewport{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex:1;min-height:0;margin:0 16px 10px;position:relative;overflow:hidden}.sg-what-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;padding:28px 32px 20px;display:flex}.sg-what-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:22px;font-weight:700}.sg-what-illustration{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:28px 24px}.sg-what-scene{justify-content:center;align-items:center;gap:32px;display:flex}.sg-what-folder-stack{flex-direction:column;align-items:flex-start;display:flex;position:relative}.sg-what-folder{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);letter-spacing:.5px;z-index:2;align-items:center;gap:8px;padding:20px 28px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 16px #5956d64d}.sg-what-folder:before{content:"";border-radius:var(--radius-md);z-index:-1;background:#5956d68c;height:100%;position:absolute;top:-6px;left:0;right:8px;transform:translateY(-4px)}.sg-what-folder:after{content:"";border-radius:var(--radius-md);z-index:-2;background:#5956d64d;height:100%;position:absolute;top:-12px;left:0;right:16px;transform:translateY(-4px)}.sg-what-file{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:6px;margin-left:20px;padding:5px 10px;font-size:12px;font-weight:500;display:flex;box-shadow:0 1px 4px #0000000f}.sg-what-file-skill svg{color:#3b82f6}.sg-what-file-action svg{color:#eab308}.sg-what-bot-area{flex-direction:column;align-items:center;gap:8px;display:flex}.sg-what-bot-icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:44px;height:44px;color:var(--color-accent-primary);border:2px solid var(--color-accent-primary);justify-content:center;align-items:center;display:flex}.sg-what-speech-bubble{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);white-space:nowrap;padding:8px 14px;font-size:12px;font-weight:500;position:relative;box-shadow:0 2px 8px #0000000f}.sg-what-speech-bubble:before{content:"";background:var(--color-bg-primary);border-left:1px solid var(--color-border-light);border-top:1px solid var(--color-border-light);width:10px;height:10px;position:absolute;top:-6px;left:20px;transform:rotate(45deg)}.sg-what-descriptions{text-align:center;flex-direction:column;gap:6px;max-width:480px;display:flex}.sg-what-descriptions p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.sg-what-accent{color:var(--color-accent-primary);font-weight:600}.sg-what-highlight{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:2px 8px;font-weight:600}.skills-doc-footer{border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.skills-doc-nav-btn{color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:4px;min-width:110px;padding:7px 16px;font-size:13px;font-weight:500;display:flex}.skills-doc-nav-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.skills-doc-nav-btn:disabled{opacity:.4;cursor:not-allowed}.skills-doc-nav-btn.primary{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.skills-doc-nav-btn.primary:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #5956d64d}.skills-doc-page-dots{align-items:center;gap:8px;display:flex}.skills-doc-dot{background:var(--color-bg-tertiary);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%;padding:0}.skills-doc-dot.active{background:var(--color-accent-primary);transform:scale(1.25)}.skills-doc-dot:hover:not(.active){background:var(--color-text-muted)}.skills-doc-get-started{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:6px;min-width:110px;padding:7px 24px;font-size:13px;font-weight:600;display:flex}.skills-doc-get-started:hover{background:var(--color-accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #5956d64d}@media (max-width:768px){.skills-modal-container{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:100%;height:95dvh}.skills-modal-split{flex-direction:column}.skills-modal-left{border-right:none;border-bottom:1px solid var(--color-border-light);width:100%;min-width:0;max-height:40%}.skills-modal-right{flex:1;min-height:0}.skills-modal-editor-area{flex-direction:column}.skills-modal-file-tree{border-right:none;border-bottom:1px solid var(--color-border-light);width:100%;max-height:120px}.skills-modal-skill-settings{opacity:1}.skills-dropdown{width:220px;left:auto;right:0}.skill-explorer-embedded{padding:0}.skill-explorer-embedded .skill-item{padding:10px 8px}.skill-explorer-embedded .skill-item-name{font-size:13px}.skill-explorer-embedded .skill-item-owner{font-size:11px}.skill-explorer-embedded .skill-item-actions{opacity:1}.skill-explorer-embedded .skill-file-item{padding:8px 8px 8px 24px}.skill-explorer-embedded .skill-file-name{font-size:12px}.skills-doc-modal{border-radius:var(--radius-lg);width:calc(100% - 24px);max-width:calc(100% - 24px);height:85dvh}.sg-zoom-wrapper{transform-origin:50%;transform:scale(.85)}.sg-step-label{font-size:9px}.sg-what-page{gap:16px;padding:20px 16px 16px}.sg-what-title{font-size:18px}.sg-what-illustration{padding:20px 16px}.sg-what-scene{gap:20px}.sg-what-descriptions p{font-size:13px}.skills-doc-nav-btn{min-width:90px;padding:7px 12px;font-size:12px}.skills-doc-get-started{min-width:90px;padding:7px 16px;font-size:12px}.skill-settings-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:100%;max-height:95dvh}.skill-settings-header{padding:var(--spacing-md)var(--spacing-lg)}.skill-settings-body{padding:var(--spacing-md)}.skill-settings-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.skill-settings-tabs::-webkit-scrollbar{display:none}.skill-settings-tab{white-space:nowrap;flex-shrink:0}.skill-file-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:100%;height:95dvh}.skill-file-header{padding:var(--spacing-sm)var(--spacing-md)}.skill-file-editor{font-size:13px}}@media (max-width:480px){.skill-explorer-embedded .skill-item{padding:8px 6px}.skills-doc-modal{height:80dvh}.sg-zoom-wrapper{transform-origin:50%;transform:scale(.7)}.sg-what-scene{flex-direction:column;gap:16px}.sg-what-folder{padding:16px 22px;font-size:12px}}.yaml-frontmatter-block{background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border-light);overflow:hidden}.yaml-frontmatter-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.yaml-frontmatter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.yaml-frontmatter-copy{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.yaml-frontmatter-copy:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.yaml-frontmatter-content{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.yaml-frontmatter-field{font-family:var(--font-mono);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.yaml-frontmatter-key{color:#e06c75;flex-shrink:0;font-weight:500}.yaml-frontmatter-value{color:#98c379;word-break:break-word}.yaml-frontmatter-warning{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.yaml-frontmatter-warning>svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.yaml-frontmatter-warning-content{flex-direction:column;gap:4px;display:flex}.yaml-frontmatter-warning-title{color:#f59e0b;font-size:13px;font-weight:600}.yaml-frontmatter-warning-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.yaml-frontmatter-warning-desc code{font-family:var(--font-mono);background:#0003;border-radius:3px;padding:1px 4px;font-size:11px}.skills-modal-toast{border-radius:var(--radius-md);z-index:10001;cursor:pointer;max-width:480px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.3s toast-slide-up;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.skills-modal-toast-success{color:#fff;background:#22c55ef2;border:1px solid #22c55e4d}.skills-modal-toast-error{color:#fff;background:#ef4444f2;border:1px solid #ef44444d}.skills-modal-import-dialog{max-width:420px}.skills-modal-import-rename{flex-direction:column;gap:6px;margin:16px 0 20px;display:flex}.skills-modal-import-rename-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.skills-modal-import-rename-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:13px;font-family:var(--font-mono);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;padding:9px 12px}.skills-modal-import-rename-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #5e34f11a}.skills-modal-import-rename-input.invalid{border-color:var(--color-error)}.skills-modal-import-rename-input.invalid:focus{box-shadow:0 0 0 3px #ef44441a}.skills-modal-import-rename-hint{color:var(--color-error);font-size:11px;line-height:1.4}.skills-modal-load-more{padding:var(--spacing-lg)0;color:var(--color-text-muted);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.skills-modal-eval-btn{border:none;border-top:1px solid var(--color-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.skills-modal-eval-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.skill-eval-popup-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.skill-eval-popup{background:var(--color-bg-primary);border-radius:12px;flex-direction:column;width:min(580px,90vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.skill-eval-popup-header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}.skill-eval-popup-header h3{color:var(--color-text-primary);flex:1;margin:0;font-size:14px;font-weight:600}.skill-eval-popup-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.skill-eval-popup-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.skill-eval-popup-body{flex:1;padding:16px;overflow-y:auto}.agent-item-wrapper{position:relative}.agent-item{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--color-text-secondary);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.agent-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-item.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.agent-icon{flex-shrink:0;width:16px;height:16px}.agent-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.agent-count{color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:10px;margin-right:4px;padding:1px 6px;font-size:11px}.agent-actions{opacity:0;transition:opacity var(--transition-fast);gap:2px;display:flex}.agent-item:hover .agent-actions{opacity:1}.agent-action-btn{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.agent-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.agent-action-btn.delete:hover{color:var(--color-error)}.agent-create-form,.agent-edit-form{align-items:center;gap:4px;padding:4px 10px;display:flex}.agent-create-form input,.agent-edit-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);outline:none;flex:1;padding:6px 10px;font-size:13px}.agent-create-form input:focus,.agent-edit-form input:focus{border-color:var(--color-accent-primary)}.agent-create-btn,.agent-cancel-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.agent-create-btn{background:var(--color-accent-light);color:var(--color-accent-primary)}.agent-create-btn:hover{background:var(--color-accent-primary);color:#fff}.agent-cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.agent-cancel-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-api-info{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:4px 10px 8px;padding:12px}.api-info-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.api-info-title{color:var(--color-text-primary);font-size:13px;font-weight:600}.api-info-close{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.api-info-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.api-info-row{margin-bottom:10px}.api-info-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.api-info-value-row{align-items:center;gap:6px;display:flex}.api-info-code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:4px 8px;font-size:12px}.api-info-endpoint{word-break:break-all;font-size:11px}.api-info-copy{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.api-info-copy:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.api-info-copy-btn{background:var(--color-accent-light);color:var(--color-accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.api-info-curl{border-radius:var(--radius-md);background:#1e1e1e;margin-top:8px;padding:10px;overflow-x:auto}.api-info-curl pre{font-family:var(--font-mono);color:#d4d4d4;white-space:pre-wrap;word-break:break-all;margin:0;font-size:11px;line-height:1.5}.api-info-skills{border-top:1px solid var(--color-border-light);margin-top:12px;padding-top:10px}.api-info-skill-list{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.api-info-skill-tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:10px;padding:2px 8px;font-size:11px}.agents-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.agent-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);gap:var(--spacing-md);flex-direction:column;max-height:400px;display:flex;overflow:hidden}.agent-card-main{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.agent-card:hover{box-shadow:var(--shadow-md)}.agent-card.creating{border:2px dashed var(--color-accent-primary)}.agent-create-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);display:flex}.agent-create-card-icon{background:var(--color-accent-light);width:40px;height:40px;color:var(--color-accent-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.agent-create-card-fields{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.agent-create-card-name{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-weight:500;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);width:100%}.agent-create-card-name:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 2px #5956d626}.agent-create-card-desc{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-secondary);width:100%}.agent-create-card-desc:focus{border-color:var(--color-accent-primary);outline:none}.agent-create-card-actions{gap:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.agent-create-card-btn{padding:var(--spacing-sm)var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.agent-create-card-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-create-card-btn.primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.agent-create-card-btn.primary:hover:not(:disabled){opacity:.85}.agent-create-card-btn.primary:disabled{opacity:.4;cursor:not-allowed}.agent-error-message{color:var(--color-error,#ef4444);margin:4px 0 0;padding:0;font-size:12px;line-height:1.4}.agent-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.agent-card-edit-row{align-items:center;gap:var(--spacing-xs);width:100%;display:flex}.agent-card-title-row{align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.agent-card-avatar{background:var(--color-accent-light);width:36px;height:36px;color:var(--color-accent-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.agent-card-title-info{flex:1;min-width:0}.agent-card-title{color:var(--color-text-primary);font-size:15px;font-weight:600;line-height:1.3}.agent-card-description{color:var(--color-text-secondary);margin-top:2px;font-size:13px;line-height:1.4}.agent-card-input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);flex:1}.agent-card-input:focus{border-color:var(--color-accent-primary);outline:none}.agent-card-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}.agent-card:hover .agent-card-actions{opacity:1}.agent-card-action-btn{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.agent-card-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-card-action-btn.success{color:var(--color-success);border:1px solid var(--color-success)}.agent-card-action-btn.success:hover{background:var(--color-accent-green-light)}.agent-card-action-btn.cancel{color:var(--color-text-muted);border:1px solid var(--color-border)}.agent-card-action-btn.danger:hover{color:var(--color-error);background:#eb575714}.agent-create-card-instructions{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-secondary);resize:vertical;width:100%;min-height:60px}.agent-create-card-instructions:focus{border-color:var(--color-accent-primary);outline:none}.agent-card-instructions-btn{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:12px;display:flex}.agent-card-instructions-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}.agent-card-instructions-btn.has-instructions{color:var(--color-text-secondary);background:var(--color-accent-light);border-style:solid}.agent-card-instructions-btn.has-instructions:hover{color:var(--color-accent-primary)}.agent-toast{border-radius:var(--radius-md);z-index:10001;cursor:pointer;max-width:480px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s agent-toast-slide-down;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes agent-toast-slide-down{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.agent-toast-success{color:#fff;background:#22c55ef2;border:1px solid #22c55e4d}.agent-instructions-modal{max-width:720px;height:70vh;min-height:400px;max-height:620px}.agent-instructions-modal-body{padding:var(--spacing-xl);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.agent-instructions-modal-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);resize:none;flex:1;line-height:1.7}.agent-instructions-modal-textarea:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 2px #5956d626}.agent-instructions-modal-textarea::placeholder{color:var(--color-text-light);line-height:1.7}.agent-instructions-modal-error{margin:var(--spacing-sm)0 0;color:var(--color-error,#ef4444);font-size:13px;line-height:1.4}.agent-instructions-modal-hint{color:var(--color-text-muted);flex:1;font-size:12px}.agent-card-body{flex-direction:column;gap:6px;display:flex}.agent-card-section-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.agent-card-section-label{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.agent-card-section-count{color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.agent-card-skills{flex-wrap:wrap;align-items:center;gap:6px;max-height:96px;display:flex;overflow-y:auto}.agent-card-skill-tag{border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.agent-card-skill-tag.skill{background:var(--color-accent-light);color:var(--color-accent-primary)}.agent-card-skill-tag.recipe{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.agent-card-skill-add{border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:12px;align-items:center;padding:3px 10px;font-size:12px;display:inline-flex}.agent-card-skill-add:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}.agent-card-no-skills-btn{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:13px;display:flex}.agent-card-no-skills-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}.agent-card-footer{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.agent-card-chat-btn{background:var(--color-accent-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;display:flex}.agent-card-chat-btn:hover{opacity:.85}.agent-card-api-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;display:flex}.agent-card-api-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.agents-empty{text-align:center;min-height:400px;padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.agents-empty-icon{width:64px;height:64px;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.agents-empty-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:20px;font-weight:700}.agents-empty-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:400px;font-size:14px}.agents-empty-create-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-accent-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;font-size:14px;font-weight:500;display:flex}.agents-empty-create-btn:hover{opacity:.85}.agents-modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90vw;max-width:1200px;height:85vh;min-height:600px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.agents-modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.agents-modal-header-content{flex:1}.agents-modal-title{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);display:flex}.agents-modal-title h2{font-family:var(--font-heading);color:var(--color-text-primary);font-size:20px;font-weight:700}.agents-modal-subtitle{color:var(--color-text-secondary);font-size:14px}.agents-modal-toolbar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex}.agents-modal-search{flex:1;align-items:center;display:flex;position:relative}.agents-modal-search-icon{left:var(--spacing-md);width:16px;height:16px;color:var(--color-text-muted);position:absolute}.agents-modal-search-input{padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);flex:1}.agents-modal-search-input:focus{border-color:var(--color-accent-primary);outline:none}.agents-modal-create-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-accent-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;font-size:14px;font-weight:500;display:flex}.agents-modal-create-btn:hover{opacity:.85}.agents-modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.api-info-modal{max-width:700px}.api-info-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--spacing-lg);background:#eb57571a;border:1px solid #eb57574d;font-size:13px;display:flex}.api-info-section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.api-info-section-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600;display:flex}.api-info-create-key-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);background:var(--color-accent-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:12px;font-weight:500;display:flex}.api-info-create-key-btn:hover{opacity:.85}.api-info-new-key-alert{border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#5956d614}.api-info-new-key-header{align-items:center;gap:var(--spacing-sm);color:var(--color-accent-primary);margin-bottom:var(--spacing-sm);display:flex}.api-info-new-key-alert p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md)0;font-size:12px}.api-info-new-key-value{align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);display:flex}.api-info-new-key-value code{font-family:var(--font-mono);color:var(--color-text-primary);word-break:break-all;flex:1;font-size:12px}.api-info-new-key-value code.blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}.api-info-new-key-actions{gap:var(--spacing-xs);display:flex}.api-info-icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.api-info-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.api-info-dismiss-btn{padding:var(--spacing-xs)var(--spacing-md);background:var(--color-accent-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:12px;font-weight:500}.api-info-dismiss-btn:hover{opacity:.85}.api-info-create-key-form{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.api-info-key-input{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);flex:1}.api-info-key-input:focus{border-color:var(--color-accent-primary);outline:none}.api-info-form-actions{gap:var(--spacing-xs);display:flex}.api-info-form-btn{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:500}.api-info-form-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.api-info-form-btn:disabled{opacity:.5;cursor:not-allowed}.api-info-form-btn.primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.api-info-form-btn.primary:hover:not(:disabled){opacity:.85}.api-info-loading{color:var(--color-text-muted);padding:var(--spacing-md);text-align:center;font-size:13px}.api-info-keys-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.api-info-key-item{padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.api-info-key-item:hover{border-color:var(--color-border-hover)}.api-info-key-item.inactive{opacity:.5}.api-info-key-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.api-info-key-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.api-info-key-meta{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.api-info-key-prefix,.api-info-key-value{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);color:var(--color-text-secondary);word-break:break-all;padding:2px 6px;font-size:11px}.api-info-key-value{max-width:100%}.api-info-key-date{color:var(--color-text-muted);font-size:11px}.api-info-key-actions{align-items:center;gap:var(--spacing-xs);display:flex}.api-info-key-loading{color:var(--color-text-muted);font-size:14px}.api-info-revoke-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.api-info-revoke-btn:hover{border-color:var(--color-error);color:var(--color-error);background:#eb57571a}.api-info-no-keys{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.api-info-no-keys p{margin:0;font-size:13px}.api-info-code-block{padding:var(--spacing-sm)var(--spacing-md);flex:1;display:block}.api-info-curl-container{border-radius:var(--radius-md);padding:var(--spacing-md);background:#1a1a2e;position:relative;overflow-x:auto}.api-info-curl-code{font-family:var(--font-mono);color:#e0e0e0;white-space:pre-wrap;word-break:break-all;margin:0;font-size:12px;line-height:1.6}.api-info-curl-copy-btn{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:500;display:flex}.api-info-skills-list{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (max-width:768px){.agents-modal-container{width:100%;max-width:100%;height:95dvh;min-height:unset;border-radius:var(--radius-lg)var(--radius-lg)0 0}.agents-modal-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-primary);z-index:1;position:sticky;top:0}.agents-modal-title h2{font-size:16px}.agents-modal-subtitle{font-size:13px}.agents-modal-toolbar{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column}.agents-modal-search{width:100%}.agents-modal-search-input{font-size:16px}.agents-modal-create-btn{width:100%;padding:var(--spacing-md);justify-content:center}.agents-modal-body{padding:var(--spacing-md)}.agent-create-card{flex-direction:column}.agent-create-card-icon{display:none}.agent-create-card-actions{flex-direction:row;width:100%}.agent-create-card-btn{text-align:center;flex:1}.api-info-modal{max-width:100%}.api-info-create-key-form{flex-direction:column}.api-info-key-input{font-size:16px}.api-info-form-actions{width:100%}.api-info-form-btn{flex:1}.api-info-key-item{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.api-info-key-meta{gap:var(--spacing-sm)}.api-info-revoke-btn{width:100%;height:auto;padding:var(--spacing-sm)}.api-info-curl-code{font-size:11px}.agent-instructions-modal{max-width:100%;height:90dvh;max-height:none;min-height:unset}.agent-instructions-modal-textarea{font-size:16px}}@media (max-width:480px){.agents-modal-header{padding:var(--spacing-sm)var(--spacing-md)}.agents-modal-body{padding:var(--spacing-sm)}.agent-instructions-modal-body{padding:var(--spacing-md)}}.integrations-dropdown-container{position:relative}.integrations-dropdown-trigger{border:1px solid var(--color-border-light);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;gap:4px;padding:0;transition:all .15s;display:flex;position:relative}.integrations-dropdown-trigger.has-active-tools{border-radius:20px;gap:6px;width:auto;padding:0 10px}.integrations-dropdown-trigger:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.integrations-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.integrations-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:100;width:280px;animation:.15s ease-out dropdownSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.integrations-dropdown-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.integrations-dropdown-error{padding:var(--spacing-xs)var(--spacing-md);color:#f87171;background:#ef44441a;font-size:11px}.integrations-dropdown-list{max-height:300px;overflow-y:auto}.integrations-dropdown-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:all .1s;display:flex}.integrations-dropdown-item:last-child{border-bottom:none}.integrations-dropdown-item:hover{background:var(--color-bg-secondary)}.integrations-dropdown-item.connected{background:#22c55e0d}.integrations-dropdown-item.disabled{background:#6464640d}.integrations-dropdown-item.disabled .integrations-dropdown-item-name{color:var(--color-text-tertiary)}.integrations-dropdown-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.integrations-dropdown-item-icon svg{width:20px;height:20px}.integrations-dropdown-item.disabled .integrations-dropdown-item-icon{opacity:.5}.integrations-dropdown-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.integrations-dropdown-item-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.integrations-dropdown-item-actions{justify-content:flex-end;align-items:center;min-width:70px;display:flex}.integration-action-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.integration-action-btn.connect{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.integration-action-btn.connect:hover{background:var(--color-accent-primary);color:#fff}.integration-action-btn.toggle{justify-content:center;min-width:54px}.integration-action-btn.toggle.on{color:#22c55e;background:#22c55e26}.integration-action-btn.toggle.on:hover{color:#f87171;background:#ef444426}.integration-action-btn.toggle.off{color:var(--color-text-tertiary);background:#64646426}.integration-action-btn.toggle.off:hover{color:#22c55e;background:#22c55e26}.integrations-active-icons{align-items:center;gap:8px;display:flex}.browser-control-container{position:relative}.browser-control-trigger{border:1px solid var(--color-border-light);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;gap:4px;padding:0;transition:all .15s;display:flex;position:relative}.browser-control-trigger.disconnected{color:#ef4444;border-color:#ef4444}.browser-control-trigger.connected{border-color:var(--color-warning);color:var(--color-warning)}.browser-control-trigger.authorized{border-color:var(--color-success);color:var(--color-success)}.browser-control-trigger:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border)}.browser-control-trigger:disabled{opacity:.5;cursor:not-allowed}.browser-control-status-dot{border:2px solid var(--color-bg-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.browser-control-status-dot.disconnected{background:#ef4444}.browser-control-status-dot.connected{background:var(--color-warning)}.browser-control-status-dot.authorized{background:var(--color-success)}.browser-control-status-dot.mode-headless{background:var(--color-accent-primary)}.browser-control-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1000;width:300px;max-height:min(600px,100vh - 100px);animation:.15s ease-out dropdownSlideUp;position:absolute;left:0;overflow-y:auto;box-shadow:0 4px 24px #00000040}.browser-control-header{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.browser-control-header-title{align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:11px;font-weight:600;display:flex}.browser-control-close-btn{width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .1s;display:flex}.browser-control-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.browser-control-warning{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);color:var(--color-warning);background:#f59e0b1a;border-bottom:1px solid #f59e0b33;font-size:11px;line-height:1.4;display:flex}.browser-control-warning svg{flex-shrink:0;margin-top:1px}.browser-control-content{padding:var(--spacing-md)}.browser-control-status-row{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.browser-control-status-label{color:var(--color-text-secondary);font-size:12px}.browser-control-status-value{align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.browser-control-status-value.disconnected{color:var(--color-text-tertiary)}.browser-control-status-value.connected{color:var(--color-warning)}.browser-control-status-value.authorized{color:var(--color-success)}.browser-control-status-indicator{border-radius:50%;width:6px;height:6px}.browser-control-status-indicator.disconnected{background:var(--color-text-tertiary)}.browser-control-status-indicator.connected{background:var(--color-warning)}.browser-control-status-indicator.authorized{background:var(--color-success)}.browser-control-error{padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);color:#f87171;background:#ef44441a;font-size:11px}.browser-control-update-warning{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);color:#f87171;background:#ef44441a;border:1px solid #ef444440;font-size:11px;line-height:1.4;display:flex}.browser-control-update-warning svg{flex-shrink:0;margin-top:1px}.browser-control-update-detail{margin-top:2px;font-weight:400}.browser-control-update-detail code{background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:10px}.browser-control-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);font-size:10px;font-weight:600}.browser-control-connection{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.browser-control-connection-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.browser-control-connection-name{color:var(--color-text-primary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.browser-control-connection-name svg{color:var(--color-text-secondary)}.browser-control-connection-status svg{width:14px;height:14px}.browser-control-connection-status.authorized svg{color:var(--color-success)}.browser-control-connection-status.connected svg{color:var(--color-text-tertiary)}.browser-control-connection-info{color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);font-size:11px}.browser-control-connection-actions{gap:var(--spacing-xs);display:flex}.browser-control-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.browser-control-btn:disabled{opacity:.5;cursor:not-allowed}.browser-control-btn.primary{color:#fff;background:#22c55e}.browser-control-btn.primary:hover:not(:disabled){background:#16a34a}.browser-control-btn.primary:active:not(:disabled){color:#fff!important;background:#15803d!important}.browser-control-btn.primary:focus:not(:disabled){color:#fff;background:#22c55e;outline:none}.browser-control-btn.primary:focus-visible:not(:disabled){color:#fff;outline-offset:2px;background:#22c55e;outline:2px solid #22c55e}.browser-control-btn.warning{color:var(--color-warning);background:#f59e0b26}.browser-control-btn.warning:hover:not(:disabled){background:#f59e0b40}.browser-control-btn.danger{color:#f87171;background:#ef44441a;flex:none;padding:6px 8px}.browser-control-btn.danger:hover:not(:disabled){background:#ef444433}.browser-control-btn.secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.browser-control-btn.secondary:hover:not(:disabled){background:var(--color-bg-quaternary);color:var(--color-text-primary)}.browser-control-setup{gap:var(--spacing-sm);flex-direction:column;display:flex}.browser-control-setup-text{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.browser-control-token{gap:var(--spacing-xs);flex-direction:column;display:flex}.browser-control-token-row{gap:var(--spacing-xs);display:flex}.browser-control-token-input{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary);flex:1}.browser-control-token-input:focus{border-color:var(--color-accent-primary);outline:none}.browser-control-copy-btn{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;transition:all .1s;display:flex}.browser-control-copy-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.browser-control-copy-btn.copied{border-color:var(--color-success);color:var(--color-success);background:#22c55e1a}.browser-control-token-hint{color:var(--color-text-tertiary);font-size:10px}.browser-control-install-link{color:var(--color-text-tertiary);font-size:11px}.browser-control-install-link a{color:var(--color-accent-primary);text-decoration:none}.browser-control-install-link a:hover{text-decoration:underline}.browser-control-install-actions{gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.browser-control-install-actions a.browser-control-btn{text-decoration:none}.browser-control-install-steps{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);margin:var(--spacing-sm)0}.browser-control-install-steps ol{padding-left:var(--spacing-md);color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.6}.browser-control-install-steps code{background:var(--color-bg-tertiary);border-radius:3px;padding:1px 4px;font-size:10px}.browser-control-authorized{gap:var(--spacing-sm);flex-direction:column;display:flex}.browser-control-authorized-badge{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:#22c55e1a;border:1px solid #22c55e33;display:flex}.browser-control-authorized-badge svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.browser-control-authorized-title{color:var(--color-success);font-size:13px;font-weight:600}.browser-control-authorized-desc{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.browser-control-pending{gap:var(--spacing-sm);flex-direction:column;display:flex}.browser-control-pending-text{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.browser-control-footer{padding:var(--spacing-sm)var(--spacing-md);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.browser-control-version{color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-mono)}.browser-control-footer{padding:var(--spacing-sm)var(--spacing-md);border-top:1px solid var(--color-border)}.browser-control-refresh-btn{width:100%;padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-size:11px;transition:all .1s;display:flex}.browser-control-refresh-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.browser-control-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.browser-control-refresh-btn svg.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.browser-mode-toggle-container{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.browser-mode-toggle{background:var(--color-bg-secondary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.browser-mode-option{color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.browser-mode-option:hover:not(.active){background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.browser-mode-option:disabled{cursor:not-allowed;opacity:.6}.browser-mode-option:disabled:hover{color:var(--color-text-tertiary);background:0 0}.browser-mode-option.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:0 1px 2px #0000001a}.browser-mode-coming-soon-badge{color:var(--color-warning);letter-spacing:.02em;background:#f59e0b24;border-radius:999px;align-items:center;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.browser-mode-description{margin-top:var(--spacing-xs);color:var(--color-text-tertiary);text-align:center;font-size:11px}.browser-control-coming-soon{padding:var(--spacing-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.browser-control-coming-soon-title{color:var(--color-text-primary);font-size:13px;font-weight:600}.browser-control-coming-soon-text{color:var(--color-text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.browser-control-trigger.mode-headless{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.browser-control-trigger.mode-extension{border-color:var(--color-success);color:var(--color-success)}.scheduled-tasks-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.scheduled-tasks-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.scheduled-tasks-title{align-items:center;gap:var(--spacing-md);display:flex}.scheduled-tasks-title h2{font-family:var(--font-heading);color:var(--color-text-primary);font-size:18px;font-weight:700}.scheduled-tasks-title svg{color:var(--color-accent-primary)}.pending-badge{background:var(--color-warning);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.scheduled-tasks-tabs{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);display:flex}.scheduled-tasks-tabs .tab{padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:500}.scheduled-tasks-tabs .tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.scheduled-tasks-tabs .tab.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.tab-actions{align-items:center;gap:var(--spacing-sm);margin-left:auto;display:flex}.refresh-btn{padding:var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.refresh-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.create-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:13px;font-weight:500;display:flex}.create-btn:hover{opacity:.9}.pending-confirmations-alert{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-accent-light);border-bottom:1px solid var(--color-accent-primary);display:flex}.pending-confirmations-alert>svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.pending-info{flex:1}.pending-info strong{color:var(--color-text-primary);margin-bottom:2px;font-size:14px;display:block}.pending-info p{color:var(--color-text-secondary);font-size:13px}.pending-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.pending-action-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:13px;display:flex}.pending-action-desc{color:var(--color-text-primary);flex:1}.approve-btn,.reject-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:4px 12px;font-size:12px;font-weight:500}.approve-btn{background:var(--color-accent-primary);color:#fff}.approve-btn:hover{opacity:.9}.reject-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.reject-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.scheduled-tasks-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);color:var(--color-error);background:#eb57571a;font-size:13px;display:flex}.scheduled-tasks-error button{color:var(--color-error);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px}.scheduled-tasks-error.form-error{margin:0 0 var(--spacing-md)0;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md)}.task-form{padding:var(--spacing-xl);background:var(--color-bg-secondary);flex-direction:column;flex:1;display:flex;overflow-y:auto}.task-tools-wrapper{position:relative}.task-tools-wrapper .integrations-dropdown{max-height:200px;top:calc(100% + 8px);bottom:auto;overflow-y:auto}.task-form h3{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:16px;font-weight:600}.trigger-toggle{margin-bottom:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);gap:4px;width:fit-content;padding:3px;display:flex}.trigger-toggle-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.trigger-toggle-btn:hover{color:var(--color-text-primary)}.trigger-toggle-btn.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.schedule-section{margin-bottom:var(--spacing-md)}.schedule-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.schedule-field{flex-direction:column;gap:4px;display:flex}.schedule-field-label{color:var(--color-text-muted);white-space:nowrap;font-size:12px;font-weight:500}.schedule-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:90px;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:8px 28px 8px 12px;font-size:13px}.schedule-select:focus{border-color:var(--color-accent-primary);outline:none}.schedule-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:8px 12px;font-size:13px}.schedule-input:focus{border-color:var(--color-accent-primary);outline:none}.schedule-input[type=date]{min-width:130px}.schedule-input[type=time]{min-width:100px}.time-picker-selects{align-items:center;gap:6px;display:flex}.time-select{min-width:78px}.time-separator{color:var(--color-text-muted);font-size:14px;font-weight:600}.schedule-hint{color:var(--color-text-muted);margin-top:6px;font-size:11px;display:block}.schedule-hint.error{color:var(--color-error)}.custom-interval-inline{align-items:center;gap:6px;display:flex}.interval-unit{align-items:center;gap:3px;display:flex}.interval-unit input{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;background:var(--color-bg-tertiary);width:52px;color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:8px 6px;font-size:13px}.interval-unit input:focus{border-color:var(--color-accent-primary);outline:none}.interval-unit span{color:var(--color-text-muted);font-size:12px;font-weight:500}.trigger-row{gap:var(--spacing-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.trigger-row .form-group{margin-bottom:var(--spacing-md);flex:1;min-width:100px}.trigger-type-group{flex:0 0 120px!important;min-width:120px!important}.trigger-source-group{flex:1!important;min-width:150px!important}.datetime-group{flex:1.5!important;min-width:180px!important}.options-row{gap:var(--spacing-sm);align-items:flex-end;display:flex}.options-row .form-group{margin-bottom:var(--spacing-md)}.agent-group{flex:1;min-width:150px}.integrations-group{flex:none}.webhook-url-group{margin-bottom:var(--spacing-md)}.webhook-url-display{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.webhook-url-display code{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.webhook-url-display .copy-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px}.webhook-url-display .copy-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-primary)}.webhook-info-box{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);display:flex}.webhook-info-box svg{color:var(--color-text-muted);flex-shrink:0;width:14px;height:14px}.webhook-info-box span{color:var(--color-text-secondary);font-size:12px}.integration-trigger-info{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-accent-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);display:flex}.integration-trigger-info svg{color:var(--color-accent-primary);flex-shrink:0;width:14px;height:14px}.integration-trigger-info span{color:var(--color-text-secondary);font-size:12px}.trigger-type-badge{color:var(--color-accent-primary);align-items:center;gap:4px;display:flex}.trigger-type-badge svg{color:var(--color-accent-primary)}.form-group label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:13px;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=datetime-local],.form-group textarea,.form-group select{width:100%;padding:10px var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-accent-primary);outline:none}.form-group textarea{resize:vertical;min-height:80px}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.checkbox-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.checkbox-group label{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;font-size:14px;display:flex}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent-primary)}.help-text{color:var(--color-text-muted);margin-left:24px;font-size:12px}.form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.cancel-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:14px}.cancel-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.save-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-accent-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:14px;font-weight:500}.save-btn:hover{opacity:.9}.task-list{padding:var(--spacing-lg);flex:1;overflow-y:auto}.loading-state,.empty-state{padding:var(--spacing-xl)*2;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state>svg{margin-bottom:var(--spacing-lg);opacity:.3;color:var(--color-text-muted)}.empty-state h3{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:600}.empty-state p{max-width:300px;margin-bottom:var(--spacing-lg);font-size:14px}.task-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.task-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.task-card.awaiting_confirmation{border-left:3px solid var(--color-warning)}.task-card.failed{border-left:3px solid var(--color-error)}.task-header{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;display:flex}.task-expand{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.task-info{flex:1;min-width:0}.task-title-row{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);display:flex}.task-title-row h4{color:var(--color-text-primary);font-size:14px;font-weight:600}.task-status{text-transform:capitalize;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.status-scheduled{color:var(--color-accent-primary)}.status-paused{color:var(--color-text-muted)}.status-running,.status-awaiting{color:var(--color-warning)}.status-completed{color:var(--color-accent-primary)}.status-failed{color:var(--color-error)}.status-cancelled{color:var(--color-text-muted)}.task-prompt{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.task-meta{gap:var(--spacing-md);color:var(--color-text-muted);flex-wrap:wrap;font-size:12px;display:flex}.task-meta>span{align-items:center;gap:4px;display:flex}.requires-confirm{color:var(--color-warning)}.task-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.action-btn{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.action-btn.run:hover{color:var(--color-accent-primary)}.action-btn.pause:hover{color:var(--color-warning)}.action-btn.resume:hover{color:var(--color-accent-primary)}.action-btn.delete:hover{color:var(--color-error)}.task-card.paused{opacity:.7}.task-card.paused:hover{opacity:1}.task-executions{padding:var(--spacing-md);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-md);padding-top:0}.task-executions h5{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.loading-executions{padding:var(--spacing-md);justify-content:center;display:flex}.no-executions{color:var(--color-text-muted);text-align:center;padding:var(--spacing-md);font-size:13px}.executions-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.execution-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:12px;display:flex}.execution-item svg.status-scheduled{color:var(--color-accent-primary)}.execution-item svg.status-paused{color:var(--color-text-muted)}.execution-item svg.status-running,.execution-item svg.status-awaiting{color:var(--color-warning)}.execution-item svg.status-completed{color:var(--color-accent-primary)}.execution-item svg.status-failed{color:var(--color-error)}.execution-item svg.status-cancelled{color:var(--color-text-muted)}.exec-time{color:var(--color-text-secondary);min-width:140px}.exec-status{text-transform:capitalize;min-width:80px;font-weight:500}.exec-response{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.exec-error{color:var(--color-error);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@media (max-width:768px){.scheduled-tasks-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:100%;max-height:95dvh}.scheduled-tasks-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-primary);z-index:1;position:sticky;top:0}.scheduled-tasks-title h2{font-size:16px}.scheduled-tasks-tabs{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.scheduled-tasks-tabs::-webkit-scrollbar{display:none}.scheduled-tasks-tabs .tab{padding:var(--spacing-sm)var(--spacing-md);white-space:nowrap;flex-shrink:0;font-size:13px}.tab-actions{gap:var(--spacing-xs);flex-shrink:0}.create-btn{padding:var(--spacing-sm)var(--spacing-md);font-size:12px}.create-btn span{display:none}.pending-confirmations-alert{padding:var(--spacing-md);align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.pending-info{align-items:flex-start;gap:var(--spacing-sm);display:flex}.pending-info strong{font-size:13px}.pending-info p{font-size:12px}.pending-actions{gap:var(--spacing-xs)}.pending-action-item{gap:var(--spacing-xs);flex-wrap:wrap}.pending-action-desc{width:100%;font-size:12px}.approve-btn,.reject-btn{padding:var(--spacing-sm)var(--spacing-md);text-align:center;flex:1;justify-content:center;font-size:13px}.task-form{padding:var(--spacing-lg)}.task-form h3{margin-bottom:var(--spacing-md);font-size:15px}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-size:12px}.form-group input[type=text],.form-group input[type=datetime-local],.form-group textarea,.form-group select{padding:var(--spacing-md);font-size:16px}.form-group textarea{min-height:100px}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{gap:var(--spacing-sm);flex-direction:column}.cancel-btn,.save-btn{width:100%;padding:var(--spacing-md);text-align:center;justify-content:center;font-size:15px}.task-list{padding:var(--spacing-md)}.task-card{margin-bottom:var(--spacing-sm)}.task-header{padding:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap}.task-expand{display:none}.task-info{width:100%}.task-title-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.task-title-row h4{width:100%;font-size:13px}.task-status{font-size:11px}.task-prompt{-webkit-line-clamp:3;line-clamp:3;font-size:12px}.task-meta{gap:var(--spacing-sm);flex-wrap:wrap;font-size:11px}.task-actions{width:100%;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);justify-content:flex-end}.action-btn{padding:var(--spacing-sm)var(--spacing-md)}.task-executions{padding:var(--spacing-sm)var(--spacing-md)var(--spacing-md)}.task-executions h5{font-size:11px}.execution-item{gap:var(--spacing-xs);padding:var(--spacing-sm);flex-wrap:wrap;font-size:11px}.exec-time{width:100%;min-width:auto;font-size:10px}.exec-status{min-width:auto}.exec-response,.exec-error{white-space:normal;width:100%;margin-top:var(--spacing-xs);font-size:11px}.empty-state{padding:var(--spacing-xl)}.empty-state h3{font-size:15px}.empty-state p{font-size:13px}.schedule-controls{flex-direction:column;align-items:stretch}.schedule-select,.schedule-input,.time-picker-selects{width:100%}.time-select{width:100%;min-width:0}.custom-interval-inline{justify-content:space-between;width:100%}.trigger-row{flex-direction:column;gap:0}.trigger-row .form-group{width:100%;flex:none!important;min-width:100%!important}.options-row{flex-direction:column;gap:0}.options-row .form-group{width:100%}.webhook-url-display{flex-wrap:wrap}.webhook-url-display code{width:calc(100% - 30px)}}@media (max-width:480px){.scheduled-tasks-header{padding:var(--spacing-sm)var(--spacing-md)}.scheduled-tasks-title h2{font-size:15px}.task-form{padding:var(--spacing-md)}.task-list{padding:var(--spacing-sm)}.trigger-source-options{grid-template-columns:1fr 1fr}}.webhook-success-overlay{z-index:1100}.webhook-success-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow:hidden;box-shadow:0 20px 60px #0000004d}.webhook-success-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#4caf501a,#4caf500d);display:flex}.webhook-success-icon{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.webhook-success-header h3{color:var(--color-text-primary);flex:1;margin:0;font-size:18px;font-weight:600}.webhook-success-content{padding:var(--spacing-lg)}.webhook-success-message{margin:0 0 var(--spacing-lg)0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.webhook-success-message strong{color:var(--color-text-primary)}.webhook-info-section{margin-bottom:var(--spacing-lg)}.webhook-info-section label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-size:12px;font-weight:600;display:block}.webhook-url-box{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.webhook-url-box code{color:var(--color-primary);word-break:break-all;flex:1;font-family:Monaco,Menlo,monospace;font-size:13px}.curl-command-box{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.curl-command-box pre{padding:var(--spacing-md);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;margin:0;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.curl-command-box .copy-btn{top:var(--spacing-xs);right:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);transition:all .15s;position:absolute}.curl-command-box .copy-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.webhook-info-note{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;line-height:1.5;display:flex}.webhook-info-note svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.webhook-success-actions{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.webhook-success-actions .done-btn{padding:var(--spacing-sm)var(--spacing-xl);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:14px;font-weight:500;transition:background .15s}.webhook-success-actions .done-btn:hover{background:var(--color-primary-dark)}@media (max-width:600px){.webhook-success-modal{width:95%;max-height:95vh}.webhook-success-header,.webhook-success-content{padding:var(--spacing-md)}.curl-command-box pre{padding:var(--spacing-sm);font-size:11px}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f0f0fcc;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:80vh;animation:.2s slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:15px;font-weight:700}.modal-body{padding:var(--spacing-xl);max-height:50vh;overflow-y:auto}.modal-footer{padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:80vh;animation:.2s slideUp;overflow:hidden;box-shadow:0 0 0 1px #0f0f0f0d,0 5px 10px #0f0f0f1a,0 15px 40px #0f0f0f33}.modal-content .modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-primary);justify-content:space-between;align-items:center;display:flex}.modal-content .modal-title{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);color:var(--color-text-primary);font-size:15px;font-weight:700;display:flex}.modal-content .modal-close-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px}.modal-content .modal-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-content .modal-body{padding:var(--spacing-xl);background:var(--color-bg-primary);max-height:60vh;overflow-y:auto}.share-modal{width:480px;max-width:90vw}.share-form{margin-bottom:var(--spacing-lg)}.share-input-wrapper{align-items:center;gap:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px var(--spacing-md);transition:all var(--transition-fast);display:flex;box-shadow:inset 0 0 0 1px #0f0f0f0d}.share-input-wrapper:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5956d61f}.share-input-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.share-input{color:var(--color-text-primary);font-size:14px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.share-input::placeholder{color:var(--color-text-light)}.share-submit-btn{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.share-submit-btn:hover:not(:disabled){background:var(--color-accent-secondary)}.share-submit-btn:disabled{opacity:.5;cursor:not-allowed}.share-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:13px;display:flex}.share-error{color:#b91c1c;background:#fef2f2}.share-success{color:#15803d;background:#f0fdf4}.share-list-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.share-list-title{color:var(--color-text-muted);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.share-loading{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);padding:var(--spacing-lg);justify-content:center;font-size:13px;display:flex}.share-list{flex-direction:column;gap:2px;display:flex}.share-item{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.share-item:hover{background:var(--color-bg-secondary)}.share-item-info{align-items:center;gap:var(--spacing-md);display:flex}.share-item-avatar{background:var(--color-accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.share-item-details{flex-direction:column;gap:1px;display:flex}.share-item-name{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.3}.share-item-email{color:var(--color-text-muted);font-size:12px;line-height:1.3}.share-remove-btn{color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);opacity:0;background:0 0;border:none;padding:6px}.share-item:hover .share-remove-btn{opacity:1}.share-remove-btn:hover{color:#ef4444;background:#fee2e2}.share-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-xl);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header-title{align-items:center;gap:var(--spacing-md);display:flex}.modal-header-title h2{font-family:var(--font-heading);color:var(--color-text-primary);font-size:18px;font-weight:700}.modal-close-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--color-border);display:flex}.modal-footer-btn{padding:var(--spacing-sm)var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:14px;font-weight:500}.modal-footer-btn.secondary{color:var(--color-text-secondary);background:0 0}.modal-footer-btn.secondary:hover{background:var(--color-bg-hover)}.modal-footer-btn.primary{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.modal-footer-btn.primary:hover{opacity:.85}.modal-footer-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-actions{padding-left:var(--spacing-xs);align-items:center;gap:2px;display:flex}.chat-input-action-btn{width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.chat-input-action-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.chat-input-action-btn:disabled{opacity:.5;cursor:not-allowed}.api-info-section{margin-bottom:var(--spacing-xl)}.api-info-section:last-child{margin-bottom:0}.api-info-section-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:14px;font-weight:600;display:flex}.api-info-field{margin-bottom:var(--spacing-md)}.api-info-field:last-child{margin-bottom:0}.api-info-label{color:var(--color-text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;display:block}.api-info-value{color:var(--color-text-primary);font-size:14px}.api-info-value-with-copy{align-items:center;gap:var(--spacing-sm);display:flex}.api-info-code{font-family:var(--font-mono);color:var(--color-accent-primary);background:var(--color-accent-light);padding:3px var(--spacing-sm);border-radius:var(--radius-sm);font-size:13px}.api-info-code-block{padding:var(--spacing-sm)var(--spacing-md);word-break:break-all;display:block}.api-info-copy-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.api-info-copy-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.api-info-curl-container{position:relative}.api-info-curl-code{font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:var(--spacing-sm);white-space:pre;font-size:12px;line-height:1.6;overflow-x:auto}.api-info-curl-copy-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm);font-size:12px;font-weight:500;display:flex}.api-info-curl-copy-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.api-info-skills-list{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.api-info-skill-tag{padding:3px var(--spacing-sm);background:var(--color-accent-light);color:var(--color-accent-primary);border-radius:var(--radius-sm);align-items:center;font-size:12px;font-weight:500;display:inline-flex}.api-info-no-skills{color:var(--color-text-muted);font-size:13px;font-style:italic}.skill-selector-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.skill-selector-search{align-items:center;display:flex;position:relative}.skill-selector-search-icon{left:var(--spacing-md);width:16px;height:16px;color:var(--color-text-muted);position:absolute}.skill-selector-search-input{padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);flex:1}.skill-selector-search-input:focus{border-color:var(--color-accent-primary);outline:none}.skill-selector-actions{gap:var(--spacing-sm);display:flex}.skill-selector-action-btn{padding:var(--spacing-xs)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:12px;font-weight:500}.skill-selector-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.skill-selector-count{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:13px}.skill-selector-list{gap:var(--spacing-xs);max-height:400px;padding:var(--spacing-xs);flex-direction:column;display:flex;overflow-y:auto}.skill-selector-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.skill-selector-item:hover{background:var(--color-bg-hover)}.skill-selector-checkbox{cursor:pointer;accent-color:var(--color-accent-primary);margin-top:2px}.skill-selector-item-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.skill-selector-item-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.skill-selector-item-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.skill-selector-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:14px}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-content,.modal-container{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:100%;max-height:90dvh;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-primary);z-index:1;position:sticky;top:0}.modal-header-title h2{font-size:16px}.modal-close-btn{width:36px;height:36px}.modal-body{padding:var(--spacing-lg);max-height:none}.modal-footer{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-primary);border-top:1px solid var(--color-border-light);position:sticky;bottom:0}.modal-footer-btn{padding:var(--spacing-md)var(--spacing-lg);flex:1;font-size:15px}.share-modal{width:100%;max-width:100%}.share-input-wrapper{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column}.share-submit-btn{width:100%;padding:var(--spacing-md);justify-content:center}.share-item{padding:var(--spacing-md)}.share-remove-btn{opacity:1}.skill-selector-header{gap:var(--spacing-sm)}.skill-selector-search-input{font-size:16px}.skill-selector-actions{flex-wrap:wrap}.skill-selector-list{max-height:50vh}.skill-selector-item{padding:var(--spacing-md)}.api-info-curl-code{padding:var(--spacing-sm);font-size:11px}}@media (max-width:480px){.modal,.modal-content,.modal-container{max-height:95dvh}.modal-header{padding:var(--spacing-sm)var(--spacing-md)}.modal-body{padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-sm)var(--spacing-md);flex-direction:column}.modal-footer-btn{width:100%}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:13px;font-weight:500;display:inline-flex}.btn-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-icon.active{background:var(--color-accent-primary);color:#fff}.btn-icon.active:hover{background:var(--color-accent-secondary);color:#fff}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover{background:var(--color-accent-secondary)}.model-selector{position:relative}.model-selector-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:12px;display:flex}.model-selector-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.model-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:100;padding:var(--spacing-xs);animation:.15s fadeIn;position:absolute;top:calc(100% + 4px);right:0}.model-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast);font-size:13px;display:flex}.model-option:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.model-option.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.reasoning-badge{margin-left:2px;font-size:10px}.reasoning-label{color:var(--color-accent);opacity:.9;margin-left:4px;font-size:10px}.model-option.reasoning-model{border-left:2px solid var(--color-accent);margin-left:2px}.model-option.reasoning-model:hover{background:rgba(var(--color-accent-rgb),.1)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:12px;font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-bg-primary);transition:all var(--transition-fast);font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-light);outline:none}.form-textarea{resize:vertical;min-height:100px;font-family:var(--font-mono);font-size:13px;line-height:1.5}.message-text{color:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.prose{color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.6}.prose code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.prose pre code{background:0 0;padding:0}.prose .table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);width:100%;max-width:100%;margin:1em 0;overflow:auto visible}.prose .table-wrapper table{table-layout:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:100%;margin:0;font-size:.95em;border-collapse:collapse!important;width:auto!important;display:table!important}.prose>table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:1em 0;display:block;overflow:auto visible}.prose>table>*{table-layout:auto;width:100%;display:table}.prose .table-wrapper table thead,.prose table thead{background:var(--color-bg-secondary)!important;border-bottom:2px solid var(--color-border)!important}.prose .table-wrapper table th,.prose table th{white-space:nowrap;text-align:left!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-light)!important;padding:.75em 1em!important;font-weight:600!important}.prose .table-wrapper table td,.prose table td{white-space:nowrap;border:1px solid var(--color-border-light)!important;color:var(--color-text-primary)!important;padding:.75em 1em!important}.prose .table-wrapper table tbody tr,.prose table tbody tr{background:var(--color-bg-primary);transition:background var(--transition-fast)}.prose .table-wrapper table tbody tr:nth-child(2n),.prose table tbody tr:nth-child(2n){background:var(--color-bg-secondary)}.prose .table-wrapper table tbody tr:hover,.prose table tbody tr:hover{background:var(--color-bg-hover)}.prose .table-wrapper table tbody tr:last-child td,.prose table tbody tr:last-child td{border-bottom:1px solid var(--color-border-light)}@media (max-width:768px){.sg-viewport{height:280px}}.chart-block{margin:var(--spacing-md)0;width:100%}.chart-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;padding:var(--spacing-md);transition:all .2s;position:relative}.chart-container:hover{border-color:var(--color-border-hover)}.chart-container.chart-expanded{height:500px!important}.chart-toolbar{top:var(--spacing-sm);right:var(--spacing-sm);gap:var(--spacing-xs);opacity:0;z-index:10;transition:opacity .2s;display:flex;position:absolute}.chart-container:hover .chart-toolbar{opacity:1}.chart-toolbar-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.chart-toolbar-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.chart-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;font-size:13px;display:flex}.chart-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-xl);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.chart-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:1200px;height:80vh;padding:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.chart-modal-toolbar{top:var(--spacing-md);right:var(--spacing-md);gap:var(--spacing-xs);z-index:10;display:flex;position:absolute}.chart-modal-content{min-height:0;padding-top:var(--spacing-lg);flex:1}.chart-container canvas{max-width:100%}@media (max-width:768px){.chart-container{padding:var(--spacing-sm)}.chart-modal{max-width:95%;height:90vh;padding:var(--spacing-md)}.chart-toolbar{opacity:1}}.feedback-panel{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90vw;max-width:900px;height:85vh;max-height:800px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.feedback-panel-header{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.feedback-panel-header h2{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:600}.feedback-panel-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-panel-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-panel-title{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:16px;font-weight:600;display:flex}.feedback-panel-title h2{font-size:inherit;font-weight:inherit;margin:0}.feedback-panel-count{background:var(--color-accent-light);color:var(--color-accent-primary);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:500}.feedback-panel-actions{align-items:center;gap:var(--spacing-sm);display:flex}.feedback-panel-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.feedback-panel-btn.primary{background:var(--color-accent-primary);color:#fff}.feedback-panel-btn.primary:hover{background:var(--color-accent-secondary)}.feedback-panel-btn.secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.feedback-panel-btn.secondary:hover{background:var(--color-bg-hover)}.feedback-panel-icon-btn{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-panel-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-panel-filters{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.feedback-panel-search{align-items:center;gap:8px;display:flex}.feedback-panel-search svg{color:var(--color-text-muted);flex-shrink:0}.feedback-panel-search input{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);flex:1;padding:10px 12px;font-size:13px}.feedback-panel-search input:focus{border-color:var(--color-accent-primary);outline:none}.feedback-panel-search button{border-radius:var(--radius-md);background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 16px;font-size:13px;font-weight:500}.feedback-panel-search button:hover{background:var(--color-accent-secondary)}.feedback-panel-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-panel-category-buttons{align-items:center;gap:6px;display:flex}.feedback-panel-category-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.feedback-panel-category-btn:hover{border-color:var(--color-accent-primary);background:var(--color-bg-secondary);color:var(--color-text-primary)}.feedback-panel-category-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.feedback-panel-category-btn.active:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary)}.feedback-panel-filter-row select{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);padding:8px 12px;font-size:13px}.feedback-panel-filter-row select:focus{border-color:var(--color-accent-primary);outline:none}.feedback-panel-refresh{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.feedback-panel-refresh:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.feedback-panel-create{border-radius:var(--radius-md);background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.feedback-panel-create:hover{background:var(--color-accent-secondary)}.feedback-panel-category-chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.feedback-panel-chip{border:1.5px solid var(--color-border-light);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;display:flex}.feedback-panel-chip:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-bg-secondary)}.feedback-panel-chip.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.feedback-panel-chip.active:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary)}.feedback-panel-dropdown{position:relative}.feedback-panel-dropdown-btn{border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;display:flex}.feedback-panel-dropdown-btn:hover{border-color:var(--color-accent-primary);background:var(--color-bg-secondary)}.feedback-panel-dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:100;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden}.feedback-panel-dropdown-menu button{width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:12px;display:block}.feedback-panel-dropdown-menu button:hover{background:var(--color-bg-hover)}.feedback-panel-dropdown-menu button.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.feedback-panel-stats{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-muted);padding:12px 20px;font-size:13px}.feedback-panel-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.feedback-panel-loading,.feedback-panel-empty{height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.feedback-panel-empty p{color:var(--color-text-primary);margin:0;font-size:14px}.feedback-panel-empty button{border-radius:var(--radius-md);background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;font-size:13px;font-weight:500}.feedback-panel-empty button:hover{background:var(--color-accent-secondary)}.feedback-panel-pagination{border-top:1px solid var(--color-border-light);justify-content:center;align-items:center;gap:16px;margin-top:auto;padding:16px;display:flex}.feedback-panel-pagination button{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:500}.feedback-panel-pagination button:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-accent-light)}.feedback-panel-pagination button:disabled{opacity:.5;cursor:not-allowed}.feedback-panel-pagination span{color:var(--color-text-secondary);font-size:13px}.feedback-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:10px;padding:10px 12px;display:flex}.feedback-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.feedback-card-votes{flex-direction:column;align-items:center;gap:2px;min-width:32px;display:flex}.feedback-card-vote-btn{width:24px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-card-vote-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-card-vote-btn.active.upvote{color:var(--color-success);background:#22c55e1a}.feedback-card-vote-btn.active.downvote{color:var(--color-error);background:#ef44441a}.feedback-card-vote-count{color:var(--color-text-primary);font-size:12px;font-weight:600}.feedback-card-vote-count.positive{color:var(--color-success)}.feedback-card-vote-count.negative{color:var(--color-error)}.feedback-card-content{flex:1;min-width:0}.feedback-card-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.feedback-card-category{border-radius:var(--radius-sm);text-transform:capitalize;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:flex}.feedback-card-category.category-superagent{color:#a855f7;background:#a855f71a}.feedback-card-category.category-skill{color:#f59e0b;background:#f59e0b1a}.feedback-card-category.category-recipe{color:#3b82f6;background:#3b82f61a}.feedback-card-category.category-general{color:#6b7280;background:#6b72801a}.feedback-card-related{border-radius:var(--radius-sm);background:var(--color-accent-light);color:var(--color-accent-primary);align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.feedback-card-status{border-radius:var(--radius-sm);text-transform:capitalize;padding:3px 8px;font-size:11px;font-weight:500}.feedback-card-status.status-open{color:#3b82f6;background:#3b82f61a}.feedback-card-status.status-progress{color:#f59e0b;background:#f59e0b1a}.feedback-card-status.status-completed{color:#22c55e;background:#22c55e1a}.feedback-card-status.status-declined{color:#6b7280;background:#6b72801a}.feedback-card-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.feedback-card-preview{color:var(--color-text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.feedback-card-meta{color:var(--color-text-muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.feedback-card-author{align-items:center;gap:4px;display:flex}.feedback-card-date{white-space:nowrap}.feedback-card-avatar{border-radius:var(--radius-full);object-fit:cover;width:16px;height:16px}.feedback-card-avatar-placeholder{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:16px;height:16px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.feedback-card-comments{align-items:center;gap:4px;margin-left:auto;display:flex}.feedback-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90vw;max-width:600px;box-shadow:var(--shadow-xl);overflow:hidden}.feedback-modal-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.feedback-modal-header h2{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.feedback-modal-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-modal-form{flex-direction:column;gap:20px;max-height:calc(85vh - 60px);padding:20px 24px 24px;display:flex;overflow-y:auto}.feedback-modal-field{flex-direction:column;gap:8px;display:flex}.feedback-modal-field label{color:var(--color-text-primary);font-size:13px;font-weight:600}.feedback-modal-field-hint{color:var(--color-text-muted);margin-top:-4px;font-size:12px}.feedback-modal-field input,.feedback-modal-field textarea,.feedback-modal-field select{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical;padding:10px 12px;font-family:inherit;font-size:13px}.feedback-modal-field input:focus,.feedback-modal-field textarea:focus,.feedback-modal-field select:focus{border-color:var(--color-accent-primary);outline:none}.feedback-modal-select-trigger{border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;color:var(--color-text-muted);text-align:left;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.feedback-modal-select-trigger:hover{border-color:var(--color-accent-primary);background:var(--color-bg-primary);color:var(--color-text-secondary)}.feedback-modal-search-dropdown{border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);box-shadow:var(--shadow-md);flex-direction:column;gap:8px;margin-top:8px;padding:8px;display:flex}.feedback-modal-search-input{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-secondary);align-items:center;gap:8px;padding:8px 10px;display:flex}.feedback-modal-search-input input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.feedback-modal-search-input svg{color:var(--color-text-muted);flex-shrink:0}.feedback-modal-selected-item{background:var(--color-accent-light);border:1.5px solid var(--color-accent-primary);border-radius:var(--radius-md);color:var(--color-accent-primary);align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.feedback-modal-selected-item button{width:20px;height:20px;color:var(--color-accent-primary);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.feedback-modal-selected-item button:hover{background:#5956d633}.feedback-modal-select-list{flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.feedback-modal-select-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:13px}.feedback-modal-select-item{text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:10px 12px;display:flex}.feedback-modal-select-item:hover{background:var(--color-accent-light)}.feedback-modal-select-content{flex-direction:column;flex:1;gap:2px;display:flex}.feedback-modal-select-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.feedback-modal-select-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.feedback-modal-error{padding:var(--spacing-sm);border-radius:var(--radius-md);color:#ef4444;background:#ef44441a;font-size:13px}.feedback-modal-actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:16px;display:flex}.feedback-modal-actions button{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 16px;font-size:13px;font-weight:500}.feedback-modal-actions button:first-child{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.feedback-modal-actions button:first-child:hover:not(:disabled){background:var(--color-bg-hover)}.feedback-modal-actions button.primary{background:var(--color-accent-primary);color:#fff}.feedback-modal-actions button.primary:hover:not(:disabled){background:var(--color-accent-secondary)}.feedback-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.feedback-detail-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90vw;max-width:700px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.feedback-detail-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.feedback-detail-meta{align-items:center;gap:8px;display:flex}.feedback-detail-category{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.feedback-detail-status{border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500}.feedback-detail-status.dropdown-trigger{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;display:flex}.feedback-detail-status.dropdown-trigger:hover{opacity:.8;transform:translateY(-1px)}.feedback-detail-actions{align-items:center;gap:var(--spacing-xs);display:flex}.feedback-detail-action-btn{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-detail-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-detail-action-btn.danger:hover{color:#ef4444;background:#ef44441a}.feedback-detail-status-dropdown{position:relative}.feedback-detail-status-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:100;margin-top:6px;padding:4px;position:absolute;top:100%;left:0;overflow:hidden}.feedback-detail-status-menu button{width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:flex-start;align-items:center;padding:8px 10px;font-size:13px;display:flex}.feedback-detail-status-menu button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-detail-status-menu button.active{background:var(--color-accent-light);color:var(--color-accent-primary);font-weight:500}.feedback-detail-content{flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.feedback-detail-votes{flex-direction:column;align-items:center;gap:4px;min-width:50px;display:flex}.feedback-detail-vote-btn{width:40px;height:36px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-detail-vote-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-detail-vote-btn.active.upvote{color:var(--color-success);background:#22c55e1a}.feedback-detail-main{flex:1;min-width:0}.feedback-detail-vote-count{color:var(--color-text-primary);font-size:18px;font-weight:700}.feedback-detail-vote-count.positive{color:var(--color-success)}.feedback-detail-vote-count.negative{color:var(--color-error)}.feedback-detail-title{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);margin:0 0 20px;padding-bottom:16px;font-size:20px;font-weight:600;line-height:1.3}.feedback-detail-body{border-bottom:1px solid var(--color-border-light);margin-bottom:20px;padding-bottom:20px}.feedback-detail-body p{color:var(--color-text-primary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.feedback-detail-footer{padding-top:0}.feedback-detail-author{align-items:center;gap:12px;display:flex}.feedback-detail-avatar{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.feedback-detail-avatar-placeholder{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.feedback-detail-author-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.feedback-detail-date{color:var(--color-text-muted);font-size:12px}.feedback-detail-edit-title{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:600}.feedback-detail-edit-title:focus{border-color:var(--color-accent-primary);outline:none}.feedback-detail-edit-content{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);resize:vertical;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:14px}.feedback-detail-edit-content:focus{border-color:var(--color-accent-primary);outline:none}.feedback-detail-edit-actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.feedback-detail-edit-actions button{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;font-size:13px;font-weight:500}.feedback-detail-edit-actions button:first-child{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.feedback-detail-edit-actions button:first-child:hover{background:var(--color-bg-hover)}.feedback-detail-edit-actions button.primary{background:var(--color-accent-primary);color:#fff}.feedback-detail-edit-actions button.primary:hover:not(:disabled){background:var(--color-accent-secondary)}.feedback-detail-edit-actions button:disabled{opacity:.6;cursor:not-allowed}.feedback-detail-comments{gap:var(--spacing-md);flex-direction:column;display:flex}.feedback-detail-comments-header{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:14px;font-weight:600;display:flex}.feedback-detail-comments-loading,.feedback-detail-comments-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:13px}.feedback-detail-comments-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.feedback-comment{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.feedback-comment-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:12px;display:flex}.feedback-comment-avatar{border-radius:var(--radius-full);object-fit:cover;width:20px;height:20px}.feedback-comment-avatar-placeholder{border-radius:var(--radius-full);background:var(--color-bg-tertiary);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.feedback-comment-author{color:var(--color-text-primary);font-weight:500}.feedback-comment-date{color:var(--color-text-muted)}.feedback-comment-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;margin-left:auto;display:flex}.feedback-comment:hover .feedback-comment-actions{opacity:1}.feedback-comment-actions button{width:22px;height:22px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-comment-actions button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-comment-content{color:var(--color-text-primary);white-space:pre-wrap;font-size:13px;line-height:1.5}.feedback-comment-edit{gap:var(--spacing-xs);flex-direction:column;display:flex}.feedback-comment-edit textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;padding:8px;font-family:inherit;font-size:13px}.feedback-comment-edit-actions{justify-content:flex-end;gap:var(--spacing-xs);display:flex}.feedback-comment-edit-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 10px;font-size:12px}.feedback-comment-edit-actions button:first-child{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.feedback-comment-edit-actions button:last-child{background:var(--color-accent-primary);color:#fff}.feedback-detail-add-comment{gap:var(--spacing-sm);align-items:flex-end;display:flex}.feedback-detail-add-comment textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical;flex:1;padding:10px 12px;font-family:inherit;font-size:13px}.feedback-detail-add-comment textarea:focus{border-color:var(--color-accent-primary);outline:none}.feedback-detail-add-comment button{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.feedback-detail-add-comment button:hover:not(:disabled){background:var(--color-accent-secondary)}.feedback-detail-add-comment button:disabled{opacity:.5;cursor:not-allowed}html.landing-document-scroll{scroll-behavior:smooth;--landing-nav-h:88px}@media (prefers-reduced-motion:no-preference){html.landing-document-scroll{scroll-padding-top:var(--landing-nav-h)}}body.landing-document-scroll{overflow:hidden auto}#root.landing-document-scroll{height:auto;min-height:100vh;overflow:visible}.landing{--landing-purple:#5e34f1;--landing-purple-muted:#5956d6;--landing-gray-500:#5f6880;--landing-gray-border:#c7c6ff;--landing-hero-wash:#f3f9fc;--landing-section-muted:#f9fafb;--landing-black:#111;--landing-nav-h:88px;width:100%;max-width:100%;height:100vh;min-height:100vh;color:var(--color-text-primary);scroll-behavior:smooth;background:#fff;font-family:Manrope,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden auto}body.landing-document-scroll .landing{height:auto;min-height:100vh;overflow:hidden visible}.landing-section-inner{max-width:1300px;margin:0 auto;padding:0 70px}.landing-reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.landing-visible .landing-reveal,.landing-visible.landing-reveal{opacity:1;transform:translateY(0)}.landing-nav{z-index:100;background:0 0;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.landing-nav--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--color-border-light);background:#ffffffd9;box-shadow:0 1px 8px #0000000a}.landing-nav-inner{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:1440px;min-height:80px;margin:0 auto;padding:0 70px;display:flex}.landing-nav-brand{align-items:center;gap:10px;display:flex}.landing-nav-brand--gupshup{align-items:center;gap:0}.landing-gupshup-logo{flex-shrink:0;width:auto;max-width:145px;height:24px;display:block}.landing-nav-logo{border-radius:var(--radius-sm);background:var(--color-accent-primary);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex}.landing-nav-logo--sm{width:28px;height:28px;padding:4px}.landing-nav-links{align-items:center;gap:16px;display:flex}.landing-nav-signin,.landing-hero-signin{white-space:nowrap;-webkit-backdrop-filter:blur(12px);color:var(--landing-purple);cursor:pointer;background:linear-gradient(#ffffffe0,#f9fafbfa);border:1px solid #5e34f152;border-radius:999px;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 28px #5e34f129,inset 0 1px #ffffffa6}.landing-nav-signin:hover,.landing-hero-signin:hover{border-color:#5e34f173;box-shadow:0 8px 32px #5e34f138,inset 0 1px #ffffffbf}.landing-nav-signin:focus-visible,.landing-hero-signin:focus-visible{outline:2px solid var(--landing-purple);outline-offset:3px}.landing-nav-signin{padding:8px 16px;font-size:14px}.landing-hero-signin{padding:10px 20px 10px 22px;font-size:15px}.landing-signin__label{line-height:1.2}.landing-signin__icon{opacity:.75;align-items:center;line-height:0;transition:transform .2s,opacity .2s;display:flex}.landing-nav-signin:hover .landing-signin__icon,.landing-hero-signin:hover .landing-signin__icon{opacity:1;transform:translate(3px)}.landing-nav-link{letter-spacing:0;color:#000;white-space:nowrap;align-items:center;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s;display:inline-flex}.landing-nav-link:hover{color:var(--landing-purple)}.landing-pill-cta{--pill-bg:#5e34f1;--pill-bg-hover:#f1315b;--pill-bg-active:#d4104a;background-color:var(--pill-bg);color:#fff;letter-spacing:0;cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;transition:background-color .32s cubic-bezier(.4,0,.2,1),box-shadow .32s cubic-bezier(.4,0,.2,1);display:inline-flex}.landing-pill-cta__label{flex-shrink:0;padding-left:12px;display:inline-block}.landing-nav-cta{flex-shrink:0;width:max-content;min-width:195px;max-width:calc(100vw - 48px)}.landing-pill-cta:hover{background-color:var(--pill-bg-hover);box-shadow:0 8px 24px #f1315b61}.landing-pill-cta:active{background-color:var(--pill-bg-active);box-shadow:0 4px 14px #d4104a59}.landing-pill-cta:focus-visible{outline:2px solid var(--pill-bg);outline-offset:3px}.landing-pill-cta:hover:focus-visible{outline-color:var(--pill-bg-hover)}.landing-pill-cta__arrow-wrap{width:24px;height:24px;color:var(--pill-bg);flex-shrink:0;justify-content:center;align-items:center;transition:color .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1);display:flex}.landing-pill-cta:hover .landing-pill-cta__arrow-wrap{color:var(--pill-bg-hover);transform:translate(5px)scale(1.08)}.landing-pill-cta:active .landing-pill-cta__arrow-wrap{color:var(--pill-bg-active)}.landing-pill-cta__arrow-svg{display:block;transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.landing-pill-cta,.landing-pill-cta__arrow-wrap{transition-duration:.01ms}.landing-pill-cta:hover .landing-pill-cta__arrow-wrap{transform:none}}.landing-hero-wrap{position:relative}.landing-hero{text-align:center;box-sizing:border-box;background:radial-gradient(ellipse 85% 70% at 0% 45%,#ffaabe73 0%,transparent 55%),radial-gradient(ellipse 85% 70% at 100% 55%,#aa9bff61 0%,transparent 55%),radial-gradient(ellipse 90% 55% at 8% 22%,#ff9ab061 0%,transparent 52%),radial-gradient(ellipse 78% 48% at 92% 82%,#5e34f142 0%,transparent 58%),radial-gradient(ellipse 60% 42% at 72% 18%,#b4dcff59 0%,transparent 48%),linear-gradient(168deg,#f2f8fc 0%,var(--landing-hero-wash)42%,#e4eef8 100%);justify-content:center;align-items:center;min-height:92svh;padding:140px 70px 100px;display:flex;position:relative;overflow:hidden}.landing-hero-wash{z-index:0;background:0 0;position:absolute;top:0;right:0;bottom:0;left:0}.landing-hero-gradient-img{transform-origin:bottom;object-fit:cover;object-position:bottom center;pointer-events:none;z-index:1;width:122%;height:clamp(240px,42vw,520px);max-height:75vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-hero-content{z-index:2;flex-direction:column;align-items:center;gap:52px;max-width:1300px;margin:0 auto;display:flex;position:relative}.landing-hero-lead{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.landing-hero-intro{letter-spacing:0;color:#000;text-align:center;width:100%;max-width:1300px;margin:0;font-size:48px;font-weight:400;line-height:1.2}.landing-hero-lockup{flex-wrap:wrap;justify-content:center;align-items:center;gap:27.22px;margin:0;display:flex}.landing-hero-lockup-icon{object-fit:contain;flex-shrink:0;width:92px;height:85.688px;display:block}.landing-hero-wordmark-wrap{box-sizing:border-box;flex-direction:column;flex-shrink:1;align-items:flex-start;width:498.159px;min-width:0;max-width:min(498.159px,100vw - 40px);padding-top:22.24px;display:flex}.landing-hero-wordmark{width:100%;height:auto;display:block}.landing-hero-tagline{letter-spacing:0;color:#000;text-align:center;width:100%;max-width:1300px;margin:0;font-size:24px;font-weight:600;line-height:1.2}.landing-hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.landing-hero-cta{box-sizing:border-box;flex-shrink:0;width:max-content;min-width:195px;max-width:calc(100vw - 40px);margin-top:0}.landing-hero-scroll-cue{z-index:5;-webkit-backdrop-filter:blur(12px);min-width:44px;min-height:44px;color:var(--landing-purple);cursor:pointer;background:linear-gradient(#ffffffe0,#f9fafbfa);border:1px solid #5e34f152;border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:8px 16px 10px;font-family:inherit;transition:opacity .35s,visibility .35s;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 6px 28px #5e34f129,inset 0 1px #ffffffa6}.landing-hero-scroll-cue:hover{border-color:#5e34f173;box-shadow:0 8px 32px #5e34f133,inset 0 1px #ffffffbf}.landing-hero-scroll-cue:focus-visible{outline:2px solid var(--landing-purple);outline-offset:3px}.landing-hero-scroll-cue--hidden{opacity:0;visibility:hidden;pointer-events:none}.landing-hero-scroll-cue__icon{line-height:0;display:flex}@media (prefers-reduced-motion:no-preference){.landing-hero-scroll-cue:not(.landing-hero-scroll-cue--static):not(.landing-hero-scroll-cue--hidden) .landing-hero-scroll-cue__icon{animation:1.75s ease-in-out infinite landing-hero-scroll-cue-bounce}}@keyframes landing-hero-scroll-cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.landing-hero-scroll-cue__label{color:var(--landing-purple-muted);font-size:11px;font-weight:600;line-height:1.2}.landing-chat-demo{--landing-chat-seam-pull:clamp(28px,4vw,40px);margin-top:calc(-1*var(--landing-chat-seam-pull));padding:calc(80px + var(--landing-chat-seam-pull))0 80px;background:linear-gradient(180deg,transparent 0,transparent var(--landing-chat-seam-pull),var(--landing-section-muted)var(--landing-chat-seam-pull));text-align:center}.landing-chat-demo-inner{max-width:1300px;margin:0 auto}.landing-chat-headline{letter-spacing:0;color:#000;max-width:1300px;margin:0 auto 44px;font-size:48px;font-weight:600;line-height:1.2}.landing-chat-demo-stack{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.landing-chat-outer{-webkit-backdrop-filter:blur(1.323px);box-sizing:border-box;background:#ffffff80;border:.279px solid #fff;border-radius:20px;width:100%;max-width:832px;margin:0 auto;padding:8px}.landing-chat-mock{box-sizing:border-box;background:#fff;border:1.283px solid #5e34f1;border-radius:16px;flex-direction:column;min-height:157px;display:flex;overflow:hidden;box-shadow:0 .642px 1.925px #0000001a,0 .642px 1.283px #0000001a}.landing-chat-input-area{flex:1;min-height:100px;position:relative}.landing-chat-textarea{resize:none;color:#111;width:100%;box-shadow:none;-webkit-appearance:none;background:0 0;border:none;outline:none;min-height:100px;padding:16.684px 16.684px 12px;font-family:inherit;font-size:18px;font-weight:400;line-height:27px}.landing-chat-textarea:focus{outline:none}.landing-chat-textarea::placeholder{color:#0000}.landing-chat-typing-ph{color:#7f8692;text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;z-index:1;padding:16.684px 16.684px 12px;font-family:inherit;font-size:18px;line-height:27px;position:absolute;top:0;left:0;right:0;overflow:hidden}.landing-chat-typing-cursor{background:var(--landing-purple);vertical-align:text-bottom;border-radius:1px;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite lp-cursor-blink;display:inline-block}@keyframes lp-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.landing-chat-toolbar{border-top:1px solid #c5cad959;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 12px;display:flex}.landing-chat-toolbar-left,.landing-chat-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.landing-chat-tool-btn{color:#99a1af;cursor:default;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4.845px;display:inline-flex}.landing-chat-tool-pill{background:#fff;border:.606px solid #c5cad9;border-radius:24.227px;padding:6.057px}.landing-chat-tool-btn--compact{gap:2.4px;padding:6.057px 8px}.landing-chat-tool-num{color:#99a1af;min-width:1ch;font-size:12px;font-weight:400;line-height:18px}.landing-chat-toolbar-icon{object-fit:contain;flex-shrink:0;width:14.536px;height:14.536px;display:block}.landing-chat-toolbar-icon--channel{width:14.67px;height:14.67px}.landing-chat-toolbar-icon--send{width:21.774px;height:21.774px}.landing-chat-tool-btn--label{color:#99a1af;gap:7.27px;max-width:163px;min-height:29px;padding:6.057px 10px;font-size:12px;font-weight:400;line-height:18px}.landing-chat-tool-btn--label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.landing-chat-channel-pill{color:#99a1af;background:#fff;border:.804px solid #c5cad9;border-radius:32.154px;align-items:center;gap:8px;padding:8.039px 10px;display:inline-flex}.landing-chat-tool-icononly{color:inherit;border-radius:0;padding:0}.landing-chat-send-btn{color:#fff;cursor:pointer;background:#5e34f1;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43.548px;height:43.548px;transition:background .2s,transform .15s;display:flex}.landing-chat-send-btn:hover{background:#4e28d6;transform:scale(1.05)}.landing-chat-prompts-section{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1100px;display:flex}.landing-prompts-label{color:#5f6880;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:14px;font-weight:500;line-height:21px}.landing-prompts{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.landing-prompts-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-prompt-pill{color:#111;-webkit-backdrop-filter:blur(2px);cursor:pointer;white-space:nowrap;background:#fff9;border:1px solid #c7c6ff;border-radius:100px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:700;line-height:24px;transition:border-color .2s,box-shadow .2s}.landing-prompt-pill:hover{border-color:var(--landing-purple);box-shadow:0 2px 12px #5e34f11f}.landing-logos{text-align:center;background:#fff;padding:100px 0 50px;position:relative;overflow:hidden}.landing-logos-label{color:#000c;max-width:602px;margin:0 auto 40px;font-size:20px;font-weight:300;line-height:1.4}.landing-logos-track-wrapper{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}.landing-logos-track{width:max-content;animation:30s linear infinite landing-scroll;display:flex}@keyframes landing-scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.landing-logos-set{flex-shrink:0;align-items:center;gap:48px;padding:0 24px;display:flex}.landing-logo-img{object-fit:contain;opacity:.85;width:auto;max-width:150px;height:48px}.landing-demo-video{text-align:center;background:#fff;padding:50px 0 80px}.landing-demo-video-title{letter-spacing:0;max-width:960px;margin:0 auto 40px;font-size:48px;font-weight:600;line-height:1.2}.landing-demo-video-title-accent{color:var(--landing-purple)}.landing-demo-video-title-line{color:#000}.landing-demo-video-frame{aspect-ratio:16/9;background:#0f0f0f;border-radius:16px;width:100%;max-width:960px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 40px #0000001f}.landing-demo-video-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.landing-conversions{background:#fff;padding:80px 0}.landing-conversions-title{text-align:center;color:#000;flex-direction:column;align-items:center;gap:12px;margin:0 auto 56px;font-size:48px;font-weight:600;line-height:1.2;display:flex}.landing-conversions-title-line{display:block}.landing-conversions-title-accent{color:var(--landing-purple);display:block}.landing-conversions-carousel{outline:none;position:relative}.landing-conversions-carousel:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--landing-purple);border-radius:8px}.landing-conversions-carousel-viewport{border-radius:32px;width:100%;overflow:hidden}.landing-conversions-carousel-track{will-change:transform;flex-flow:row;width:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex}@media (prefers-reduced-motion:reduce){.landing-conversions-carousel-track{transition:none}}.landing-conversions-carousel-slide{box-sizing:border-box;flex:0 0 100%;min-width:0}.landing-conversions-carousel-controls{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;margin-top:28px;display:flex}.landing-conversions-carousel-nav{border:1px solid var(--landing-gray-border);width:44px;height:44px;color:var(--landing-purple);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.landing-conversions-carousel-nav:hover{background:#f5f2ff;border-color:#5e34f173;box-shadow:0 4px 16px #5e34f11f}.landing-conversions-carousel-nav:focus-visible{outline:2px solid var(--landing-purple);outline-offset:2px}.landing-conversions-carousel-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.landing-conversions-carousel-dot{cursor:pointer;background:#5e34f138;border:none;border-radius:999px;width:10px;height:10px;padding:0;transition:background .2s,transform .2s}.landing-conversions-carousel-dot:hover{background:#5e34f173}.landing-conversions-carousel-dot.is-active{background:var(--landing-purple);transform:scale(1.15)}.landing-conversions-carousel-dot:focus-visible{outline:2px solid var(--landing-purple);outline-offset:2px}.landing-conversions-card-shell{box-sizing:border-box;background:linear-gradient(#f5f2ff,#cbc4ff);border-radius:32px;width:100%;max-width:1300px;min-height:618px;margin:0 auto;padding:80px 70px;box-shadow:0 4px 24px #6344e314,0 1px 3px #0000000a}.landing-conversions-card-shell--grad-1{background:linear-gradient(#f7f2ff,#e4c4ff)}.landing-conversions-card-shell--grad-2{background:linear-gradient(#f5f2ff,#cbc4ff)}.landing-conversions-card-shell--static{box-shadow:0 4px 24px #6344e31a,0 1px 3px #0000000d}.landing-conversions-scrolly-grid{flex-flow:row;justify-content:space-between;align-items:center;gap:48px;width:100%;min-width:0;display:flex}.landing-conversions-card-copy-col{text-align:left;flex-direction:column;flex:0 471px;justify-content:space-between;align-items:flex-start;gap:64px;min-width:0;max-width:471px;min-height:458px;display:flex}.landing-conversions-panel-head{color:#000;align-self:stretch;margin:0;font-size:28px;font-weight:700;line-height:38px}.landing-conversions-panel-footer{flex-direction:column;flex:1;justify-content:flex-end;align-self:stretch;align-items:flex-start;gap:32px;width:100%;min-height:0;display:flex}.landing-conversions-panel-body{color:#000;align-self:stretch;max-width:none;margin:0;font-size:28px;font-weight:300;line-height:1.4}.landing-conversions-panel-cta.landing-pill-cta{box-sizing:border-box;flex-shrink:0;align-self:flex-start;width:max-content;min-width:195px;max-width:calc(100vw - 40px);margin-top:0}.landing-conversions-visual-column{flex:0 638px;min-width:0;max-width:638px}.landing-conversions-visual-frame{box-sizing:border-box;box-shadow:none;background:0 0;border-radius:16px;padding:0;position:relative}.landing-conversions-visual-frame-grid{border-radius:inherit;pointer-events:none;background-image:linear-gradient(#5e34f11a 1px,#0000 1px),linear-gradient(90deg,#5e34f11a 1px,#0000 1px);background-size:28px 28px;position:absolute;top:0;right:0;bottom:0;left:0}.landing-conversions-sparkle{z-index:3;width:38px;height:38px;color:var(--landing-purple);pointer-events:none;background:#f7f2fff2;border-radius:10px;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex;position:absolute;box-shadow:0 10px 28px #5e34f12e}.landing-conversions-sparkle--tl{top:18px;left:18px}.landing-conversions-sparkle--br{bottom:18px;right:18px}.landing-conversions-visual-slides{z-index:1;background:#f5f2ff;border-radius:16px;width:100%;max-width:638px;height:458px;position:relative;overflow:hidden;box-shadow:0 18px 40px #3728781f}.landing-conversions-visual-slides--fill-grad-1{background:#f7f2ff}.landing-conversions-visual-slides--fill-grad-2{background:#f5f2ff}.landing-conversions-visual-slides--single{box-shadow:0 18px 40px #3728781f}.landing-conversions-visual-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;bottom:0;left:0}.landing-conversions-visual-img.landing-conversions-visual-img--solo{object-fit:fill;object-position:center;opacity:1;width:100%;height:100%;min-height:200px;display:block;position:relative;inset:auto}.landing-conversions-visual-img.is-active{opacity:1}@media (max-width:960px){.landing-conversions-scrolly-grid{flex-direction:column;align-items:stretch;gap:clamp(32px,5vw,48px)}.landing-conversions-visual-column{flex-basis:auto;order:-1;max-width:none}.landing-conversions-card-copy-col{flex-basis:auto;justify-content:flex-start;gap:40px;max-width:none;min-height:auto}.landing-conversions-panel-footer{flex:none;justify-content:flex-start;gap:24px}.landing-conversions-visual-slides{aspect-ratio:16/10;max-width:none;height:auto;min-height:200px}}@media (prefers-reduced-motion:reduce){.landing-conversions-visual-img{transition:none}}.landing-superclaw{text-align:center;background:#fff;padding:50px 0 80px}.landing-superclaw-title{margin:0 0 24px;font-size:48px;font-weight:600;line-height:1.2}.landing-superclaw-title-accent{color:var(--landing-purple);display:block}.landing-superclaw-title-line{color:#000;display:block}.landing-superclaw-lede{color:#000;max-width:900px;margin:0 auto 32px;font-size:20px;font-weight:300;line-height:1.4}.landing-superclaw-visual{background:#f8f8f8;border-radius:32px;width:100%;margin-bottom:24px;line-height:0;overflow:hidden}.landing-superclaw-bg{width:100%;height:auto;display:block}.landing-superclaw-cta-wrap{justify-content:center;display:flex}.landing-blog{background:#fff;padding:80px 0}.landing-blog-inner{flex-wrap:wrap;align-items:flex-start;gap:60px;display:flex}.landing-blog-copy{text-align:left;flex:400px;min-width:280px}.landing-blog-tag{color:#ff3964;background:#ffebef;border-radius:100px;margin-bottom:12px;padding:10px 15px;font-size:16px;font-weight:600;line-height:1.2;display:inline-block}.landing-blog-headline{color:#000;margin:0 0 12px;font-size:48px;font-weight:600;line-height:1.2}.landing-blog-body{color:#000;margin:0 0 28px;font-size:20px;font-weight:300;line-height:1.4}.landing-blog-card{background:#fff;border:1px solid #dcdcdc;border-radius:20px;flex:0 417px;overflow:hidden;box-shadow:0 10px 20px #00000026}.landing-blog-card-media{background:linear-gradient(142deg,#000 13.7%,#5e34f1 95.7%);height:280px;overflow:hidden}.landing-blog-card-gradient{object-fit:cover;width:100%;height:100%;display:block}.landing-blog-card-body{text-align:left;padding:24px}.landing-blog-card-title{color:#000;margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.2}.landing-blog-card-date{color:#000c;margin:0;font-size:16px;font-weight:400;line-height:1.4}.landing-cta-new{background:#fff;padding:50px 70px 80px}.landing-cta-shell{isolation:isolate;background:radial-gradient(80% 100% at 50% 0,#5e34f1,#421fbc);border-radius:32px;max-width:1300px;min-height:500px;margin:0 auto;position:relative;overflow:hidden}.landing-cta-deco{z-index:2;pointer-events:none;max-width:40%;height:auto;position:absolute}.landing-cta-deco--left{width:184px;bottom:0;left:0}.landing-cta-deco--right{width:165px;bottom:0;right:0}.landing-cta-notch{z-index:3;justify-content:center;align-items:center;gap:6px;width:188px;height:39px;padding-top:8px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-cta-tab-dot{background:#fff9;border-radius:50%;width:6px;height:6px}.landing-cta-new-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:120px 24px 100px;display:flex;position:relative}.landing-cta-new-headline{color:#fff;max-width:850px;margin:0;font-size:48px;font-weight:600;line-height:1.2}.landing-cta-pill-light{color:var(--landing-purple-muted);cursor:pointer;background:#fff;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:12px 12px 12px 20px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;transition:background .2s,transform .15s;display:inline-flex}.landing-cta-pill-light:hover{background:#f5f5f5;transform:translateY(-1px)}.landing-cta-pill-light__text{color:var(--landing-purple-muted)}.landing-cta-pill-light__arrow{width:24px;height:24px;display:block;transform:rotate(90deg)}.landing-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:32px 0}.landing-footer-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-footer-copy{color:var(--color-text-muted);text-align:center;margin:0;font-size:13px}@media (max-width:1024px){.landing-section-inner,.landing-nav-inner{padding:0 32px}.landing-hero-intro{font-size:40px}.landing-hero-content{gap:44px}.landing-chat-headline,.landing-conversions-title,.landing-demo-video-title,.landing-superclaw-title,.landing-blog-headline,.landing-cta-new-headline{font-size:36px}.landing-conversions-card-shell{min-height:auto;padding:clamp(48px,6vw,80px) clamp(28px,4vw,70px)}.landing-cta-new{padding:40px 32px 60px}}@media (max-width:768px){html.landing-document-scroll,.landing{--landing-nav-h:64px}.landing-section-inner{padding:0 20px}.landing-nav-inner{gap:8px;min-height:56px;padding:0 16px}.landing-gupshup-logo{max-width:120px;height:20px}.landing-nav-links{gap:8px}.landing-nav-cta{flex-shrink:1;gap:8px;min-width:auto;padding:8px;font-size:13px}.landing-nav-cta .landing-pill-cta__label{padding-left:8px}.landing-nav-cta .landing-pill-cta__arrow-wrap,.landing-nav-cta .landing-pill-cta__arrow-svg{width:20px;height:20px}.landing-nav-signin{gap:4px;padding:6px 10px;font-size:12px}.landing-nav-signin .landing-signin__icon svg{width:12px;height:12px}.landing-hero-scroll-cue{display:none}.landing-hero{box-sizing:border-box;min-height:80svh;padding:100px 20px 80px}.landing-hero-content{gap:40px}.landing-hero-intro{font-size:32px}.landing-hero-lockup{gap:16px}.landing-hero-lockup-icon{width:64px;height:60px}.landing-hero-wordmark-wrap{width:100%;max-width:380px;padding-top:12px}.landing-hero-tagline{font-size:18px}.landing-chat-demo{padding:calc(48px + var(--landing-chat-seam-pull))0 48px}.landing-chat-headline{font-size:26px}.landing-chat-outer{margin-left:0;margin-right:0}.landing-chat-toolbar-left .landing-chat-tool-btn--label span{display:none}.landing-chat-toolbar-left .landing-chat-tool-btn--label{padding:6px}.landing-prompt-pill{white-space:normal;text-align:center;padding:10px 14px;font-size:14px}.landing-prompts-row{flex-direction:column;align-items:stretch;gap:10px}.landing-conversions{padding:56px 0}.landing-conversions-title{gap:8px;margin-bottom:36px;font-size:26px}.landing-demo-video{padding:40px 0 56px}.landing-demo-video-title{margin-bottom:28px;font-size:26px}.landing-conversions-card-shell{border-radius:24px;padding:24px 18px}.landing-conversions-panel-head{font-size:clamp(22px,5.5vw,28px);line-height:1.35}.landing-conversions-panel-body{font-size:clamp(17px,3.8vw,22px)}.landing-blog-inner{flex-direction:column}.landing-cta-new{padding:32px 16px 48px}.landing-cta-shell{min-height:420px}.landing-cta-new-headline{font-size:28px}.landing-logos{padding:64px 0 40px}.landing-logos-label{margin-bottom:28px;font-size:16px}.landing-logo-img{height:36px}.landing-logos-set{gap:32px;padding:0 16px}.landing-superclaw-title{font-size:28px}.landing-superclaw-lede{font-size:17px}.landing-superclaw-visual{border-radius:20px}.landing-superclaw-br-hide{display:none}.landing-cta-new-content{gap:32px;padding:80px 20px 72px}.landing-conversions-carousel-viewport{border-radius:20px}}@media (max-width:480px){.landing-hero{min-height:70svh;padding:100px 16px 60px}.landing-hero-content{gap:28px}.landing-hero-intro{font-size:24px}.landing-hero-lockup{gap:12px}.landing-hero-lockup-icon{width:48px;height:45px}.landing-hero-wordmark-wrap{max-width:280px;padding-top:8px}.landing-hero-tagline{font-size:16px}.landing-chat-demo{padding:calc(36px + var(--landing-chat-seam-pull))0 36px}.landing-chat-headline{margin-bottom:28px;font-size:20px}.landing-chat-textarea{min-height:80px;padding:12px 14px 10px;font-size:15px;line-height:22px}.landing-chat-typing-ph{padding:12px 14px 10px;font-size:15px;line-height:22px}.landing-chat-toolbar{gap:8px;padding:8px 10px 10px}.landing-chat-toolbar-left .landing-chat-tool-btn--label{display:none}.landing-chat-send-btn{width:36px;height:36px}.landing-chat-toolbar-icon--send{width:18px;height:18px}.landing-prompt-pill{padding:8px 12px;font-size:13px}.landing-chat-prompts-section{gap:14px}.landing-prompts{gap:10px}.landing-prompts-row{gap:8px}.landing-pill-cta:not(.landing-nav-cta):not(.landing-hero-cta):not(.landing-conversions-panel-cta){padding:10px;font-size:14px}.landing-pill-cta:not(.landing-nav-cta):not(.landing-hero-cta):not(.landing-conversions-panel-cta) .landing-pill-cta__label{padding-left:8px}.landing-nav-inner{min-height:52px;padding:0 12px}.landing-gupshup-logo{max-width:108px;height:18px}.landing-nav-links{gap:6px}.landing-nav-cta{gap:6px;padding:7px;font-size:12px}.landing-nav-cta .landing-pill-cta__label{padding-left:6px}.landing-nav-signin{gap:4px;padding:5px 8px;font-size:11px}.landing-logos{padding:48px 0 32px}.landing-logos-label{max-width:90%;margin-bottom:20px;font-size:14px}.landing-logo-img{height:28px}.landing-logos-set{gap:24px;padding:0 12px}.landing-demo-video-title{margin-bottom:20px;font-size:22px}.landing-demo-video{padding:32px 0 40px}.landing-conversions{padding:40px 0}.landing-conversions-title{margin-bottom:28px;font-size:22px}.landing-conversions-carousel-viewport{border-radius:16px}.landing-conversions-card-shell{border-radius:16px;min-height:auto;padding:20px 14px}.landing-conversions-scrolly-grid{gap:20px}.landing-conversions-card-copy-col{gap:24px}.landing-conversions-panel-head{font-size:20px;line-height:1.3}.landing-conversions-panel-body{font-size:16px}.landing-conversions-panel-footer{gap:20px}.landing-conversions-panel-cta.landing-pill-cta{min-width:auto}.landing-conversions-visual-slides{border-radius:12px}.landing-superclaw{padding:40px 0 56px}.landing-superclaw-title{font-size:24px}.landing-superclaw-lede{margin-bottom:24px;font-size:15px}.landing-superclaw-visual{border-radius:16px}.landing-cta-new{padding:24px 12px 40px}.landing-cta-shell{border-radius:24px;min-height:320px}.landing-cta-new-content{gap:28px;padding:64px 16px 56px}.landing-cta-new-headline{font-size:24px}.landing-cta-pill-light{padding:10px 10px 10px 16px;font-size:14px}.landing-hero-scroll-cue{padding:6px 12px 8px}.landing-hero-scroll-cue__label{font-size:10px}}:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fc;--color-bg-tertiary:#f0f1f6;--color-bg-hover:#ecedf3;--color-bg-active:#5956d614;--color-accent-primary:#5e34f1;--color-accent-secondary:#4e28d6;--color-accent-light:#f0ecff;--color-accent-green:#22c55e;--color-accent-green-light:#f0fdf4;--color-text-primary:#1a1a2e;--color-text-secondary:#555770;--color-text-muted:#8e90a6;--color-text-light:#b0b2c3;--color-text-tertiary:#8e90a6;--color-border:#e2e3eb;--color-border-light:#ededf3;--color-border-hover:#d1d2de;--color-divider:#ededf3;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#5956d6;--shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--shadow-md:0 2px 4px #0000000a,0 4px 12px #00000014;--shadow-lg:0 4px 8px #0000000a,0 12px 32px #0000001a;--transition-fast:.12s ease;--transition-normal:.2s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-heading:"Sen",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-sans:"Poppins",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;overflow:hidden}#root{width:100%;max-width:100%;height:100vh;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:padding-box;border:2px solid #0000}::selection{background:var(--color-accent-light);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px;border-radius:var(--radius-sm)}.app-container{background:var(--color-bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex}.main-content{flex:1;min-height:0;display:flex;overflow:hidden}.app-main-layout{flex:1;display:flex;overflow:hidden}.app-chat-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.prose{font-family:var(--font-sans);color:var(--color-text-primary);word-break:break-word;line-height:1.5}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-heading);color:var(--color-text-primary);margin-top:1.25em;margin-bottom:.5em;font-weight:600;line-height:1.25}.prose h1{font-size:1.375em}.prose h2{font-size:1.25em}.prose h3{font-size:1.125em}.prose h4{font-size:1.1em}.prose h5,.prose h6{font-size:1em}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose p{margin:.6em 0}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}.prose strong,.prose b{color:var(--color-text-primary);font-weight:700}.prose ul,.prose ol{margin:.5em 0;padding-left:1.625em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin:.25em 0;padding-left:.25em;line-height:1.5}.prose li::marker{color:var(--color-text-muted)}.prose ul ul,.prose ol ol,.prose ul ol,.prose ol ul{margin:.15em 0}.prose ul ul{list-style-type:circle}.prose ul ul ul{list-style-type:square}.prose blockquote{border-left:3px solid var(--color-accent-primary);background:var(--color-accent-light);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text-secondary);margin:1em 0;padding:0 0 0 1em}.prose blockquote p{margin:0}.prose hr{background:var(--color-border);border:none;height:1px;margin:1.5em 0}.prose a{color:var(--color-accent-secondary);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.prose a:hover{border-bottom-color:var(--color-accent-secondary)}.message-markdown-image-block{margin:.9em 0}.prose img,.message-markdown-image{border-radius:var(--radius-md);max-width:min(100%,520px);height:auto;margin:0;display:block}.message-markdown-image-url{word-break:break-all;margin-top:.4rem;font-size:.86em;line-height:1.4}.prose code{background:var(--color-accent-light);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-accent-primary);padding:2px 4px;font-size:.875em}.prose pre{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin:1em 0;overflow-x:auto}.prose pre code{color:var(--color-text-primary);background:0 0;border-radius:0;padding:0}.prose p>strong:first-child{color:var(--color-text-primary)}.prose .table-wrapper{width:100%;margin:var(--spacing-md)0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.prose .table-wrapper table{border-collapse:collapse;border:none;border-radius:0;width:100%;min-width:100%;margin:0;font-size:14px}.prose>table{border-collapse:collapse;width:100%;margin:var(--spacing-md)0;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;overflow:hidden}.prose>table>*{border-radius:0}.prose .table-wrapper table thead,.prose>table thead{background:var(--color-bg-secondary)}.prose .table-wrapper table th,.prose>table th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.prose .table-wrapper table td,.prose>table td{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.prose .table-wrapper table tbody tr,.prose>table tbody tr{transition:background var(--transition-fast)}.prose .table-wrapper table tbody tr:nth-child(2n),.prose>table tbody tr:nth-child(2n){background:var(--color-bg-secondary)}.prose .table-wrapper table tbody tr:hover,.prose>table tbody tr:hover{background:var(--color-bg-hover)}.prose .table-wrapper table tbody tr:last-child td,.prose>table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){html{font-size:14px}body,#root{overflow:auto}.app-main-layout{flex-direction:column;position:relative}.app-chat-area{height:100dvh}::-webkit-scrollbar{width:4px;height:4px}.prose{font-size:14px}.prose h1{font-size:1.25em}.prose h2{font-size:1.15em}.prose h3{font-size:1.1em}.prose pre{padding:var(--spacing-sm);font-size:12px}.prose .table-wrapper{margin:var(--spacing-sm)0}.prose .table-wrapper table,.prose>table{font-size:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
