.header{display:flex;align-items:center;gap:12px;padding:0 24px;padding-top:env(safe-area-inset-top,0px);min-height:64px;height:auto;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;transition:background-color .3s ease,border-color .3s ease;position:relative;overflow:visible;min-width:0;flex-wrap:nowrap;--header-project-env-label-width: 90px;--header-workspace-button-width: 200px;--header-user-button-width: 200px}.header-left{display:flex;align-items:center;gap:20px;min-width:0;flex:1 1 0;overflow:visible}.header-left-project-env{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:0;min-width:0}.header-workspace-slot{flex-shrink:0;min-width:0;max-width:min(260px,36vw)}.header-right .header-workspace-slot{flex-shrink:0}.header-workspace-slot .user-settings-workspace-selector{margin-bottom:0!important}.header-workspace-slot .user-settings-workspace-selector-button{width:var(--header-workspace-button-width);min-width:var(--header-workspace-button-width);max-width:var(--header-workspace-button-width);flex-shrink:0}.header-workspace-slot .user-settings-workspace-selector-button>span:not(.user-settings-workspace-chevron){flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;font-weight:500}.header-workspace-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:40px;font-size:14px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-family:inherit;white-space:nowrap;box-sizing:border-box;transition:background .2s ease,border-color .2s ease}.header-workspace-empty-btn:hover{background:var(--bg-quaternary);border-color:var(--border-color)}.header-workspace-slot .header-workspace-empty-btn{width:var(--header-workspace-button-width);min-width:var(--header-workspace-button-width);max-width:var(--header-workspace-button-width);box-sizing:border-box}.header-workspace-slot .header-workspace-empty-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.header .header-user-button,.header .header-user-button--skeleton{width:var(--header-user-button-width);min-width:var(--header-user-button-width);max-width:var(--header-user-button-width);flex-shrink:0}.header .header-user-button .header-user-name,.header .header-user-button--skeleton .header-user-name{flex:1 1 0;min-width:0;max-width:none;text-align:left}.header-skeleton-shimmer-fill{background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-quaternary) 35%,var(--border-color) 50%,var(--bg-quaternary) 65%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:header-select-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-workspace-selector-button.header-workspace-skeleton{pointer-events:none;cursor:default}.header-workspace-slot .user-settings-workspace-selector-button.header-workspace-skeleton{width:var(--header-workspace-button-width);min-width:var(--header-workspace-button-width);max-width:var(--header-workspace-button-width)}.user-settings-workspace-selector-button.header-workspace-skeleton .user-settings-workspace-chevron.header-workspace-skeleton-chevron-faint{opacity:.22}.header-workspace-skeleton-avatar{width:32px;height:32px;border-radius:8px;flex-shrink:0;border:1px solid var(--border-color);box-sizing:border-box}.header-workspace-skeleton-avatar.header-skeleton-shimmer-fill,.header-workspace-skeleton-line.header-skeleton-shimmer-fill{display:block}.user-settings-workspace-selector-button.header-workspace-skeleton .user-settings-workspace-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start;justify-content:center}.header-workspace-skeleton-line{border-radius:4px;width:100%;max-width:100%}.header-workspace-skeleton-line--primary{min-height:16px}.header-workspace-skeleton-line--secondary{min-height:13px;max-width:85%}.logo-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s;position:relative;z-index:10;pointer-events:auto;width:24px;height:24px;text-decoration:none;outline:none}.logo-button:hover{opacity:.8}.logo-button:active{opacity:.6}.logo-button svg,.logo-button img{pointer-events:none;display:block;width:24px;height:24px}[data-theme=dark] .logo-button img{filter:brightness(0) invert(1)}.logo{display:flex;align-items:center;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s;position:relative;z-index:10;pointer-events:auto}.user-settings-workspace-selector{position:relative;margin-bottom:0!important;min-width:0;overflow:hidden}.user-settings-workspace-selector-button{display:flex;align-items:center;gap:5px!important;padding:6px 12px;min-width:0;max-width:220px;background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--text-primary);font-family:inherit;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.user-settings-workspace-selector-button:hover{background:var(--bg-quaternary);border-color:var(--border-color)!important;outline:none!important;color:var(--text-primary)}.user-settings-workspace-selector-button:focus{outline:none!important;box-shadow:none}.user-settings-workspace-selector-button:focus-visible{outline:none!important;box-shadow:none}.user-settings-workspace-selector-button:active{transform:scale(.98)}.user-settings-workspace-selector-button .user-settings-workspace-avatar{width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--border-color);display:block;align-self:center}.user-settings-workspace-selector-button .user-settings-workspace-avatar-placeholder{width:32px;height:32px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);align-self:center}.user-settings-workspace-selector-button .user-settings-workspace-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start;justify-content:center;align-self:center}.user-settings-workspace-selector-button .user-settings-workspace-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-width:0;max-width:100%;margin:0;padding:0}.user-settings-workspace-selector-button .user-settings-workspace-slug{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-width:0;max-width:100%;font-weight:400;margin:0;padding:0}.user-settings-workspace-selector-button .user-settings-workspace-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center;margin-left:auto;transition:transform .2s ease;opacity:.6;color:var(--text-secondary)}.user-settings-workspace-selector-button .user-settings-workspace-chevron svg{display:block;vertical-align:middle}.user-settings-workspace-selector-button:hover .user-settings-workspace-chevron{opacity:.8}.user-settings-workspace-selector-button .user-settings-workspace-chevron.open{transform:rotate(180deg);opacity:1}.user-settings-workspace-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px #00000040;max-height:400px;overflow-y:auto;overflow-x:hidden;min-width:240px;padding:6px;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}.user-settings-workspace-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .15s ease;color:var(--text-primary);background:transparent;border:none;width:100%;border-radius:8px;text-align:left;font-size:14px;font-family:inherit;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent}.user-settings-workspace-option:focus{outline:none!important;box-shadow:none}.user-settings-workspace-option:focus-visible{outline:none!important;box-shadow:none}.user-settings-workspace-option:hover{background:var(--bg-quaternary);color:var(--text-primary)}.user-settings-workspace-option.selected{background:var(--bg-quaternary);color:#3b82f6}.user-settings-workspace-option.selected:before{display:none}.user-settings-workspace-option-check{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#2563eb;color:#fff;border:1.5px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;flex-shrink:0}.user-settings-workspace-option .user-settings-workspace-avatar{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;object-fit:cover;display:block;align-self:center}.user-settings-workspace-option .user-settings-workspace-avatar-placeholder{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center;background:var(--bg-quaternary)}.user-settings-workspace-option .user-settings-workspace-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start;justify-content:center}.user-settings-workspace-option .user-settings-workspace-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-width:160px;margin:0;padding:0}.user-settings-workspace-option .user-settings-workspace-slug{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-width:160px;font-weight:400;margin:0;padding:0}.user-settings-workspace-option.selected .user-settings-workspace-name{color:#3b82f6;font-weight:600}.user-settings-workspace-option svg:last-child{flex-shrink:0;color:#3b82f6;width:16px;height:16px}.user-settings-workspace-option-create{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:4px;padding:10px 12px;justify-content:flex-start;gap:10px;transition:all .15s ease;outline:none!important;-webkit-tap-highlight-color:transparent}.user-settings-workspace-option-create:hover{background:transparent!important;color:#3b82f6;outline:none!important}.user-settings-workspace-option-create:focus{outline:none!important;box-shadow:none}.user-settings-workspace-option-create:focus-visible{outline:none!important;box-shadow:none}.user-settings-workspace-option-create .user-settings-workspace-option-name{font-size:14px;font-weight:500;color:inherit}.user-settings-workspace-dropdown::-webkit-scrollbar{width:8px}.user-settings-workspace-dropdown::-webkit-scrollbar-track{background:transparent}.user-settings-workspace-dropdown::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:4px;border:2px solid var(--bg-tertiary)}.user-settings-workspace-dropdown::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.project-selector-wrapper{position:relative;display:flex;align-items:center;gap:8px;min-width:0;overflow:visible}.project-selector{display:flex;align-items:center;gap:8px;padding:8px 14px;min-width:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;box-shadow:0 1px 3px #0000001a}.project-selector:hover{background:var(--bg-quaternary);border-color:var(--border-color);box-shadow:0 2px 8px #00000026}.project-selector.open{background:var(--bg-quaternary);border-color:#3b82f666;box-shadow:0 2px 8px #00000026}.project-selector svg{opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-selector:hover svg{opacity:1}.project-selector.open svg{transform:rotate(180deg);opacity:1}.project-name{color:var(--text-primary);font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 var(--header-project-env-label-width);min-width:var(--header-project-env-label-width);max-width:var(--header-project-env-label-width);box-sizing:border-box}@keyframes header-select-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.header-select-skeleton{display:block;width:100%;min-width:0;height:1.35em;min-height:1.35em;border-radius:4px;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-quaternary) 35%,var(--border-color) 50%,var(--bg-quaternary) 65%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:header-select-skeleton-shimmer 1.35s ease-in-out infinite}.project-name>.header-select-skeleton,.environment>.header-select-skeleton{display:block;width:100%;max-width:100%;box-sizing:border-box}.project-selector.is-loading,.environment-selector.is-loading{pointer-events:none;cursor:default}.project-selector.is-loading svg,.environment-selector.is-loading svg{opacity:.35}.project-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px #00000040;z-index:1000;max-height:400px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}.project-dropdown::-webkit-scrollbar{width:6px}.project-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:10px}.project-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;transition:background .3s ease}.project-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.project-option{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .15s ease;color:var(--text-primary);font-size:14px;gap:12px}.project-option:hover{background:var(--bg-quaternary)}.project-option.active{background:var(--bg-quaternary);color:#3b82f6;font-weight:600}.project-option-name{font-weight:500}.project-option-active{font-size:9px;color:#3b82f6;font-weight:600;padding:2px 6px;background:rgba(59,130,246,.15);border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.project-option-create{color:var(--text-secondary);border-top:1px solid var(--border-color);padding:10px 16px;justify-content:flex-start;gap:10px;transition:all .15s ease}.project-option-create-no-projects{border-top:none}.project-option-create:hover{background:transparent;color:#3b82f6}.project-option-create svg{flex-shrink:0;opacity:1;width:16px;height:16px}.project-option-create .project-option-name{flex:0 0 auto;margin:0}.project-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0;transition:background-color .3s ease}.separator{color:var(--text-tertiary);font-weight:300;margin:0 4px;opacity:.5;transition:all .3s ease;flex-shrink:0;align-self:center;line-height:1}.environment{color:var(--text-secondary);transition:color .3s ease;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 var(--header-project-env-label-width);min-width:var(--header-project-env-label-width);max-width:var(--header-project-env-label-width);box-sizing:border-box}.environment-selector-wrapper{position:relative;min-width:0;overflow:visible}.environment-selector{display:flex;align-items:center;gap:8px;padding:8px 14px;min-width:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;box-shadow:0 1px 3px #0000001a}.environment-selector:hover{background:var(--bg-quaternary);border-color:var(--border-color);box-shadow:0 2px 8px #00000026}.environment-selector.open{background:var(--bg-quaternary);border-color:#3b82f666;box-shadow:0 2px 8px #00000026}.environment-selector svg{opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1)}.environment-selector:hover svg{opacity:1}.environment-selector.open svg{transform:rotate(180deg);opacity:1}.environment-selector.is-disabled{pointer-events:none;cursor:not-allowed;opacity:.75}.environment-selector.is-disabled svg{opacity:.35}.environment--placeholder{color:var(--text-tertiary);font-weight:400}.environment-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px #00000040;z-index:1000;max-height:300px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}.environment-dropdown::-webkit-scrollbar{width:6px}.environment-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:10px}.environment-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;transition:background .3s ease}.environment-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.environment-option{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .15s ease;color:var(--text-primary);font-size:14px;gap:12px}.environment-option:hover{background:var(--bg-quaternary)}.environment-option.active{background:var(--bg-quaternary);color:#3b82f6;font-weight:600}.environment-option-name{font-weight:500}.environment-option-default{font-size:9px;color:var(--text-secondary);font-weight:600;padding:2px 6px;background:rgba(255,255,255,.05);border-radius:10px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.environment-option.active .environment-option-default{color:#3b82f6;background:rgba(59,130,246,.15)}.environment-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0;transition:background-color .3s ease}.environment-option-create{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:4px;padding:10px 16px;justify-content:flex-start;gap:10px;transition:all .15s ease}.environment-option-create:hover{background:transparent;color:#3b82f6}.environment-option-create svg{flex-shrink:0;opacity:1;width:16px;height:16px}.environment-option-create .environment-option-name{flex:0 0 auto;margin:0}.project-selector svg{margin-left:4px;opacity:.6}.header-nav{display:flex;gap:4px;align-items:stretch;flex:0 0 auto;background:#0f0f14;padding:4px 6px;border-radius:10px;border:1px solid var(--border-color);z-index:1;position:absolute;left:50%;transform:translate(-50%)}[data-theme=light] .header-nav{background:#ffffff;border-color:#dee2e6}.header-nav-menu-button{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.header-nav-menu-button:hover{background:var(--bg-quaternary)}[data-theme=light] .header-nav-menu-button:hover{background:rgba(0,0,0,.06)}.header-nav-links{display:flex;gap:4px;align-items:stretch}.nav-item{display:flex;align-items:center;justify-content:center;width:120px;padding:8px 20px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;text-align:center;box-sizing:border-box}.nav-item:hover{color:var(--text-primary);background:var(--bg-quaternary)}[data-theme=light] .nav-item{color:#495057}[data-theme=light] .nav-item:hover{color:#212529;background:rgba(0,0,0,.02)}.nav-item.active{color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.1));font-weight:600}[data-theme=light] .nav-item.active{color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.08))}.nav-item.active:before{display:none}.nav-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex:1 1 0;overflow:visible}.header-right-spacer{flex:1 1 0;min-width:220px;max-width:100%;pointer-events:none}.header-nav-mobile-project-env{display:none}@media (max-width: 1320px) and (min-width: 1101px){.header{gap:10px;padding:0 20px;--header-workspace-button-width: 168px;--header-user-button-width: 168px;--header-project-env-label-width: 72px}.header-left,.header-right{min-width:0}.header-nav{padding:3px 4px;gap:2px}.nav-item{width:100px;padding:8px 12px;font-size:13px}.project-selector{max-width:150px;padding:6px 10px}.environment-selector{max-width:118px;padding:6px 10px}.header-workspace-slot{max-width:min(228px,32vw)}}@media (max-width: 1100px){.header{gap:8px;padding:0 20px;--header-project-env-label-width: 56px;--header-workspace-button-width: 160px;--header-user-button-width: 160px}.header-right{gap:12px;justify-content:flex-end;min-width:0}.header-right-spacer{display:none}.header-right .header-nav{margin-left:auto}.header-workspace-slot{flex-shrink:0;max-width:min(220px,38vw)}.header-right .user-settings-workspace-selector,.header-right .user-menu-wrapper{flex-shrink:0}.header-left{gap:10px;min-width:0}.project-selector-wrapper{min-width:0;overflow:visible}.project-selector{max-width:160px;min-width:0;padding:6px 10px}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment-selector-wrapper{min-width:0;overflow:visible}.environment-selector{max-width:110px}.environment-selector .environment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav{position:relative;left:auto;transform:none;padding:0;gap:0;flex-shrink:0;border-radius:8px;width:44px;min-width:44px;height:44px;min-height:44px}.header-nav-menu-button{display:flex;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:8px}.header-nav-links{display:none;position:absolute;top:100%;right:0;left:auto;margin-top:4px;flex-direction:column;min-width:160px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0003;padding:4px;z-index:1000;gap:2px}.header-nav-open .header-nav-links{display:flex}[data-theme=light] .header-nav-links{background:#ffffff;border-color:#dee2e6;box-shadow:0 8px 24px #0000001a}.header-nav .nav-item{width:100%;min-height:44px;padding:10px 14px;font-size:14px;justify-content:flex-start;border-radius:6px}.user-settings-workspace-selector-button{gap:6px!important;min-width:100px;max-width:160px;padding:6px 12px;border-radius:8px}.user-settings-workspace-selector-button .user-settings-workspace-chevron{margin-left:4px}.user-settings-workspace-selector-button .user-settings-workspace-name,.user-settings-workspace-selector-button .user-settings-workspace-slug{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.invitations-menu-wrapper{position:relative}.header-invitations-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.header-invitations-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.invitations-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.invitations-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0009;z-index:1000;max-height:500px;overflow:hidden;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease}.invitations-dropdown-header{padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.invitations-dropdown-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.invitations-list{overflow-y:auto;max-height:400px;padding:12px;display:flex;flex-direction:column;gap:12px}.invitation-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--bg-quaternary);transition:all .2s ease;border:1px solid transparent}.invitation-item:hover{background:var(--bg-quaternary);border-color:var(--border-color);box-shadow:0 2px 8px #0000001a}.invitation-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);overflow:hidden}.invitation-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.invitation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.invitation-workspace-name{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}.invitation-details{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);line-height:1.4}.invitation-role{text-transform:capitalize}.invitation-separator{color:var(--text-tertiary);opacity:.5}.invitation-invited-by{flex-shrink:0}.invitation-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.invitation-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:50%;background:transparent;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:var(--text-secondary)}.invitation-action-btn:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.invitation-action-btn:active{transform:scale(.95)}.invitation-accept-btn{border-color:var(--border-color)}.invitation-accept-btn:hover{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.invitation-decline-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.billing-indicator{padding:6px 12px;background:rgba(34,197,94,.15);color:#4ade80;border-radius:20px;font-size:12px;font-weight:500}[data-theme=light] .billing-indicator{background:rgba(34,197,94,.1);color:#16a34a}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-user-button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:6px 12px;min-width:0;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;font-family:inherit;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;text-align:left}.header-user-button--skeleton{pointer-events:none;cursor:default;box-sizing:border-box;width:fit-content;max-width:200px;min-width:0;min-height:44px;justify-content:flex-start}.header-user-button--skeleton .header-user-name{flex:0 0 140px;min-width:140px;max-width:140px}.header-user-skeleton-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:block;border:1px solid var(--border-color);box-sizing:border-box}.header-user-name .header-user-skeleton-name-bar{display:block;width:100%;min-height:1.35em;border-radius:4px}.header-user-skeleton-chevron-faint{flex-shrink:0;margin-left:auto;opacity:.22;color:var(--text-secondary)}.header-user-button:hover{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.header-user-avatar,.header-user-avatar-placeholder{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-color)}.header-user-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;min-width:0;text-align:left}.header-user-chevron{flex-shrink:0;transition:transform .2s ease;opacity:.6;color:var(--text-secondary);margin-left:auto}.header-user-button:hover .header-user-chevron{opacity:.8}.header-user-chevron.open{transform:rotate(180deg);opacity:1}.user-menu-wrapper{position:relative;flex-shrink:0}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.user-menu-header{padding:20px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(59,130,246,.05),transparent)}.user-menu-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4;letter-spacing:.2px}.user-menu-email{font-size:12px;color:var(--text-secondary);line-height:1.4;opacity:.8}.user-menu-email-unverified{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#f59e0b;opacity:.95}.user-menu-email-unverified-icon{flex-shrink:0;color:#f59e0b;opacity:.95}[data-theme=light] .user-menu-email-unverified,[data-theme=light] .user-menu-email-unverified-icon{color:#d97706}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;outline:none!important;-webkit-tap-highlight-color:transparent;border-radius:0;text-decoration:none;box-sizing:border-box}.user-menu-item:hover{background:var(--bg-quaternary);color:var(--text-primary)}.user-menu-item:hover svg{color:var(--text-primary)}.user-menu-item:focus{outline:none!important;box-shadow:none}.user-menu-item svg{flex-shrink:0;width:18px;height:18px;color:var(--text-secondary);transition:color .2s ease}.user-menu-divider{height:0;margin:6px 12px;border:none;border-top:1px solid var(--border-color)}.user-menu-item-icon-right{margin-left:auto}.user-menu-theme{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;border-top:1px solid var(--border-color);background:rgba(0,0,0,.02)}.user-menu-logout-btn{width:auto;flex:0 0 auto;align-self:center;padding:8px 12px;margin-left:-4px;color:var(--text-secondary);border-radius:8px}.user-menu-theme .user-menu-logout-btn:hover{color:#ef4444!important;background:rgba(239,68,68,.14)!important}.user-menu-theme .user-menu-logout-btn:hover svg{color:#ef4444!important}.user-menu-theme .user-menu-logout-btn:focus-visible{outline:2px solid rgba(239,68,68,.45);outline-offset:2px}[data-theme=light] .user-menu-theme .user-menu-logout-btn:hover{color:#dc2626!important;background:rgba(220,38,38,.1)!important}[data-theme=light] .user-menu-theme .user-menu-logout-btn:hover svg{color:#dc2626!important}.user-menu-theme-selector{display:flex;align-items:center;gap:2px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;padding:3px}.user-menu-theme-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none!important}.user-menu-theme-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-menu-theme-option.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.user-menu-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:8px 16px;padding:10px 16px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.user-menu-upgrade-btn:hover{background:#2563eb}.create-button-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:8px}.create-button-header:hover{background:#242430;border-color:#3a3a4a}.user-menu-workspaces{padding:8px 0;max-height:200px;overflow-y:auto}.user-menu-workspace-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:all .2s;color:var(--text-primary);gap:12px}.user-menu-workspace-item:hover,.user-menu-workspace-item.active{background:var(--bg-quaternary)}.user-menu-workspace-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.user-menu-workspace-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--bg-quaternary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.user-menu-workspace-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu-workspace-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-workspace-check{display:flex;align-items:center;justify-content:center;color:#9333ea;flex-shrink:0;width:16px;height:16px}.user-menu-workspace-create{display:flex;align-items:center;gap:12px;padding:12px 16px 10px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border-color);margin-top:4px}.user-menu-workspace-create:hover{background:var(--bg-quaternary);color:var(--text-primary)}.user-menu-workspace-create svg{flex-shrink:0;width:16px;height:16px}@media (max-width: 768px){.header{padding:0 12px;height:56px;min-height:56px;gap:6px}.header-left{gap:6px;min-width:0;flex:1;overflow:visible}.project-selector-wrapper{min-width:0;overflow:visible}.project-selector{padding:6px 8px;min-width:0;max-width:140px}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{margin:0 2px;flex-shrink:0}.environment-selector-wrapper{min-width:0;overflow:visible}.environment-selector{max-width:110px}.environment-selector .environment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav{position:relative;left:auto;transform:none;margin-left:0;padding:0;gap:0;flex-shrink:0;border-radius:8px;width:44px;min-width:44px;height:44px;min-height:44px}.header-nav-menu-button{display:flex;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:8px}.header-nav-links{display:none;position:absolute;top:100%;right:0;left:auto;margin-top:4px;flex-direction:column;min-width:160px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0003;padding:4px;z-index:1000;gap:2px}.header-nav-open .header-nav-links{display:flex}[data-theme=light] .header-nav-links{background:#ffffff;border-color:#dee2e6;box-shadow:0 8px 24px #0000001a}.header-nav .nav-item{width:100%;min-height:44px;padding:10px 14px;font-size:14px;justify-content:flex-start;border-radius:6px}.header-right{gap:6px;flex-shrink:0}.header-right-spacer{display:none}.user-settings-workspace-selector-button{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;justify-content:center;border-radius:8px}.header-workspace-slot .user-settings-workspace-selector-button{width:44px;min-width:44px;max-width:44px}.header-workspace-slot .header-workspace-empty-btn{width:44px;min-width:44px;max-width:44px;min-height:44px;padding:0;justify-content:center}.header-workspace-slot .header-workspace-empty-btn span,.user-settings-workspace-selector-button .user-settings-workspace-info,.user-settings-workspace-selector-button .user-settings-workspace-chevron{display:none}.user-settings-workspace-selector-button>span{display:none}.user-settings-workspace-selector-button .user-settings-workspace-avatar,.user-settings-workspace-selector-button .user-settings-workspace-avatar-placeholder{margin:0}.header-user-button{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;border-radius:8px;flex-shrink:0}.header .header-user-button,.header .header-user-button--skeleton{width:44px;min-width:44px;max-width:44px}.header-user-button .header-user-name,.header-user-button .header-user-chevron{display:none}.header-user-button--skeleton{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.user-settings-workspace-selector-button.header-workspace-skeleton{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0}.user-settings-workspace-selector-button.header-workspace-skeleton .user-settings-workspace-info,.user-settings-workspace-selector-button.header-workspace-skeleton .user-settings-workspace-chevron{display:none}.header-workspace-skeleton-avatar{width:32px;height:32px;border-radius:8px}.project-dropdown{max-width:min(320px,calc(100vw - 24px));left:0;right:auto}.header-invitations-button{width:44px;height:44px;flex-shrink:0;border-radius:8px}}@media (max-width: 650px){.header-workspace-slot{max-width:min(200px,52vw)}.header-workspace-slot .user-settings-workspace-selector-button{width:44px;min-width:44px;max-width:44px}.user-settings-workspace-selector-button.header-workspace-skeleton{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0}.user-settings-workspace-selector-button.header-workspace-skeleton .user-settings-workspace-info,.user-settings-workspace-selector-button.header-workspace-skeleton .user-settings-workspace-chevron{display:none}.header-workspace-skeleton-avatar{width:32px;height:32px;border-radius:8px}.header-left-project-env{display:none!important}.header-nav-mobile-project-env{display:flex;flex-direction:column;gap:12px;width:100%;padding:12px 20px;border-bottom:1px solid var(--border-color);margin-bottom:4px;box-sizing:border-box}.header-nav-mobile-project-env .project-name,.header-nav-mobile-project-env .environment-selector .environment{max-width:none;min-width:0;flex:1 1 0}.header-nav-mobile-field{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.header-nav-mobile-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}[data-theme=light] .header-nav-mobile-label{color:#6c757d}.header-nav-mobile-project-env .project-selector-wrapper,.header-nav-mobile-project-env .environment-selector-wrapper{min-width:0;width:100%}.header-nav-mobile-project-env .project-selector,.header-nav-mobile-project-env .environment-selector{width:100%;min-width:0;max-width:none;box-sizing:border-box}.header-nav-mobile-project-env .project-selector .project-name{flex:1;min-width:0}.header-nav-mobile-project-env .project-selector.is-loading .project-name{flex:1 1 0;max-width:none}.header-nav-mobile-project-env .project-selector svg{margin-left:auto;flex-shrink:0}.header-nav-mobile-project-env .environment-selector .environment{flex:1;min-width:0}.header-nav-mobile-project-env .environment-selector.is-loading .environment{flex:1 1 0;max-width:none}.header-nav-mobile-project-env .environment-selector svg{margin-left:auto;flex-shrink:0}.header-nav-mobile-project-env .project-dropdown,.header-nav-mobile-project-env .environment-dropdown{width:100%;max-width:none;left:0;right:0;box-sizing:border-box}}.service-card{position:absolute;width:280px;padding:18px;background:linear-gradient(135deg,rgba(26,26,36,.98) 0%,rgba(20,20,28,.98) 100%);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,opacity .3s ease,filter .3s ease,border .3s ease;z-index:10;pointer-events:auto;box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff0d inset;overflow:visible}[data-theme=light] .service-card{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(250,250,252,.98) 100%);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #00000014,0 0 0 1px #0000000d inset}.service-card.dropping{transition:left .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,opacity .3s ease,filter .3s ease,border .3s ease}.service-card.dragging{cursor:grabbing;transform:none!important;scale:1!important;box-sizing:border-box!important;z-index:1000!important;overflow:visible!important;min-height:auto!important;max-height:none!important}.service-card.dragging *{transform:none!important;scale:1!important}.service-card.dragging .service-port-input,.service-card.dragging .service-port-output{transform:translateY(-50%)!important}.service-card.dimmed{opacity:.35;filter:grayscale(.4);transition:opacity .25s ease,filter .25s ease;pointer-events:auto}.service-card.colliding{border:2px solid #ef4444;box-shadow:0 0 0 4px #ef444433;animation:pulse-red 1s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 0 4px #ef444433}50%{box-shadow:0 0 0 8px #ef44444d}}.service-card-sync{position:absolute;top:10px;right:44px;width:28px;height:28px;display:flex!important;align-items:center;justify-content:center;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#3b82f6;cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1),background-color .3s ease;z-index:1000;pointer-events:auto;box-shadow:0 2px 8px #0003}.service-card-sync:hover{background:rgba(59,130,246,.1);border-color:#3b82f666;color:#60a5fa}.service-card-sync:active{transform:scale(.95)}[data-theme=light] .service-card-sync{box-shadow:0 2px 8px #0000001a}.service-card:hover .service-card-sync{opacity:1!important}.service-card-delete{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex!important;align-items:center;justify-content:center;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1),background-color .3s ease;z-index:1000;pointer-events:auto;box-shadow:0 2px 8px #0003}[data-theme=light] .service-card-delete{box-shadow:0 2px 8px #0000001a}.service-card:hover .service-card-delete{opacity:1!important}.service-card-delete:hover{background:rgba(239,68,68,.1);border:none;color:#f87171;transform:scale(1.05);box-shadow:0 4px 12px #ef444433}.service-card-delete:active{transform:scale(.98);background:rgba(239,68,68,.15);border:none}.service-card-terminal .service-card-delete,.service-card-bucket-explorer .service-card-delete,.service-card-ide .service-card-delete,.service-card-subdomain .service-card-delete,.service-card-runtime .service-card-delete{top:6px;right:6px;width:22px;height:22px;border-radius:5px}.service-card-terminal .service-card-delete svg,.service-card-bucket-explorer .service-card-delete svg,.service-card-ide .service-card-delete svg,.service-card-subdomain .service-card-delete svg,.service-card-runtime .service-card-delete svg{width:13px;height:13px}.service-card-terminal,.service-card-ide,.service-card-bucket-explorer{width:64px;height:64px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-tertiary);border:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.service-card-subdomain{position:absolute;width:120px;height:80px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-tertiary);border:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.service-bucket-explorer-icon,.service-ide-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.service-subdomain-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:4px}.service-subdomain-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.service-subdomain-name{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.service-subdomain-type{font-size:9px;font-weight:500;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.service-subdomain-status-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;border:1px solid var(--bg-tertiary)}.service-card-runtime{width:130px;min-height:108px;display:flex;align-items:center;justify-content:center}.service-runtime-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 8px;position:relative;width:100%;min-height:100%;box-sizing:border-box}.service-runtime-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.service-runtime-logo{object-fit:contain;display:block;vertical-align:middle}[data-theme=dark] .service-runtime-logo{filter:brightness(0) invert(1)}[data-theme=light] .service-runtime-logo{filter:none}.service-runtime-labels{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;width:100%}.service-runtime-name{font-size:10px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.service-runtime-version{font-size:13px;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.2}.service-runtime-server{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);width:100%;min-width:0}[data-theme=light] .service-runtime-server{border-top-color:#00000014}.service-runtime-server-logo{flex-shrink:0;object-fit:contain;display:block}[data-theme=dark] .service-runtime-server-logo{filter:brightness(0) invert(1)}[data-theme=light] .service-runtime-server-logo{filter:none}.service-runtime-server-name{font-size:9px;font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.service-runtime-status-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;border:1px solid var(--bg-tertiary);flex-shrink:0}.service-runtime-tag-logo{object-fit:contain;display:block;flex-shrink:0}[data-theme=dark] .service-runtime-tag-logo{filter:brightness(0) invert(1)}[data-theme=light] .service-runtime-tag-logo{filter:none}.service-card-subdomain:hover{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf64d;transform:scale(1.05)}.service-card-subdomain.setup{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa33;animation:pulse 2s ease-in-out infinite}.service-card-subdomain.highlighted{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66;background:rgba(96,165,250,.08)}[data-theme=light] .service-card-subdomain.highlighted{background:rgba(96,165,250,.06);border-color:#60a5fa80;box-shadow:0 0 0 2px #60a5fa40}.service-port{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--bg-tertiary);border:2.5px solid;cursor:crosshair;z-index:15;transition:all .15s cubic-bezier(.4,0,.2,1),background-color .3s ease;pointer-events:auto}.service-port:hover{transform:translateY(-50%) scale(1.4)}.service-port-input{left:-7px;top:50%;transform:translateY(-50%);border-color:#4ade80;background:var(--bg-tertiary)}.service-port-input:hover{background:#4ade80;border-color:#6ee7b7;box-shadow:0 0 10px #4ade80b3}.service-port-output{right:-7px;top:50%;transform:translateY(-50%);border-color:#3b82f6;background:var(--bg-tertiary)}.service-port-output:hover{background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 10px #3b82f6b3}.service-card.setup{border-color:#fbbf2499;box-shadow:0 0 0 2px #fbbf244d,0 8px 24px #fbbf2433,0 0 0 1px #fbbf2433 inset}.service-card.selected{border-color:#a855f799;box-shadow:0 0 0 2px #a855f766,0 8px 24px #a855f733,0 0 0 1px #a855f733 inset;background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%)}[data-theme=light] .service-card.selected{background:linear-gradient(135deg,rgba(250,245,255,.98) 0%,rgba(243,232,255,.98) 100%);border-color:#a855f780;box-shadow:0 0 0 2px #a855f74d,0 8px 24px #a855f71f,0 0 0 1px #a855f726 inset}.service-card.highlighted{border-color:#60a5fa99;box-shadow:0 0 0 2px #60a5fa66,0 8px 24px #60a5fa33,0 0 0 1px #60a5fa33 inset;background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%)}[data-theme=light] .service-card.highlighted{background:linear-gradient(135deg,rgba(248,250,252,.98) 0%,rgba(241,245,249,.98) 100%);border-color:#60a5fa80;box-shadow:0 0 0 2px #60a5fa4d,0 8px 24px #60a5fa1f,0 0 0 1px #60a5fa26 inset}.service-card:hover{border-color:#3b82f666;box-shadow:0 8px 24px #0000004d,0 0 0 1px #3b82f633 inset,0 0 0 2px #3b82f61a;transform:translateY(-2px);background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%)}[data-theme=light] .service-card:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #0000001f,0 0 0 1px #3b82f626 inset,0 0 0 2px #3b82f614;background:linear-gradient(135deg,rgba(248,248,250,.98) 0%,rgba(245,245,247,.98) 100%)}.service-card.dragging{cursor:grabbing}.service-card-header{display:flex;align-items:center;gap:10px;margin-top:0;margin-bottom:12px;position:relative;z-index:1;overflow:hidden;border-radius:8px}.service-card-header .service-card-type-icon{flex-shrink:0}.service-name{font-size:17px;font-weight:700;color:var(--text-primary);transition:color .3s ease;letter-spacing:-.02em;line-height:1.3}.service-name-container{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.service-instance-info{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.service-instance-type{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.service-region{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-secondary);letter-spacing:.05em;opacity:.8}.service-region svg{width:12px;height:12px;color:var(--text-secondary);opacity:.7;flex-shrink:0}.service-detail-blank,.service-instance-type:has-text("—"),.service-instance-type:has-text("Loading..."){opacity:.5;font-style:italic}.server-detail-loading .server-detail-value{opacity:.6}.server-spec-loading{opacity:.5}.server-spec-loading span{font-style:italic}.service-badges-container{display:flex;align-items:stretch;gap:0;margin-bottom:8px;overflow:hidden;max-width:100%}.service-type-tag{display:inline-flex;align-items:center;gap:5px;height:24px;min-height:24px;box-sizing:border-box;font-size:9px;font-weight:600;padding:0 8px;border-radius:6px 0 0 6px;text-transform:uppercase;letter-spacing:.1em;background:rgba(26,26,36,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.4);border-right:none;box-shadow:0 2px 6px #0000004d,0 0 0 .5px #3b82f633 inset;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;color:#93c5fdf2;flex-shrink:0;white-space:nowrap}.service-type-tag:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(59,130,246,.4) 0%,rgba(110,232,134,.4) 50%,rgba(110,232,134,.4) 100%);z-index:4}[data-theme=light] .service-type-tag{background:rgba(255,255,255,.95);border-color:#3b82f64d;border-right:none;box-shadow:0 2px 6px #0000001a,0 0 0 .5px #3b82f626 inset;color:#3b82f6e6}.service-type-tag .service-type-tag-icon,.service-type-tag .service-type-tag-sub-icon{flex-shrink:0;width:12px;height:12px}.service-type-tag .service-runtime-tag-logo{width:12px;height:12px;flex-shrink:0;object-fit:contain}.service-type-tag:hover{border-color:#3b82f699;border-right:none;box-shadow:0 3px 8px #0006,0 0 0 .5px #3b82f64d inset}[data-theme=light] .service-type-tag:hover{border-color:#3b82f680;border-right:none;box-shadow:0 3px 8px #00000026,0 0 0 .5px #3b82f640 inset}.service-badges-container:hover .service-type-tag{border-color:#3b82f699;border-right:none;box-shadow:0 3px 8px #0006,0 0 0 .5px #3b82f64d inset}.service-badges-container:hover .service-status-badge{border-color:#6ee88699;border-left:none;box-shadow:none}.service-type-tag svg{flex-shrink:0}.service-server-details{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:8px}.server-detail-item{display:flex;align-items:center;gap:8px;font-size:12px}.server-detail-item svg{flex-shrink:0;color:#3b82f6;opacity:.8}.server-detail-item .runtime-logo-img,.server-detail-item .server-logo-img{object-fit:contain;flex-shrink:0;display:block}[data-theme=dark] .server-detail-item .runtime-logo-img,[data-theme=dark] .server-detail-item .server-logo-img{filter:brightness(0) invert(1)}[data-theme=light] .server-detail-item .runtime-logo-img,[data-theme=light] .server-detail-item .server-logo-img{filter:none}.os-logo-icon{flex-shrink:0;opacity:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.os-logo-icon img{filter:invert(1);opacity:1;width:100%;height:100%;object-fit:contain}[data-theme=light] .os-logo-icon img{filter:none!important;opacity:1}.server-detail-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.server-detail-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.server-detail-value{font-size:12px;font-weight:600;color:var(--text-primary);font-family:Monaco,Menlo,Courier New,monospace;word-break:break-all}.server-detail-public-ip{background:rgba(59,130,246,.1);padding:8px;border-radius:6px;border:1px solid rgba(59,130,246,.2);overflow:hidden;min-width:0}.server-detail-public-ip.server-detail-public svg{color:#60a5fa}.server-detail-public-ip.server-detail-private svg{color:#f59e0b}.server-detail-public-ip .server-detail-value{color:#60a5fa;font-weight:700}.server-detail-endpoint-wrapper{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;overflow:hidden}.server-detail-endpoint-row{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.server-detail-endpoint-icon{flex-shrink:0;color:#60a5fa}.server-detail-public-ip.server-detail-public .server-detail-endpoint-icon{color:#60a5fa}.server-detail-public-ip.server-detail-private .server-detail-endpoint-icon{color:#f59e0b}.server-detail-endpoint-wrap{min-width:0;overflow:hidden}.server-detail-endpoint-wrap .server-detail-value.server-detail-endpoint{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.server-detail-endpoint{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0;flex:1}.server-detail-port-row{display:flex;align-items:center;gap:6px;margin-top:4px}.server-detail-port-icon{flex-shrink:0;color:#60a5fa}.server-detail-port-value{font-size:12px;font-weight:700;color:#60a5fa;font-family:Monaco,Menlo,Courier New,monospace;line-height:1.2}.server-specs-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center}.server-spec-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);font-weight:500;padding:4px 8px;background:rgba(59,130,246,.08);border-radius:4px;border:1px solid rgba(59,130,246,.15);white-space:nowrap;flex-shrink:0}.server-spec-item svg{flex-shrink:0;color:#3b82f6;opacity:.9}[data-theme=light] .service-server-details{background:rgba(59,130,246,.03);border-color:#3b82f61a}[data-theme=light] .server-detail-public-ip{background:rgba(59,130,246,.06);border-color:#3b82f633}[data-theme=light] .server-detail-public-ip:hover{background:rgba(59,130,246,.1);border-color:#3b82f640}[data-theme=light] .server-detail-public-ip .server-detail-value{color:#2563eb}[data-theme=light] .server-spec-item{background:rgba(59,130,246,.05);border-color:#3b82f61a}.service-url{font-size:13px;color:var(--text-secondary);margin-bottom:10px;font-family:Monaco,Menlo,Courier New,monospace;transition:color .3s ease;font-weight:500;letter-spacing:.01em;position:relative;z-index:1}.service-status-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;min-height:24px;box-sizing:border-box;font-size:11px;font-weight:700;padding:0 12px;border-radius:0 6px 6px 0;background:linear-gradient(135deg,rgba(110,232,134,.35) 0%,rgba(74,222,128,.35) 100%);border:1px solid rgba(110,232,134,.6);border-left:none;text-transform:uppercase;letter-spacing:.08em;box-shadow:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:1;min-width:0;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1;height:auto}.service-status-badge:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(59,130,246,.4) 0%,rgba(110,232,134,.4) 50%,rgba(110,232,134,.4) 100%);z-index:4}.service-status-badge:hover{border-color:#6ee886cc;border-left:none;box-shadow:none;background:linear-gradient(135deg,rgba(110,232,134,.45) 0%,rgba(74,222,128,.45) 100%)}.service-status-badge.tone-info{background:linear-gradient(135deg,rgba(96,165,250,.35) 0%,rgba(59,130,246,.35) 100%);border-color:#60a5fa99}.service-status-badge.tone-info:hover,.service-badges-container:hover .service-status-badge.tone-info{border-color:#60a5facc;background:linear-gradient(135deg,rgba(96,165,250,.45) 0%,rgba(59,130,246,.45) 100%)}.service-status-badge.tone-warn{background:linear-gradient(135deg,rgba(251,191,36,.35) 0%,rgba(245,158,11,.35) 100%);border-color:#fbbf2499}.service-status-badge.tone-warn:hover,.service-badges-container:hover .service-status-badge.tone-warn{border-color:#fbbf24cc;background:linear-gradient(135deg,rgba(251,191,36,.45) 0%,rgba(245,158,11,.45) 100%)}.service-status-badge.tone-danger{background:linear-gradient(135deg,rgba(248,113,113,.35) 0%,rgba(239,68,68,.35) 100%);border-color:#f8717199}.service-status-badge.tone-danger:hover,.service-badges-container:hover .service-status-badge.tone-danger{border-color:#f87171cc;background:linear-gradient(135deg,rgba(248,113,113,.45) 0%,rgba(239,68,68,.45) 100%)}.service-status-badge.tone-neutral{background:linear-gradient(135deg,rgba(156,163,175,.32) 0%,rgba(107,114,128,.32) 100%);border-color:#9ca3af99}.service-status-badge.tone-neutral:hover,.service-badges-container:hover .service-status-badge.tone-neutral{border-color:#9ca3afcc;background:linear-gradient(135deg,rgba(156,163,175,.42) 0%,rgba(107,114,128,.42) 100%)}[data-theme=light] .service-status-badge{color:var(--text-primary)!important}.service-footer{display:flex;flex-direction:column;gap:10px;margin-top:4px;position:relative;z-index:1;width:100%;min-width:0;overflow:hidden}.service-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-status,.service-volume{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);transition:color .3s ease;font-weight:500}.service-cost{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);font-weight:600;margin-left:auto}.service-cost svg{color:#ffffffe6;filter:drop-shadow(0 1px 2px rgba(255,255,255,.2));flex-shrink:0}.service-cost span{color:#ffffffe6;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.service-status svg{color:#6ee886;filter:drop-shadow(0 1px 2px rgba(110,232,134,.3))}.service-volume svg{color:#60a5fa;filter:drop-shadow(0 1px 2px rgba(96,165,250,.3))}.service-terminal-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.service-terminal-status-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;border:2px solid #1a1a24}[data-theme=light] .service-terminal-status-dot{border-color:var(--border-color)}.service-card-terminal:hover{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b4d;transform:scale(1.05)}.service-card-terminal.setup{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #fbbf2433}50%{box-shadow:0 0 0 4px #fbbf2466}}.service-card-terminal.highlighted{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66;background:rgba(96,165,250,.08)}[data-theme=light] .service-card-terminal.highlighted{background:rgba(96,165,250,.06);border-color:#60a5fa80;box-shadow:0 0 0 2px #60a5fa40}.service-card-db-monitor{width:120px;min-height:140px;padding:10px 10px 12px;display:flex;flex-direction:column;justify-content:space-between}.service-db-monitor-content{display:flex;flex-direction:column;gap:8px}.service-db-monitor-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-primary);transition:color .3s ease}.service-db-monitor-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-db-monitor-status-dot{width:8px;height:8px;border-radius:999px;border:2px solid #0b1120}.service-db-monitor-metrics{display:flex;flex-direction:column;gap:8px;margin-top:8px}.db-monitor-metric{display:flex;justify-content:center;align-items:center}.db-monitor-metric-content{display:flex;flex-direction:column;align-items:center;gap:2px}.db-monitor-metric-value{font-size:20px;font-weight:600;line-height:1.2;transition:color .3s ease;display:flex;align-items:baseline;gap:2px}.db-monitor-metric-unit{font-size:12px;font-weight:500;opacity:.8}.db-monitor-metric-label{color:var(--text-secondary);font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:1;transition:color .3s ease}.service-card-context-menu{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000080;padding:4px;min-width:200px;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,border-color .3s ease}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .15s,color .3s ease;text-align:left;position:relative}.context-menu-item:hover{background:var(--bg-quaternary);color:var(--text-primary)}.context-menu-item svg{flex-shrink:0;color:var(--text-secondary);width:16px;height:16px;transition:color .3s ease}.context-menu-item:hover svg{color:var(--text-primary)}.context-menu-item span{flex:1}.context-menu-arrow{margin-left:auto;color:var(--text-tertiary);flex-shrink:0;transition:color .3s ease}.context-menu-item:hover .context-menu-arrow{color:var(--text-secondary)}.context-menu-divider{height:1px;background:var(--border-color);margin:4px 0;transition:background-color .3s ease}.context-menu-item-danger{color:#ef4444}.context-menu-item-danger svg{color:#ef4444}.context-menu-item-danger:hover{background:rgba(239,68,68,.1);color:#f87171}.context-menu-item-danger:hover svg{color:#f87171}.server-capacity-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid rgba(59,130,246,.4);border-radius:12px;margin-top:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.server-capacity-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;opacity:.6}.server-capacity-item:hover{border-color:#3b82f699;transform:translateY(-2px)}.server-capacity-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(37,99,235,.25) 100%);border-radius:10px;flex-shrink:0;border:1.5px solid rgba(59,130,246,.5)}.server-capacity-icon-wrapper svg{color:#93c5fd;filter:drop-shadow(0 2px 4px rgba(59,130,246,.6))}.server-capacity-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.server-capacity-label{font-size:10px;font-weight:700;color:#93c5fde6;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.server-capacity-value-wrapper{display:flex;align-items:baseline;gap:8px;font-weight:700}.server-capacity-current{font-size:22px;color:#93c5fd;font-weight:800;line-height:1;font-family:Monaco,Menlo,Courier New,monospace;letter-spacing:-.02em}.server-capacity-separator{font-size:16px;color:#93c5fd99;font-weight:600;line-height:1;margin:0 2px}.server-capacity-max{font-size:16px;color:#ffffffd9;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}.server-capacity-value{font-size:18px;font-weight:700;color:#ffffffe6;line-height:1.2}.server-capacity-loading{opacity:.7}.server-capacity-blank{opacity:.5;font-style:italic;font-size:14px}[data-theme=light] .server-capacity-item{border-color:#3b82f659}[data-theme=light] .server-capacity-item:hover{border-color:#3b82f680}[data-theme=light] .server-capacity-icon-wrapper{background:linear-gradient(135deg,rgba(59,130,246,.2) 0%,rgba(37,99,235,.15) 100%);border-color:#3b82f666}[data-theme=light] .server-capacity-icon-wrapper svg{color:#3b82f6;filter:drop-shadow(0 1px 3px rgba(59,130,246,.4))}[data-theme=light] .server-capacity-label{color:#3b82f6cc;text-shadow:none}[data-theme=light] .server-capacity-current{color:#2563eb}[data-theme=light] .server-capacity-separator{color:#3b82f680}[data-theme=light] .server-capacity-max{color:#000c;text-shadow:none}[data-theme=light] .server-capacity-value{color:#000000e6}.service-creation-progress{margin-top:8px;margin-bottom:6px}.service-creation-progress-header{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffffd9;margin-bottom:4px}.service-creation-progress-step{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-creation-progress-percent{font-weight:600;color:#93c5fdf2;flex-shrink:0}.service-creation-progress-expand{display:flex;align-items:center;justify-content:center;padding:2px 2px 2px 0;margin:0 0 0 4px;background:transparent;border:none;border-radius:4px;color:#fff9;cursor:pointer;flex-shrink:0}.service-creation-progress-expand:hover{color:#ffffffe6;background:rgba(255,255,255,.08)}.service-creation-progress-resume{font-size:10px;padding:2px 6px;margin-left:4px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#fca5a5;cursor:pointer;flex-shrink:0}.service-creation-progress-resume:hover{background:rgba(239,68,68,.35);color:#fecaca}.service-creation-progress-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.service-creation-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width .3s ease}.service-creation-progress-indeterminate{width:33%!important;animation:service-creation-indeterminate 1.5s ease-in-out infinite}.service-creation-progress-steps{margin-top:6px;display:flex;flex-direction:column;gap:2px}.service-creation-progress-step-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffffb3}.service-creation-progress-step-item.done .service-creation-progress-step-label{color:#4ade80e6}.service-creation-progress-step-item.in_progress .service-creation-progress-step-label{color:#60a5faf2}.service-creation-progress-step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes service-creation-indeterminate{0%{transform:translate(0)}to{transform:translate(200%)}}[data-theme=light] .service-creation-progress-header{color:#000c}[data-theme=light] .service-creation-progress-percent{color:#2563eb}[data-theme=light] .service-creation-progress-bar{background:rgba(0,0,0,.08)}.scalable-server-rebuild-wrap{position:absolute;left:0;top:0;right:0;height:1px;pointer-events:none}.scalable-server-rebuild-wrap .scalable-server-rebuild-tooltip{pointer-events:auto}.scalable-server-rebuild-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #00000040;z-index:1000}.scalable-server-rebuild-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-secondary);margin-top:-1px}.scalable-server-rebuild-tooltip:before{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--border-color);z-index:-1}.scalable-server-rebuild-tooltip-text{font-size:12px;font-weight:500;color:var(--text-primary);line-height:1.4;white-space:nowrap}.ss-deploying-status{position:relative;color:#eab308;cursor:default}.ss-deploying-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);flex-direction:column;gap:4px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:1000;white-space:nowrap;pointer-events:none}.ss-deploying-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-secondary);margin-top:-1px}.ss-deploying-tooltip:before{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--border-color);z-index:-1}.ss-deploying-status:hover .ss-deploying-tooltip{display:flex}.ss-deploying-tooltip-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.4}.ss-deploying-tooltip-label{color:var(--text-secondary);font-weight:500}.ss-deploying-tooltip-value{color:var(--text-primary);font-weight:600}.ss-deploying-tooltip-est{font-size:10px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:4px;margin-top:2px;justify-content:center}.scalable-server-rebuild-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.scalable-server-rebuild-btn:hover{background:rgba(251,191,36,.12);border-color:#fbbf2466}[data-theme=light] .scalable-server-rebuild-btn:hover{border-color:#f59e0b80}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;align-items:safe center;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top,0px));padding-right:max(24px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));padding-left:max(24px,env(safe-area-inset-left,0px));box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:10001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}[data-theme=light] .modal-overlay{background:rgba(0,0,0,.4)}@media (max-width: 768px){.modal-overlay{align-items:center;align-items:safe center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.modal-overlay .modal-content{margin:auto;max-height:min(85vh,calc(100vh - 68px));max-height:min(85dvh,calc(100dvh - 68px));box-sizing:border-box}}@media (max-width: 480px){.modal-overlay{padding:12px;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.modal-overlay .modal-content{margin:auto;max-height:min(80vh,calc(100vh - 60px));max-height:min(80dvh,calc(100dvh - 60px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 64px #0006,0 8px 16px #0003;max-height:min(90vh,calc(100vh - 76px));max-height:min(90vh,calc(100dvh - 76px));overflow:hidden;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .modal-content{box-shadow:0 24px 64px #00000026,0 8px 16px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}.modal-title{color:var(--text-primary);font-size:22px;font-weight:700;margin:0;letter-spacing:-.02em;transition:color .3s ease}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:0;transition:all .2s ease,color .3s ease;flex-shrink:0}.modal-close:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-primary);transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}.delete-confirmation-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);transition:background-color .3s ease,border-color .3s ease;flex-shrink:0;gap:24px}.delete-confirmation-modal .modal-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em;transition:color .3s ease}.delete-confirmation-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease,color .3s ease;flex-shrink:0;padding:0}.delete-confirmation-modal .modal-close:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.delete-confirmation-modal .modal-close:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .delete-confirmation-modal .modal-close:hover:not(:disabled){background:rgba(0,0,0,.05)}.delete-confirmation-modal.modal-content{width:480px!important;max-width:480px!important}.delete-confirmation-modal--compact.modal-content{width:360px!important;max-width:360px!important;border:1px solid var(--border-color)!important;box-shadow:0 24px 64px #0006,0 8px 16px #0003;box-sizing:border-box;animation:deleteModalFadeIn .15s ease-out}@keyframes deleteModalFadeIn{0%{opacity:0}to{opacity:1}}[data-theme=light] .delete-confirmation-modal.modal-content{box-shadow:0 24px 64px #00000026,0 8px 16px #0000001a}.delete-confirmation-modal--compact .delete-modal-header{padding:20px 24px 16px}.delete-confirmation-modal--compact .delete-modal-icon-large{margin-bottom:10px}.delete-confirmation-modal--compact .delete-modal-title{font-size:18px}.delete-confirmation-modal--compact .delete-modal-body{padding:16px 24px;gap:16px}.delete-confirmation-modal--compact .delete-modal-message{font-size:14px}.delete-confirmation-modal--compact .delete-modal-resource-info{padding:12px 16px;gap:10px}.delete-confirmation-modal--compact .delete-modal-resource-row{font-size:13px}.delete-confirmation-modal--compact .delete-modal-checkbox-container{gap:10px;margin-top:0}.delete-confirmation-modal--compact .modal-footer{padding:16px 24px}.delete-confirmation-modal--compact .modal-button{padding:8px 20px;font-size:13px;min-width:120px}.delete-modal-header-content{display:flex;align-items:flex-start;gap:12px;flex:1}.delete-modal-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-top:2px}.delete-modal-icon{color:#f59e0b;width:20px;height:20px;flex-shrink:0}.delete-modal-subtitle{font-size:13px;color:var(--text-tertiary);margin:4px 0 0;font-weight:400;line-height:1.4;transition:color .3s ease}.delete-modal-header{display:flex;flex-direction:column;align-items:center;padding:32px 32px 24px;background:var(--bg-primary);transition:background-color .3s ease;flex-shrink:0}.delete-modal-icon-large{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.delete-modal-trash-icon{color:#ef4444;transition:color .3s ease;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.delete-modal-title{color:#ef4444;font-size:22px;font-weight:700;margin:0;line-height:1.3;transition:color .3s ease;letter-spacing:-.01em;text-align:center}.delete-modal-separator{height:1px;background:var(--border-color);margin:0 24px;transition:background-color .3s ease}.delete-modal-body{background:var(--bg-primary);padding:24px 32px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:24px;align-items:center;transition:background-color .3s ease}.delete-modal-message{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0;text-align:center;transition:color .3s ease;width:100%}.delete-modal-resource-info{width:100%;margin:0 auto;padding:18px 20px;background:var(--bg-tertiary);border:none;border-radius:12px;display:flex;flex-direction:column;gap:14px;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 0 0 1px var(--border-color),0 1px 3px #0000000f;transform:translateZ(0);backface-visibility:hidden}.delete-modal-resource-row{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.4}.delete-modal-resource-label{flex-shrink:0;width:40px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);transition:color .3s ease}.delete-modal-resource-value-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.delete-modal-resource-icon-box{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid;transition:opacity .2s ease}.delete-modal-resource-value{flex:1;min-width:0;font-weight:600;font-size:14px;color:var(--text-primary);word-break:break-word;transition:color .3s ease}.delete-modal-resource-type-value{display:inline-flex;align-items:center;gap:8px}.delete-modal-type-icon{flex-shrink:0}.delete-modal-checkbox-container{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:0;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.delete-modal-checkbox-label{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.4;color:var(--text-primary);transition:color .3s ease;flex:0 0 auto;max-width:100%}.delete-modal-checkbox-label span{flex:0 1 auto;min-width:0}.delete-modal-checkbox-label:hover{color:var(--text-primary)}.delete-modal-checkbox-wrapper{position:relative;flex-shrink:0;width:20px;height:20px}.delete-modal-checkbox{position:absolute;opacity:0;width:20px;height:20px;margin:0;padding:0;cursor:pointer;z-index:1}.delete-modal-checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;transition:all .2s ease,background-color .3s ease,border-color .3s ease;cursor:pointer;box-shadow:0 1px 2px #0000000d;position:relative}.delete-modal-checkbox-label:hover .delete-modal-checkbox-custom{border-color:#ef4444;background:rgba(239,68,68,.1);box-shadow:0 2px 4px #ef444433}.delete-modal-checkbox:checked+.delete-modal-checkbox-custom{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;box-shadow:0 2px 8px #ef44444d,0 0 0 1px #ffffff1a inset}.delete-modal-checkbox:checked+.delete-modal-checkbox-custom:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#dc2626;box-shadow:0 4px 12px #ef444466,0 0 0 1px #ffffff26 inset}.delete-modal-checkbox-icon{color:#fff;stroke-width:3;transition:transform .2s ease}.delete-modal-checkbox:checked+.delete-modal-checkbox-custom .delete-modal-checkbox-icon{animation:checkmarkPop .2s ease}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.delete-modal-checkbox:disabled+.delete-modal-checkbox-custom{opacity:.6;cursor:not-allowed;border-color:var(--border-color);background:var(--bg-quaternary)}[data-theme=light] .delete-modal-checkbox-custom{background:#ffffff;border-color:#00000026}[data-theme=light] .delete-modal-checkbox:checked+.delete-modal-checkbox-custom{box-shadow:0 2px 8px #ef444440,0 0 0 1px #0000000d inset}[data-theme=light] .delete-modal-checkbox:checked+.delete-modal-checkbox-custom:hover{box-shadow:0 4px 12px #ef444459,0 0 0 1px #00000014 inset}.delete-confirmation-modal .modal-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--bg-primary);transition:border-color .3s ease,background-color .3s ease;flex-shrink:0;border-top:none}.modal-button{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:inherit;min-width:140px;white-space:nowrap}.modal-button.secondary{background:var(--bg-quaternary);color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000f}.modal-button.secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-color:var(--border-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.modal-button.secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000000f}[data-theme=light] .modal-button.secondary{background:var(--bg-quaternary);border-color:#00000026;box-shadow:0 2px 4px #0000000d}[data-theme=light] .modal-button.secondary:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);box-shadow:0 4px 8px #00000014}.modal-button.primary{background:#3b82f6;color:#fff}.modal-button.primary:hover:not(:disabled):not(.delete-button){background:#2563eb}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button.delete-button:not(:disabled){background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff;border:none;box-shadow:0 4px 16px #ef44444d,0 0 0 1px #ffffff1a inset!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-button.delete-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.modal-button.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;box-shadow:0 6px 24px #ef444466,0 0 0 1px #ffffff26 inset!important;transform:translateY(-2px)}.modal-button.delete-button:hover:not(:disabled):before{opacity:1}.modal-button.delete-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ef44444d,0 0 0 1px #ffffff1a inset!important}[data-theme=light] .modal-button.delete-button:not(:disabled){background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 4px 16px #ef444440,0 0 0 1px #0000000d inset!important}[data-theme=light] .modal-button.delete-button:hover:not(:disabled){box-shadow:0 6px 24px #ef444459,0 0 0 1px #00000014 inset!important}.modal-button.delete-button:disabled{background:#7f1d1d;opacity:.6;cursor:not-allowed}.spinning{display:inline-block;animation:spin 1s linear infinite}@media (max-width: 768px){.delete-confirmation-modal.modal-content{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:480px!important;margin:12px auto!important;box-sizing:border-box;min-width:0}.delete-confirmation-modal .modal-header{padding:20px;flex-wrap:wrap;gap:12px}.delete-confirmation-modal .modal-title{font-size:18px;word-wrap:break-word;min-width:0}.delete-modal-header{padding:24px 20px 20px}.delete-modal-title{font-size:18px}.delete-modal-separator{margin:0 16px}.delete-confirmation-modal .delete-modal-body{padding:16px 20px;gap:16px;min-width:0;overflow-wrap:break-word}.delete-modal-message{font-size:14px;word-wrap:break-word}.delete-modal-resource-info{padding:12px 16px;min-width:0}.delete-modal-resource-row{flex-wrap:wrap;gap:8px}.delete-modal-resource-label,.delete-modal-resource-value-wrap{width:100%}.delete-modal-resource-value{word-break:break-word}.delete-modal-checkbox-container{max-width:100%;min-width:0}.delete-modal-checkbox-label{word-wrap:break-word}.delete-confirmation-modal .modal-footer{padding:16px 20px;flex-wrap:wrap;gap:10px;justify-content:center}.delete-confirmation-modal .modal-footer .modal-button{min-width:0;flex:1 1 auto}}@media (max-width: 480px){.delete-confirmation-modal.modal-content{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:480px!important;margin:8px auto!important;box-sizing:border-box;min-width:0}.delete-confirmation-modal .modal-header{padding:16px}.delete-confirmation-modal .modal-title{font-size:17px}.delete-modal-header{padding:20px 16px 16px}.delete-modal-title{font-size:17px}.delete-confirmation-modal .delete-modal-body{padding:12px 16px;min-width:0}.delete-modal-separator{margin:0 12px}.delete-confirmation-modal .modal-footer{flex-direction:column;align-items:stretch;padding:12px 16px}.delete-confirmation-modal .modal-footer .modal-button{width:100%;justify-content:center}}.canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-primary);transition:flex .3s ease-out,background-color .3s ease;min-width:0}.canvas-bottom-corner-strip{position:absolute;bottom:28px;right:28px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;z-index:6;pointer-events:none}.canvas-cloud-watermark{display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(0,0,0,.35);border-radius:12px;border:1px solid rgba(255,255,255,.1);opacity:.85;flex-shrink:0;font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.canvas-cloud-watermark img{width:28px;height:28px;object-fit:contain;flex-shrink:0}[data-theme=dark] .canvas-cloud-watermark img{filter:brightness(0) invert(1)}[data-theme=light] .canvas-cloud-watermark{background:rgba(255,255,255,.6);border-color:#0000000f;color:#00000080}[data-theme=light] .canvas-cloud-watermark img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.canvas-cursor-hud{display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 12px;border-radius:8px;font-size:11px;line-height:1.3;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text-secondary);background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0003}.canvas-cursor-hud-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.canvas-cursor-hud-values{font-weight:500;color:var(--text-primary)}[data-theme=light] .canvas-cursor-hud{background:rgba(255,255,255,.88);border-color:#00000014;box-shadow:0 2px 8px #0000000f}@media (pointer: coarse){.canvas-container{touch-action:none}}.app-body.with-panel .canvas-container{flex:1;min-width:0}.canvas-container.panning{cursor:grabbing}.canvas-container:not(.panning){cursor:default}.canvas{position:relative;width:20000px;height:20000px;min-width:20000px;min-height:20000px;will-change:transform}.connections-svg{will-change:transform}.canvas-grid{position:absolute;top:-10000px;left:-10000px;width:40000px;height:40000px;pointer-events:none}[data-theme=light] .canvas-grid{background-image:radial-gradient(circle,rgba(0,0,0,.15) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;background-repeat:repeat}[data-theme=dark] .canvas-grid{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;background-repeat:repeat}.create-button{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20;box-shadow:0 4px 12px #3b82f640,0 2px 4px #0000001a,inset 0 1px #ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-button:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 6px 20px #3b82f666,0 4px 8px #00000026,inset 0 1px #fff3;transform:translateY(-2px)}.create-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d,0 1px 2px #0000001a,inset 0 1px #ffffff1a}.create-button svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.create-button:hover svg{transform:scale(1.1) rotate(90deg)}.connect-cloud-button{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;z-index:20;box-shadow:0 4px 12px #3b82f64d}.connect-cloud-button:hover{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 50%,#db2777 100%);box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.connect-cloud-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f666}.canvas-connect-cloud-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.canvas-connect-cloud-empty-inner{pointer-events:auto;max-width:420px;width:100%;padding:28px 28px 26px;text-align:center;border-radius:16px;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .08));box-shadow:0 4px 24px #00000040,0 0 0 1px #ffffff0a inset}[data-theme=light] .canvas-connect-cloud-empty-inner{border-color:#00000014;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000f}.canvas-connect-cloud-empty-icon-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#3b82f6}.canvas-connect-cloud-empty-title{margin:0 0 10px;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary, #f8fafc);line-height:1.3}.canvas-connect-cloud-empty-text{margin:0 0 22px;font-size:.9375rem;line-height:1.55;color:var(--text-secondary, #94a3b8)}.canvas-connect-cloud-empty-icon{opacity:.95}.canvas-connect-cloud-empty-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 55%,#ec4899 100%);box-shadow:0 4px 14px #3b82f659;transition:transform .2s ease,box-shadow .2s ease}.canvas-connect-cloud-empty-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.canvas-connect-cloud-empty-cta:active{transform:translateY(0)}.canvas-create-empty-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f640,0 2px 4px #0000001a,inset 0 1px #ffffff26;transition:transform .2s ease,box-shadow .2s ease}.canvas-create-empty-cta:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 6px 20px #3b82f666,0 4px 8px #00000026,inset 0 1px #fff3;transform:translateY(-2px)}.canvas-create-empty-cta:active{transform:translateY(0)}.canvas-empty-flow-inner{max-width:400px;text-align:left;padding:32px 32px 28px;border-radius:12px;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.12);box-shadow:0 1px #ffffff0a inset,0 24px 48px -12px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=light] .canvas-empty-flow-inner{background:rgba(255,255,255,.82);border-color:#0f172a14;box-shadow:0 1px #ffffffe6 inset,0 20px 40px -16px #0f172a1f}.canvas-empty-flow-kicker{margin:0 0 10px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary, #64748b)}.canvas-empty-flow-title{margin-bottom:8px!important;font-size:1.1875rem;font-weight:600;letter-spacing:-.03em;line-height:1.25}.canvas-empty-flow-inner .canvas-connect-cloud-empty-title{text-align:left}.canvas-empty-flow-lead{margin:0 0 22px!important;font-size:.875rem!important;line-height:1.55!important;color:var(--text-secondary, #94a3b8)!important}.canvas-empty-flow-steps{margin:0 0 26px;padding:16px 0 0;list-style:none;border-top:1px solid rgba(148,163,184,.12);display:flex;flex-direction:column;gap:16px}[data-theme=light] .canvas-empty-flow-steps{border-top-color:#0f172a14}.canvas-empty-flow-steps li{display:flex;align-items:flex-start;gap:14px}.canvas-empty-flow-step-num{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:.8125rem;font-weight:600;line-height:1;color:#60a5fa;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.22)}[data-theme=light] .canvas-empty-flow-step-num{color:#2563eb;background:rgba(59,130,246,.1);border-color:#3b82f62e}.canvas-empty-flow-step-body{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:3px}.canvas-empty-flow-step-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #f8fafc);letter-spacing:-.01em}[data-theme=light] .canvas-empty-flow-step-title{color:var(--text-primary, #0f172a)}.canvas-empty-flow-step-desc{font-size:.8125rem;line-height:1.45;color:var(--text-secondary, #94a3b8)}.canvas-empty-flow-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.canvas-empty-flow-actions{grid-template-columns:1fr}}.canvas-empty-flow-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:8px;cursor:pointer;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.canvas-empty-flow-cta:focus-visible{outline:2px solid rgba(59,130,246,.55);outline-offset:2px}.canvas-empty-flow-cta-primary{color:#fff;background:#2563eb;border:1px solid transparent;box-shadow:0 1px 2px #0000002e}.canvas-empty-flow-cta-primary:hover{background:#1d4ed8;box-shadow:0 1px 3px #00000038}.canvas-empty-flow-cta-secondary{color:var(--text-primary, #f1f5f9);background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.22);box-shadow:none}.canvas-empty-flow-cta-secondary:hover{background:rgba(255,255,255,.07);border-color:#94a3b859}[data-theme=light] .canvas-empty-flow-cta-secondary{color:#0f172a;background:rgba(15,23,42,.03);border-color:#0f172a1f}[data-theme=light] .canvas-empty-flow-cta-secondary:hover{background:rgba(15,23,42,.06);border-color:#0f172a2e}.canvas-empty-flow-cta:active{transform:none}.canvas-empty-flow-more{display:block;width:100%;margin:14px 0 0;padding:10px 0 0;border:none;border-top:1px solid rgba(148,163,184,.12);background:none;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-tertiary, #64748b);text-align:center;transition:color .15s ease}[data-theme=light] .canvas-empty-flow-more{border-top-color:#0f172a14}.canvas-empty-flow-more:hover{color:#60a5fa}[data-theme=light] .canvas-empty-flow-more:hover{color:#2563eb}.canvas-connect-cloud-empty-hint{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-tertiary, #64748b)}.canvas-resource-summary{position:absolute;bottom:24px;left:24px;z-index:20;background:var(--bg-secondary, #1e293b);border-radius:12px;box-shadow:0 2px 8px #0003,0 1px 2px #0000001a;border:1px solid rgba(255,255,255,.06);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow .2s ease;isolation:isolate}.canvas-resource-summary:hover{box-shadow:0 4px 12px #00000040,0 2px 4px #0000001f}[data-theme=light] .canvas-resource-summary{background:#ffffff;border-color:#0000000f;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a}[data-theme=light] .canvas-resource-summary:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f}.canvas-resource-summary-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;letter-spacing:.01em}.canvas-resource-summary-total{color:var(--text-primary, #f8fafc);opacity:.7;transition:opacity .15s ease}.canvas-resource-summary:hover .canvas-resource-summary-total,.canvas-resource-summary:active .canvas-resource-summary-total{opacity:1}[data-theme=light] .canvas-resource-summary-total{color:#0f172a}.canvas-resource-summary-chevron{flex-shrink:0;opacity:.5;transition:opacity .15s ease}.canvas-resource-summary:hover .canvas-resource-summary-chevron{opacity:.8}.canvas-resource-summary-panel{padding:12px 16px 14px;border-top:1px solid rgba(255,255,255,.06);max-height:220px;overflow-y:auto}[data-theme=light] .canvas-resource-summary-panel{border-top-color:#0000000f}.canvas-resource-summary-total-row,.canvas-resource-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;line-height:1.4}.canvas-resource-summary-total-row{padding:0 0 10px;margin-bottom:6px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #94a3b8);border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .canvas-resource-summary-total-row{color:#64748b;border-bottom-color:#0000000f}.canvas-resource-summary-total-row span:last-child{font-weight:600;font-size:13px;text-transform:none;letter-spacing:0;color:var(--text-primary, #f8fafc)}[data-theme=light] .canvas-resource-summary-total-row span:last-child{color:#0f172a}.canvas-resource-summary-row{color:var(--text-secondary, #94a3b8);border-radius:6px;padding:6px 8px;margin:0 -8px;cursor:pointer;transition:background .15s ease}.canvas-resource-summary-row:hover{background:rgba(255,255,255,.04)}[data-theme=light] .canvas-resource-summary-row:hover{background:rgba(0,0,0,.03)}.canvas-resource-summary-row.active{background:rgba(59,130,246,.12)}[data-theme=light] .canvas-resource-summary-row.active{background:rgba(59,130,246,.08)}.canvas-resource-summary-row.active .canvas-resource-summary-row-label{color:#60a5fa}[data-theme=light] .canvas-resource-summary-row.active .canvas-resource-summary-row-label{color:#2563eb}.canvas-resource-summary-row.active span:last-child{color:#60a5fa}[data-theme=light] .canvas-resource-summary-row.active span:last-child{color:#2563eb}.canvas-resource-summary-row-label{display:flex;align-items:center;gap:8px;color:var(--text-primary, #e2e8f0)}[data-theme=light] .canvas-resource-summary-row-label{color:#334155}.canvas-resource-summary-row span:last-child{font-weight:500;font-variant-numeric:tabular-nums;margin-left:20px;color:var(--text-secondary, #94a3b8)}[data-theme=light] .canvas-resource-summary-row span:last-child{color:#64748b}.connection-pending{animation:connectionBlink 1.5s ease-in-out infinite}@keyframes connectionBlink{0%,to{opacity:1;stroke-width:4}50%{opacity:.4;stroke-width:3}}.connection-connecting{animation:connectionFlow 1.2s linear infinite;stroke-dasharray:8 5}.connection-disconnecting{animation:connectionFlow 1.2s linear infinite reverse;stroke-dasharray:8 5}@keyframes connectionFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-26}}@media (max-width: 768px){.canvas-bottom-corner-strip{bottom:20px;right:16px}.create-button{top:12px;right:12px;padding:10px 16px;font-size:13px;min-height:44px}.connect-cloud-button{top:12px;right:12px;padding:10px 14px;font-size:13px;min-height:44px}.canvas-resource-summary{display:none}.canvas-connect-cloud-empty{padding:16px}.canvas-connect-cloud-empty-inner{padding:22px 20px}.canvas-connect-cloud-empty-title{font-size:1.125rem}}.sidebar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:14px;width:48px;height:auto;max-height:fit-content;position:fixed;top:80px;left:16px;z-index:10;opacity:.65;transition:opacity .4s cubic-bezier(.4,0,.2,1),all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0003,0 2px 8px #0000001a,inset 0 1px #ffffff0d}.sidebar:hover{opacity:1}.sidebar-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, rgba(255, 255, 255, .75));cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:8px;background:var(--bg-tertiary, rgba(255, 255, 255, .12));transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.sidebar-button:hover:before{width:100%;height:100%}.sidebar-button:hover{color:var(--text-primary, #ffffff);transform:translateY(-1px)}.sidebar-button:active{transform:translateY(0);transition:transform .1s}.sidebar-button svg{position:relative;z-index:1;transition:transform .2s}.sidebar-button:hover svg{transform:scale(1.1)}.sidebar-divider{width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--border-color, rgba(255, 255, 255, .12)),transparent);margin:2px 0;opacity:.5}.sidebar-zoom-display{display:flex;align-items:center;justify-content:center;width:36px;height:30px;color:var(--text-primary, #ffffff);font-size:10px;font-weight:600;letter-spacing:.3px;background:linear-gradient(135deg,var(--bg-tertiary, rgba(255, 255, 255, .1)),var(--bg-secondary, rgba(255, 255, 255, .06)));border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:8px;margin:2px 0;-webkit-user-select:none;user-select:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-zoom-display.clickable:hover{background:linear-gradient(135deg,var(--bg-quaternary, rgba(255, 255, 255, .15)),var(--bg-tertiary, rgba(255, 255, 255, .1)));border-color:var(--text-secondary, rgba(255, 255, 255, .25));color:var(--text-primary, #ffffff)}.sidebar-button.disabled,.sidebar-zoom-display.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.sidebar-button.disabled:before{display:none}.sidebar-group{display:flex;flex-direction:column;align-items:center;gap:4px}@media (max-width: 768px){.sidebar{top:auto;bottom:16px;left:50%;transform:translate(-50%);flex-direction:row;width:auto;max-width:calc(100vw - 32px);height:auto;padding:8px 12px;gap:4px;border-radius:12px}.sidebar-group{flex-direction:row;gap:2px}.sidebar-divider{width:1px;height:24px;margin:0 2px;background:linear-gradient(180deg,transparent,var(--border-color),transparent)}.sidebar-zoom-display{width:44px;height:32px;font-size:11px}.sidebar-button{width:40px;height:40px}}.modal-content.create-modal{position:absolute;top:100px;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:900px;max-height:520px;display:flex;flex-direction:column;box-shadow:0 24px 64px #0006,0 8px 16px #0003;transition:background-color .3s ease,border-color .3s ease;animation:createModalSlideUp .3s cubic-bezier(.4,0,.2,1);margin:0}@keyframes createModalSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}[data-theme=light] .modal-content.create-modal{box-shadow:0 24px 64px #00000026,0 8px 16px #0000001a}.modal-content.create-modal.has-database-submenu{max-width:1000px}.create-modal{animation:none}.create-modal .modal-header{align-items:flex-start;padding:28px 32px;gap:24px}.create-modal .modal-header-left{flex:1;min-width:0}.create-modal .modal-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.modal-search-container-inline{position:relative;display:flex;align-items:center}.modal-search-icon-inline{position:absolute;left:16px;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color .3s ease;width:18px;height:18px}.modal-search-input-inline{padding:12px 16px 12px 44px;background:var(--bg-quaternary);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;width:300px;box-shadow:0 2px 4px #0000000f;font-weight:400}.modal-search-input-inline::placeholder{color:var(--text-tertiary)}.modal-search-input-inline:focus{border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 4px #3b82f61f,0 4px 8px #0000001a}.modal-search-container-inline:focus-within .modal-search-icon-inline{color:#3b82f6}[data-theme=light] .modal-search-input-inline{background:#ffffff;border-color:#e5e7eb;color:#212529;box-shadow:0 1px 3px #00000014}[data-theme=light] .modal-search-input-inline:focus{background:#ffffff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 4px 8px #0000001a}.modal-header-with-back{display:flex;align-items:center;gap:16px;flex:1;position:relative}.modal-title-section{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.modal-back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease,color .3s ease;flex-shrink:0}.modal-back-button:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.modal-back-button:disabled{opacity:.5;cursor:not-allowed}.create-modal .modal-title{font-size:24px;letter-spacing:-.03em;line-height:1.2}.modal-title-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;cursor:default}.modal-title-icon-wrapper:hover{background:var(--bg-tertiary);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}[data-theme=light] .modal-title-icon-wrapper{background:rgba(0,0,0,.03);border-color:#00000014;box-shadow:0 1px 2px #0000000d}[data-theme=light] .modal-title-icon-wrapper:hover{background:rgba(0,0,0,.06);border-color:#0000001f;box-shadow:0 2px 4px #0000001a}.modal-title-icon{color:var(--text-primary);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:iconRotate 3s ease-in-out infinite}.modal-title-icon-wrapper:hover .modal-title-icon{transform:rotate(90deg) scale(1.1);animation:none}@keyframes iconRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.modal-description{font-size:14px;font-weight:400;color:var(--text-secondary);margin:0;line-height:1.5;transition:color .3s ease}[data-theme=light] .modal-description{color:#6b7280}.create-modal .modal-body{padding:24px;overflow-y:auto;max-height:calc(85vh - 200px);background:var(--bg-tertiary);transition:background-color .3s ease}.modal-body-grid{padding:32px 24px 24px;overflow-y:auto;overflow-x:visible;max-height:432px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--bg-primary);justify-items:stretch;align-items:stretch;transition:background-color .3s ease}.modal-body-grid.database-submenu{grid-template-columns:repeat(5,minmax(0,1fr));max-width:100%;gap:16px;justify-items:stretch;align-items:start;padding:28px}@media (max-width: 1200px){.modal-body-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.modal-body-grid{grid-template-columns:repeat(3,1fr)}.modal-grid-item{height:170px;padding:20px 12px}}@media (max-width: 700px){.modal-body-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.modal-grid-item{height:160px;padding:18px 10px}.modal-grid-icon{width:56px;height:56px}.modal-grid-icon svg{width:28px;height:28px}}@media (max-width: 1000px){.modal-body-grid.database-submenu{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}}@media (max-width: 700px){.modal-body-grid.database-submenu{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.modal-body-grid.database-submenu .modal-grid-item{height:170px}}@media (max-width: 600px){.modal-content.create-modal{position:fixed;top:12px;left:12px;right:12px;bottom:12px;width:auto;max-width:none;transform:none;margin:0;max-height:none;min-height:0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.modal-content.create-modal.has-database-submenu{max-width:none}.create-modal .modal-header{padding:16px 20px;flex-wrap:wrap;gap:12px}.create-modal .modal-header-left{flex:1 1 100%;order:1}.create-modal .modal-header-right{flex:1 1 100%;order:2;display:flex;align-items:center;gap:8px}.modal-search-container-inline{flex:1;min-width:0}.modal-search-input-inline{width:100%;min-width:0;padding:10px 12px 10px 40px;font-size:14px}.create-modal .modal-title{font-size:20px}.modal-description{font-size:13px}.modal-body-grid,.modal-body-grid.database-submenu{flex:1;min-height:0;padding:16px;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.modal-grid-item{height:140px;padding:14px 10px}.modal-grid-icon{width:48px;height:48px;margin-bottom:8px}.modal-grid-icon svg{width:24px;height:24px}.modal-grid-label{font-size:13px}.modal-grid-description{font-size:11px}}.modal-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 16px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;height:180px;width:100%;box-sizing:border-box;position:relative;overflow:visible}.modal-body-grid.database-submenu .modal-grid-item{padding:24px 16px;height:180px;width:100%;justify-content:flex-start;align-items:center}.modal-grid-item:hover{background:transparent;transform:translateY(-2px)}.modal-grid-item-submenu{background:rgba(59,130,246,.08)!important}.modal-grid-item-submenu:hover{background:rgba(59,130,246,.12)!important}[data-theme=light] .modal-grid-item-submenu{background:rgba(59,130,246,.06)!important}[data-theme=light] .modal-grid-item-submenu:hover{background:rgba(59,130,246,.1)!important}[data-theme=light] .modal-grid-item,[data-theme=light] .modal-grid-item:hover{background:transparent}.modal-grid-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:12px;color:var(--icon-color, var(--text-primary));transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0;border-radius:12px;background:linear-gradient(135deg,var(--icon-bg-light, rgba(59, 130, 246, .15)),var(--icon-bg-light-alt, rgba(59, 130, 246, .1)));position:relative;overflow:hidden}.modal-grid-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,var(--icon-border-hover, rgba(59, 130, 246, .3)),var(--icon-border-hover, rgba(59, 130, 246, .2)));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease}.modal-body-grid.database-submenu .modal-grid-icon{width:56px;height:56px;margin-bottom:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;background:linear-gradient(135deg,var(--icon-bg-light, rgba(59, 130, 246, .15)),var(--icon-bg-light-alt, rgba(59, 130, 246, .1)));position:relative;overflow:hidden}.modal-grid-icon svg{width:32px;height:32px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));z-index:1;position:relative;color:inherit}.modal-grid-icon img{width:32px;height:32px;object-fit:contain;z-index:1;position:relative;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.modal-grid-item:hover .modal-grid-icon{transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,var(--icon-bg-hover, rgba(59, 130, 246, .25)),var(--icon-bg-hover-alt, rgba(59, 130, 246, .2)));color:var(--icon-color, #3b82f6);box-shadow:0 4px 12px var(--icon-shadow-hover, rgba(59, 130, 246, .2))}.modal-grid-item:hover .modal-grid-icon:before{opacity:1}.modal-grid-item:hover .modal-grid-icon svg{filter:drop-shadow(0 2px 4px var(--icon-shadow-hover, rgba(59, 130, 246, .3)))}[data-theme=light] .modal-grid-icon{background:linear-gradient(135deg,var(--icon-bg-light-mode, rgba(59, 130, 246, .12)),var(--icon-bg-light-mode-alt, rgba(59, 130, 246, .08)))}[data-theme=light] .modal-grid-item:hover .modal-grid-icon{background:linear-gradient(135deg,var(--icon-bg-light-mode-hover, rgba(59, 130, 246, .2)),var(--icon-bg-light-mode-hover-alt, rgba(59, 130, 246, .15)));box-shadow:0 4px 12px var(--icon-shadow-light-mode, rgba(59, 130, 246, .25))}.modal-grid-item-upload-app .modal-grid-icon,.modal-grid-item-upload-app:hover .modal-grid-icon{color:#fff}[data-theme=light] .modal-grid-item-upload-app .modal-grid-icon,[data-theme=light] .modal-grid-item-upload-app:hover .modal-grid-icon{color:#000}.modal-grid-plan-tag{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#b45309;background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.45);border-radius:6px;padding:2px 6px;z-index:2;pointer-events:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.modal-grid-item:hover .modal-grid-plan-tag{color:#d97706;background:rgba(245,158,11,.28);border-color:#f59e0b8c}[data-theme=light] .modal-grid-plan-tag{color:#b45309;background:rgba(245,158,11,.18);border-color:#f59e0b66}[data-theme=light] .modal-grid-item:hover .modal-grid-plan-tag{color:#92400e;background:rgba(245,158,11,.25);border-color:#f59e0b80}.modal-grid-item-disabled{opacity:.6;cursor:not-allowed;pointer-events:auto}.modal-grid-item-disabled:hover{transform:none;background:transparent}.modal-grid-item-disabled:hover .modal-grid-icon{transform:none;box-shadow:none}.modal-grid-upgrade-msg{color:var(--text-tertiary);font-size:11px;font-style:italic}[data-theme=light] .modal-grid-upgrade-msg{color:#9ca3af}.modal-grid-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3;word-break:break-word;margin:0 0 6px;padding:0 4px;width:100%;transition:color .3s ease;letter-spacing:-.01em;flex-shrink:0}[data-theme=light] .modal-grid-label{color:#212529}.modal-body-grid.database-submenu .modal-grid-label{font-size:13px;line-height:1.4;padding:0;width:100%;text-align:center;margin-top:0}.modal-grid-description{font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.4;margin:0;padding:0 4px;width:100%;transition:color .3s ease;opacity:.75;flex:1;display:flex;align-items:flex-start;justify-content:center}.modal-grid-parent-label{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-tertiary);text-align:center;line-height:1.3;padding:2px 6px;width:fit-content;background:rgb(28 28 28);border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;z-index:1}[data-theme=light] .modal-grid-parent-label{color:#6b7280;background:rgb(230 239 252)}.modal-grid-item:hover .modal-grid-description{color:var(--text-primary);opacity:1}[data-theme=light] .modal-grid-description{color:#6c757d}[data-theme=light] .modal-grid-item:hover .modal-grid-description{color:#495057}.modal-no-results{padding:40px 24px;text-align:center;color:var(--text-tertiary);font-size:14px;transition:color .3s ease}.create-environment-modal.modal-content{max-width:560px;width:90%;box-sizing:border-box;animation:createEnvModalFadeIn .15s ease-out;margin-left:auto;margin-right:auto}@keyframes createEnvModalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.create-environment-modal.modal-content{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:520px!important;margin-left:auto!important;margin-right:auto!important;min-width:0}.create-environment-modal .modal-form{min-height:0;overflow-y:auto;padding:16px 20px}.create-environment-modal .modal-header{padding:16px 20px}.create-environment-modal .form-row{flex-direction:column;gap:12px;margin-bottom:16px}.create-environment-modal .form-separator{display:none}.create-environment-modal .form-field-project,.create-environment-modal .form-field-environment{flex:1 1 auto;width:100%}.create-environment-modal .form-project-pill{width:100%;box-sizing:border-box}.create-environment-modal .modal-footer{flex-direction:column;align-items:stretch;padding:16px 20px;gap:10px}.create-environment-modal .modal-footer .modal-button{width:100%;justify-content:center}}@media (max-width: 480px){.create-environment-modal.modal-content{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:520px!important;margin-left:auto!important;margin-right:auto!important}.create-environment-modal .modal-form{padding:12px 16px}.create-environment-modal .modal-header{padding:14px 16px}.create-environment-modal .modal-title{font-size:18px}.create-environment-modal .modal-footer{padding:12px 16px}}.modal-form{padding:24px;overflow-y:auto;flex:1;background:var(--bg-primary)}.form-row{display:flex;align-items:flex-start;gap:0;margin-bottom:20px;position:relative}.form-field-project{flex:0 0 auto;display:flex;flex-direction:column}.form-field-environment{flex:1;display:flex;flex-direction:column}.form-project-pill{padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;height:44px;display:flex;align-items:center;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;box-shadow:0 1px 2px #0000000d;white-space:nowrap;box-sizing:border-box}[data-theme=light] .form-project-pill{background:#f1f3f5;border-color:#dee2e6;color:#212529}.form-separator{color:var(--text-secondary);font-size:18px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:44px;margin-top:24px;transition:color .3s ease;flex-shrink:0}.form-row+.form-field{margin-bottom:20px}.form-field:last-of-type{margin-bottom:0}.form-label{display:block;color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:6px;letter-spacing:.01em;transition:color .3s ease}[data-theme=light] .form-label{color:#212529}.required{color:#ef4444;margin-left:2px}.form-input{width:100%;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;line-height:1.2;height:44px;min-height:44px;max-height:44px;overflow:hidden}[data-theme=light] .form-input{box-shadow:0 1px 2px #00000014;background:#ffffff;border-color:#dee2e6;color:#212529}.form-textarea{width:100%;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;line-height:1.5;height:auto}[data-theme=light] .form-textarea{box-shadow:0 1px 2px #00000014;background:#ffffff;border-color:#dee2e6;color:#212529}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary);transition:color .3s ease}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:#adb5bd}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{background:#ffffff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #00000014}.form-input-available{border-color:#10b981!important}.form-input-available:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a,0 2px 4px #0000001a}[data-theme=light] .form-input-available:focus{box-shadow:0 0 0 3px #10b98126,0 2px 4px #00000014}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px;line-height:1.5;height:auto;padding:12px 16px;font-family:inherit}.form-name-status{margin-top:8px;min-height:20px;display:block}.form-status-empty{height:20px;visibility:hidden}.form-status-checking,.form-status-available,.form-status-unavailable{display:flex;align-items:center;gap:6px;font-size:12px;transition:color .3s ease}.form-status-checking{color:var(--text-secondary)}.form-status-checking svg{color:var(--text-secondary)}[data-theme=light] .form-status-checking{color:#495057}.form-status-available{color:#10b981}.form-status-icon{color:#10b981;flex-shrink:0;width:12px;height:12px;display:inline-block;vertical-align:text-bottom}.form-status-unavailable{color:#ef4444}.form-status-icon-unavailable{color:#ef4444;flex-shrink:0;width:12px;height:12px;display:inline-block;vertical-align:text-bottom}.form-status-unavailable svg{color:#ef4444}.form-slug-info{font-size:12px;color:var(--text-secondary);margin-top:6px;transition:color .3s ease;line-height:1.4}.form-slug-value{font-family:Monaco,Menlo,Courier New,monospace;color:var(--text-primary);font-weight:500;transition:color .3s ease;letter-spacing:.02em}.form-char-counter{font-size:12px;color:var(--text-tertiary);margin-top:8px;text-align:right;transition:color .3s ease}[data-theme=light] .form-char-counter{color:#6c757d}.form-help-text{color:var(--text-tertiary);font-size:12px;margin-top:6px;line-height:1.4;transition:color .3s ease}.form-error{padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:14px;margin-bottom:20px;line-height:1.5;transition:all .3s ease}.modal-button{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;display:inline-flex;align-items:center;justify-content:center}.modal-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-button.secondary{background:var(--bg-quaternary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease}.modal-button.secondary:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.modal-button.primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;color:#fff;box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .modal-button.primary{box-shadow:0 2px 8px #3b82f666}.modal-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.modal-button.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.create-project-modal.modal-content{max-width:500px;width:90%;box-sizing:border-box;animation:createProjectModalFadeIn .15s ease-out}@keyframes createProjectModalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.create-project-modal.modal-content{max-height:450px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:auto;margin-right:auto}.create-project-modal .create-project-modal-form{min-height:0;overflow-y:auto}}@media (max-width: 480px){.create-project-modal.modal-content{max-height:450px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin-left:auto;margin-right:auto}}.create-project-modal-content{max-width:500px;width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.create-project-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.create-project-modal-title{color:var(--text-primary);font-size:22px;font-weight:700;margin:0;letter-spacing:-.02em}.create-project-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;font-size:24px;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.create-project-modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.create-project-modal-form{padding:24px;flex:1}.create-project-field{margin-bottom:20px}.create-project-field:last-of-type{margin-bottom:0}.create-project-label{display:block;color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:6px;letter-spacing:.01em}.create-project-label .required{color:var(--error-color, #ef4444)}.create-project-input{width:100%;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;box-sizing:border-box;line-height:1.2;height:44px;min-height:44px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.create-project-input::placeholder{color:var(--text-tertiary)}.create-project-input:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.create-project-input-available{border-color:#10b981!important}.create-project-input-available:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a,0 2px 4px #0000001a}.create-project-input:disabled{opacity:.6;cursor:not-allowed}.create-project-name-status{font-size:13px;margin-top:6px;display:flex;align-items:center;gap:6px}.create-project-status-checking{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.create-project-status-available{color:#10b981;display:flex;align-items:center;gap:6px}.create-project-status-unavailable{color:var(--error-color, #ef4444);display:flex;align-items:center;gap:6px}.create-project-status-icon,.create-project-status-icon-unavailable{flex-shrink:0}.create-project-status-empty{min-height:0}.create-project-char-counter{font-size:12px;color:var(--text-tertiary);margin-top:6px}.create-project-error{margin-top:12px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid var(--error-color, #ef4444);border-radius:8px;color:var(--error-color, #ef4444);font-size:14px}.create-project-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.create-project-cancel{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-project-cancel:hover:not(:disabled){background:var(--bg-quaternary)}.create-project-cancel:disabled{opacity:.5;cursor:not-allowed}.create-project-submit{padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-project-submit:hover:not(:disabled){background:#2563eb}.create-project-submit:disabled{opacity:.6;cursor:not-allowed}.create-project-slug-info{font-size:12px;color:var(--text-secondary);margin-top:6px;transition:color .3s ease}.create-project-slug-value{font-family:Monaco,Menlo,Courier New,monospace;color:var(--text-primary);font-weight:500;transition:color .3s ease}.create-project-textarea{padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%;box-sizing:border-box;resize:vertical;min-height:100px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.create-project-textarea::placeholder{color:var(--text-tertiary);transition:color .3s ease}.create-project-textarea:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.create-project-textarea:disabled{opacity:.6;cursor:not-allowed}.create-project-help-text{font-size:12px;color:var(--text-tertiary);margin-top:8px;transition:color .3s ease}.new-project-page{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1000;overflow-y:auto}.new-project-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.bg-pattern{position:absolute;width:200px;height:200px;opacity:.05;background:radial-gradient(circle,var(--text-primary) 1px,transparent 1px);background-size:20px 20px}.bg-pattern-top-left{top:-100px;left:-100px}.bg-pattern-bottom-right{bottom:-100px;right:-100px}.new-project-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.new-project-nav-right{display:flex;align-items:center;gap:12px}.nav-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.nav-button:hover,.nav-button-back{background:var(--bg-tertiary)}.new-project-container{position:relative;z-index:10;max-width:600px;margin:0 auto;padding:60px 40px}.new-project-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:40px}.new-project-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0 0 40px}.new-project-form{display:flex;flex-direction:column;gap:24px}.new-project-field{display:flex;flex-direction:column;gap:8px}.new-project-label{font-size:14px;font-weight:500;color:var(--text-primary)}.new-project-label .required{color:var(--error-color, #ef4444)}.new-project-input-wrapper{position:relative;display:flex;align-items:center}.new-project-icon{position:absolute;left:12px;z-index:1}.icon-square{width:20px;height:20px;background:var(--accent-color, #3b82f6);border-radius:4px}.new-project-input{width:100%;padding:12px 12px 12px 44px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s}.new-project-input:focus{border-color:var(--accent-color, #3b82f6)}.new-project-help-text{font-size:12px;color:var(--text-tertiary);margin-top:4px}.new-project-error{padding:12px;background:rgba(239,68,68,.1);border:1px solid var(--error-color, #ef4444);border-radius:8px;color:var(--error-color, #ef4444);font-size:14px}.new-project-submit{padding:12px 24px;background:var(--accent-color, #3b82f6);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px}.new-project-submit:hover:not(:disabled){background:var(--accent-color-hover, #2563eb)}.new-project-submit:disabled{opacity:.6;cursor:not-allowed}.new-project-chat{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s;z-index:100}.new-project-chat:hover{background:var(--bg-quaternary);transform:scale(1.05)}.create-workspace-modal{max-width:560px;width:90%;box-sizing:border-box;animation:none}.create-workspace-profile-layout{display:flex;align-items:flex-start;gap:32px;margin-bottom:20px}.create-workspace-profile-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.create-workspace-profile-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.create-workspace-profile-right .form-field{margin-bottom:12px}.create-workspace-profile-right .form-field:last-child{margin-bottom:0}.create-workspace-profile-image-trigger{position:relative;width:96px;height:96px;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;border-radius:50%;overflow:hidden;display:block;transition:transform .2s ease,box-shadow .2s ease}.create-workspace-profile-image-trigger:hover:not(:disabled){transform:scale(1.02)}.create-workspace-profile-image-trigger:hover:not(:disabled) .create-workspace-profile-image-hover-overlay,.create-workspace-profile-image-trigger:focus-visible .create-workspace-profile-image-hover-overlay{opacity:1}.create-workspace-profile-image-trigger:focus-visible{outline:none}.create-workspace-profile-image-trigger .create-workspace-profile-image-hover-overlay{opacity:0}.create-workspace-profile-image-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .2s ease;pointer-events:none}.create-workspace-profile-image-preview,.create-workspace-profile-image-placeholder{width:96px;height:96px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid var(--border-color);background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:border-color .2s ease,box-shadow .2s ease}.create-workspace-profile-image-preview{border-color:#3b82f6}.create-workspace-profile-image-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.create-workspace-profile-image-desc{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4;text-align:center;max-width:120px}@media (max-width: 768px){.create-workspace-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:640px!important;margin-left:auto;margin-right:auto;min-width:0}.create-workspace-modal .modal-form{min-height:0;overflow-y:auto;padding:16px 20px}.create-workspace-modal .modal-header{padding:16px 20px}.create-workspace-profile-layout{flex-direction:column;align-items:center;gap:20px;margin-bottom:16px}.create-workspace-profile-left{min-width:0}.create-workspace-profile-right{width:100%}.create-workspace-profile-image-desc{max-width:none}.create-workspace-modal .modal-footer{flex-direction:column;align-items:stretch;padding:16px 20px;gap:10px}.create-workspace-modal .modal-footer .modal-button{width:100%;justify-content:center}}@media (max-width: 480px){.create-workspace-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:600px!important;margin-left:auto;margin-right:auto}.create-workspace-modal .modal-form{padding:12px 16px}.create-workspace-modal .modal-header{padding:14px 16px}.create-workspace-modal .modal-title{font-size:18px}.create-workspace-modal .modal-footer{padding:12px 16px}}.grant-aws-container{position:relative;width:100%;min-height:auto;background:transparent}.grant-aws-loading,.grant-aws-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;color:var(--text-secondary);text-align:center}.grant-aws-error{color:#fca5a5;gap:20px}.grant-aws-header{display:none}.grant-aws-content{max-width:100%;margin:0;padding:0}.grant-aws-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start}.grant-aws-inputs-column{display:flex;flex-direction:column;gap:20px;position:relative;overflow:visible}.grant-aws-steps-column{position:sticky;top:20px}.grant-aws-connecting-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.grant-aws-connecting-text{font-size:16px;font-weight:500;color:var(--text-secondary);letter-spacing:-.2px}.grant-aws-connecting-logo{height:24px;width:auto;max-width:80px;object-fit:contain;filter:brightness(0) invert(1)}.grant-aws-connecting-name{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.grant-aws-steps{display:flex;flex-direction:column;gap:0;padding:8px 0}.grant-aws-step{padding:12px 0}.grant-aws-step.active{padding-bottom:12px}.grant-aws-step-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:0;position:relative;flex-wrap:wrap}.grant-aws-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);font-size:15px;font-weight:700;flex-shrink:0;transition:all .3s ease}.grant-aws-step.active .grant-aws-step-number{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.grant-aws-step-content{flex:1}.grant-aws-step-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.3px}.grant-aws-step.active .grant-aws-step-title{color:var(--text-primary)}.grant-aws-step:not(.active) .grant-aws-step-title{color:var(--text-tertiary)}.grant-aws-step-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.grant-aws-connection-fields{display:flex;flex-direction:column;gap:24px;position:relative;overflow:visible}.grant-aws-connection-name-field{display:flex;flex-direction:column;gap:10px}.grant-aws-field-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.grant-aws-field-input{width:100%;padding:14px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.grant-aws-field-input::placeholder{color:var(--text-tertiary)}.grant-aws-field-input:focus{outline:none;border-color:#3b82f6;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-aws-account-id-section{margin-bottom:8px;position:relative;overflow:visible}.grant-aws-account-id-field{display:flex;flex-direction:column;gap:10px;position:relative;overflow:visible}.grant-aws-account-id-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.grant-aws-account-id-icon{color:#3b82f6}.grant-aws-help-wrapper{margin-left:auto;position:relative;display:flex;align-items:center}.grant-aws-account-id-help{color:var(--text-tertiary);cursor:pointer;transition:color .2s ease;flex-shrink:0}.grant-aws-account-id-help:hover{color:#3b82f6}.grant-aws-help-tooltip{position:absolute;bottom:calc(100% + 10px);right:0;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--text-primary);line-height:1.6;min-width:280px;max-width:320px;box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0d inset;z-index:1000;white-space:normal;word-wrap:break-word;pointer-events:none}.grant-aws-help-tooltip:after{content:"";position:absolute;top:100%;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-tertiary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.grant-aws-account-id-input{width:100%;padding:14px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.grant-aws-account-id-input::placeholder{color:var(--text-tertiary)}.grant-aws-account-id-input:focus{outline:none;border-color:#3b82f6;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-aws-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;width:100%;letter-spacing:-.2px}.grant-aws-button.login-button{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.grant-aws-button.login-button:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.grant-aws-button-logo{padding:5px 10px;background:linear-gradient(135deg,#ff9900 0%,#ff6600 100%);border-radius:6px;color:#fff;font-weight:700;font-size:12px;letter-spacing:.8px;font-family:Arial,sans-serif;box-shadow:0 2px 6px #ff99004d;text-transform:uppercase}.grant-aws-button.continue-button{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.grant-aws-button.continue-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.grant-aws-button.continue-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.grant-aws-button.secondary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.grant-aws-button.secondary:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-color:#ffffff26;transform:translateY(-2px)}.grant-aws-step-divider{width:2px;height:24px;background:linear-gradient(180deg,var(--bg-tertiary) 0%,transparent 100%);position:absolute;left:17px;top:36px;border-radius:2px;flex-shrink:0}.grant-aws-step.active .grant-aws-step-divider{background:linear-gradient(180deg,#3b82f6 0%,rgba(59,130,246,.3) 100%)}.grant-aws-error-message{padding:16px 18px;background:linear-gradient(135deg,rgba(239,68,68,.12) 0%,rgba(220,38,38,.08) 100%);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:20px;border-left:3px solid #ef4444;box-shadow:0 2px 8px #ef44441a}.grant-aws-error-text{color:#fca5a5;font-size:14px;line-height:1.6;margin-bottom:12px;font-weight:500}.grant-aws-error-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(239,68,68,.2)}.grant-aws-error-suggestion{color:#fca5a5;font-size:13px;line-height:1.7}.grant-aws-error-suggestion strong{color:#fff;display:block;margin-bottom:8px;font-weight:600}.grant-aws-error-suggestion ul{margin:8px 0 0 20px;padding:0;list-style-type:disc}.grant-aws-error-suggestion li{margin-bottom:6px}[data-theme=light] .grant-aws-logo{box-shadow:0 4px 12px #f903}[data-theme=light] .grant-aws-step-number{background:linear-gradient(135deg,#f1f3f5 0%,#e9ecef 100%);border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}[data-theme=light] .grant-aws-step.active .grant-aws-step-number{box-shadow:0 4px 12px #3b82f640}[data-theme=light] .grant-aws-field-input,[data-theme=light] .grant-aws-account-id-input{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}[data-theme=light] .grant-aws-field-input:focus,[data-theme=light] .grant-aws-account-id-input:focus{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);box-shadow:0 0 0 3px #3b82f626,0 4px 12px #0000001a}[data-theme=light] .grant-aws-button.login-button,[data-theme=light] .grant-aws-button.secondary{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}[data-theme=light] .grant-aws-button.login-button:hover,[data-theme=light] .grant-aws-button.secondary:hover{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-color:#00000026;box-shadow:0 4px 12px #0000001a}[data-theme=light] .grant-aws-step-divider{background:linear-gradient(180deg,#e9ecef 0%,transparent 100%)}[data-theme=light] .grant-aws-error-message{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.06) 100%);border:1px solid rgba(239,68,68,.25)}[data-theme=light] .grant-aws-error-suggestion strong{color:var(--text-primary)}[data-theme=light] .grant-aws-help-tooltip{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.15);box-shadow:0 8px 24px #00000026,0 0 0 1px #0000000d inset}[data-theme=light] .grant-aws-help-tooltip:after{border-top-color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=light] .grant-aws-connecting-header{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-aws-connecting-logo{filter:none}@media (max-width: 968px){.grant-aws-layout{grid-template-columns:1fr;gap:32px}.grant-aws-steps-column{position:relative;top:0}}.grant-gcp-container{position:relative;width:100%;min-height:auto;background:transparent}.grant-gcp-loading,.grant-gcp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;color:var(--text-secondary);text-align:center}.grant-gcp-error{color:#fca5a5;gap:20px}.grant-gcp-header{display:none}.grant-gcp-content{max-width:100%;margin:0;padding:0}.grant-gcp-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:0;align-items:start}.grant-gcp-layout>.grant-gcp-connecting-header{grid-column:1 / -1}.grant-gcp-inputs-column{display:flex;flex-direction:column;gap:20px;padding-top:20px;box-sizing:border-box}.grant-gcp-inputs-column .grant-gcp-waiting-panel{flex:0 0 auto;width:100%;align-self:stretch}.grant-gcp-steps-column{position:sticky;top:20px}.grant-gcp-logo{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#4285f4 0%,#34a853 50%,#fbbc04 75%,#ea4335 100%);border-radius:10px;color:#fff;font-weight:700;font-size:13px;letter-spacing:1.2px;margin-bottom:20px;font-family:Arial,sans-serif;box-shadow:0 4px 12px #4285f440;text-transform:uppercase}.grant-gcp-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.5px;line-height:1.2}.grant-gcp-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:400}.grant-gcp-instructions{margin-bottom:32px;padding:20px 24px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 2px 8px #0000001a}.grant-gcp-instructions-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.3px}.grant-gcp-instructions-list{margin:0 0 16px;padding-left:20px;color:var(--text-secondary);line-height:1.8}.grant-gcp-instruction-item{margin-bottom:8px}.grant-gcp-note{margin:0;padding:12px 16px;background:linear-gradient(135deg,rgba(66,133,244,.12) 0%,rgba(52,168,83,.08) 100%);border:1px solid rgba(66,133,244,.25);border-radius:10px;color:#a5c9ff;font-size:14px;line-height:1.6;border-left:3px solid #4285f4}.grant-gcp-connecting-header{display:flex;align-items:center;gap:12px;margin-bottom:0;margin-top:0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.grant-gcp-layout>.grant-gcp-connecting-header{margin-bottom:24px}.grant-gcp-steps{display:flex;flex-direction:column;gap:0;padding:8px 0}.grant-gcp-connecting-text{font-size:16px;font-weight:500;color:var(--text-secondary);letter-spacing:-.2px}.grant-gcp-connecting-logo{height:24px;width:auto;max-width:80px;object-fit:contain;filter:brightness(0) invert(1)}.grant-gcp-connecting-name{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.grant-gcp-step{padding:12px 0;position:relative;display:flex;flex-direction:column}.grant-gcp-step.active{padding-bottom:12px}.grant-gcp-step-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:0;position:relative;flex-wrap:wrap}.grant-gcp-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);font-size:15px;font-weight:700;flex-shrink:0;transition:all .3s ease;position:relative}.grant-gcp-step.active .grant-gcp-step-number{background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);border-color:#0078d4;color:#fff;box-shadow:0 4px 12px #0078d44d}.grant-gcp-step-content{flex:1;min-width:0}.grant-gcp-step-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.3px}.grant-gcp-step.active .grant-gcp-step-title{color:var(--text-primary)}.grant-gcp-step:not(.active) .grant-gcp-step-title{color:var(--text-tertiary)}.grant-gcp-step-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.grant-gcp-step-run-command{font-size:14px;color:var(--text-secondary);margin:0 0 8px;font-weight:500}.grant-gcp-step-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;align-items:start;margin-top:0;padding:14px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 2px 8px #0000001a}.grant-gcp-step-command--block .grant-gcp-copy-button{position:sticky;top:2px}.grant-gcp-command-text{display:block;grid-column:1;min-width:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.55;color:var(--text-primary);margin:0;padding:1px 0;background:transparent;border:none;overflow-wrap:anywhere;word-break:break-word}.grant-gcp-command-text.grant-gcp-command-multiline{white-space:pre-wrap;word-break:break-all}.grant-gcp-copy-button{grid-column:2;grid-row:1;padding:10px;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;box-sizing:border-box;align-self:start}.grant-gcp-copy-button:hover{background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.grant-gcp-copy-button:active{transform:translateY(0)}@media (max-width: 560px){.grant-gcp-step-command{grid-template-columns:1fr;gap:10px}.grant-gcp-copy-button{grid-column:1;grid-row:2;justify-self:end}.grant-gcp-step-command--block .grant-gcp-copy-button{position:static}}.grant-gcp-auth-method-toggle{display:flex;flex-direction:column;gap:10px}.grant-gcp-auth-tabs{display:flex;gap:8px;flex-wrap:wrap}.grant-gcp-auth-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.grant-gcp-auth-tab:hover{border-color:#4285f44d;color:var(--text-primary)}.grant-gcp-auth-tab.active{background:linear-gradient(135deg,rgba(66,133,244,.2) 0%,rgba(52,168,83,.1) 100%);border-color:#4285f4;color:#fff}.grant-gcp-wif-fields{display:flex;flex-direction:column;gap:12px}.grant-gcp-wif-hint{font-size:13px;color:var(--text-secondary);margin:0}.grant-gcp-wif-paste-row{display:flex;flex-direction:column;gap:10px}.grant-gcp-wif-paste-input{width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;min-height:60px}.grant-gcp-wif-paste-input::placeholder{color:var(--text-tertiary)}.grant-gcp-wif-fill-btn{align-self:flex-start;padding:10px 18px;background:linear-gradient(135deg,#4285f4 0%,#34a853 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.grant-gcp-wif-fill-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.grant-gcp-wif-fill-btn:disabled{opacity:.5;cursor:not-allowed}.grant-gcp-wif-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grant-gcp-wif-field{display:flex;flex-direction:column;gap:8px}.grant-gcp-wif-field label{font-size:13px;color:var(--text-secondary);font-weight:500}.grant-gcp-wif-field-full{grid-column:1 / -1}.grant-gcp-connection-fields{display:flex;flex-direction:column;gap:24px;position:relative;overflow:visible}.grant-gcp-connection-name-field{display:flex;flex-direction:column;gap:10px}.grant-gcp-step1-card{display:flex;flex-direction:column;gap:14px;padding:0}.grant-gcp-field{display:flex;flex-direction:column;gap:10px}.grant-gcp-field--step1{gap:6px}.grant-gcp-field-label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px;line-height:1.3}.grant-gcp-field-hint{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4}.grant-gcp-field-input{width:100%;padding:12px 16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.grant-gcp-field-input::placeholder{color:var(--text-tertiary)}.grant-gcp-field-input:focus{outline:none;border-color:#0078d4;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #0078d41a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-gcp-project-id-section{margin-bottom:8px}.grant-gcp-project-id-instruction{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.6;padding:12px 16px;background:linear-gradient(135deg,rgba(66,133,244,.08) 0%,rgba(52,168,83,.05) 100%);border:1px solid rgba(66,133,244,.15);border-radius:10px;border-left:3px solid #4285f4}.grant-gcp-project-id-field{display:flex;flex-direction:column;gap:10px;position:relative;overflow:visible}.grant-gcp-project-id-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.grant-gcp-project-id-icon{color:#4285f4}.grant-gcp-help-wrapper{margin-left:auto;position:relative;display:flex;align-items:center}.grant-gcp-project-id-help{color:var(--text-tertiary);cursor:pointer;transition:color .2s ease;flex-shrink:0}.grant-gcp-project-id-help:hover{color:#4285f4}.grant-gcp-help-tooltip{position:absolute;bottom:calc(100% + 10px);right:0;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--text-primary);line-height:1.6;min-width:280px;max-width:320px;box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0d inset;z-index:1000;white-space:normal;word-wrap:break-word;pointer-events:none}.grant-gcp-help-tooltip:after{content:"";position:absolute;top:100%;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-tertiary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.grant-gcp-project-id-input{width:100%;padding:14px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.grant-gcp-project-id-input::placeholder{color:var(--text-tertiary)}.grant-gcp-project-id-input:focus{outline:none;border-color:#4285f4;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #4285f41a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-gcp-service-account-field{display:flex;flex-direction:column;gap:10px}.grant-gcp-service-account-input{width:100%;padding:14px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .3s ease;resize:vertical;min-height:120px;box-shadow:0 2px 8px #0000001a}.grant-gcp-service-account-input::placeholder{color:var(--text-tertiary)}.grant-gcp-service-account-input:focus{outline:none;border-color:#4285f4;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #4285f41a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-gcp-file-input{display:none}.grant-gcp-file-upload-label{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:4px;box-shadow:0 2px 8px #0000001a}.grant-gcp-file-upload-label:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-color:#ffffff26;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.grant-gcp-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;width:100%;letter-spacing:-.2px}.grant-gcp-link-button{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);color:#fff;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 12px #0078d44d;letter-spacing:-.2px}.grant-gcp-link-button:hover{background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0078d466}button.grant-gcp-link-button{border:none;cursor:pointer;width:100%;justify-content:center;font-family:inherit}button.grant-gcp-link-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.grant-gcp-link-button:disabled:hover{transform:none;box-shadow:0 4px 12px #0078d44d}.grant-gcp-button.continue-button{background:linear-gradient(135deg,#4285f4 0%,#34a853 100%);color:#fff;box-shadow:0 4px 12px #4285f44d}.grant-gcp-button.continue-button:hover:not(:disabled){background:linear-gradient(135deg,#34a853 0%,#2d8f47 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.grant-gcp-button.continue-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.grant-gcp-waiting-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 28px;gap:16px;box-sizing:border-box;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid var(--border-color);border-radius:16px;min-height:220px}.grant-gcp-waiting-spinner{color:#0078d4}.grant-gcp-waiting-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.grant-gcp-waiting-text{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:340px}.grant-gcp-grant-button{margin-top:2px;margin-bottom:0}.grant-gcp-help-code{font-size:12px;padding:2px 6px;border-radius:4px;background:var(--bg-quaternary)}.grant-gcp-button.secondary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.grant-gcp-button.secondary:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-color:#ffffff26;transform:translateY(-2px)}.grant-gcp-step-divider{width:2px;height:24px;background:linear-gradient(180deg,var(--bg-tertiary) 0%,transparent 100%);position:absolute;left:17px;top:36px;border-radius:2px;flex-shrink:0}.grant-gcp-step.active .grant-gcp-step-divider{background:linear-gradient(180deg,#0078d4 0%,rgba(0,120,212,.3) 100%)}.grant-gcp-error-message{padding:16px 18px;background:linear-gradient(135deg,rgba(239,68,68,.12) 0%,rgba(220,38,38,.08) 100%);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:20px;border-left:3px solid #ef4444;box-shadow:0 2px 8px #ef44441a}.grant-gcp-error-message--inline{margin-bottom:0;padding:12px 14px;border-radius:10px}.grant-gcp-error-message--inline .grant-gcp-error-text{margin-bottom:0}.grant-gcp-error-text{color:#fca5a5;font-size:14px;line-height:1.6;margin-bottom:12px;font-weight:500}.grant-gcp-error-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(239,68,68,.2)}.grant-gcp-error-suggestion{color:#fca5a5;font-size:13px;line-height:1.7}.grant-gcp-error-suggestion strong{color:#fff;display:block;margin-bottom:8px;font-weight:600}.grant-gcp-error-suggestion ul{margin:8px 0 0 20px;padding:0;list-style-type:disc}.grant-gcp-error-suggestion li{margin-bottom:6px}[data-theme=light] .grant-gcp-logo{box-shadow:0 4px 12px #4285f433}[data-theme=light] .grant-gcp-step-number{background:linear-gradient(135deg,#f1f3f5 0%,#e9ecef 100%);border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}[data-theme=light] .grant-gcp-step.active .grant-gcp-step-number{background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);border-color:#0078d4;color:#fff;box-shadow:0 4px 12px #0078d440}[data-theme=light] .grant-gcp-field-input,[data-theme=light] .grant-gcp-project-id-input,[data-theme=light] .grant-gcp-service-account-input{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}[data-theme=light] .grant-gcp-field-input:focus,[data-theme=light] .grant-gcp-project-id-input:focus,[data-theme=light] .grant-gcp-service-account-input:focus{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-color:#0078d4;box-shadow:0 0 0 3px #0078d426,0 4px 12px #0000001a}[data-theme=light] .grant-gcp-instructions{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-gcp-project-id-instruction{background:linear-gradient(135deg,rgba(66,133,244,.1) 0%,rgba(52,168,83,.06) 100%);border:1px solid rgba(66,133,244,.2)}[data-theme=light] .grant-gcp-button.secondary,[data-theme=light] .grant-gcp-file-upload-label{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}[data-theme=light] .grant-gcp-button.secondary:hover,[data-theme=light] .grant-gcp-file-upload-label:hover{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-color:#00000026;box-shadow:0 4px 12px #0000001a}[data-theme=light] .grant-gcp-step-divider{background:linear-gradient(180deg,#e9ecef 0%,transparent 100%)}[data-theme=light] .grant-gcp-error-message{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.06) 100%);border:1px solid rgba(239,68,68,.25)}[data-theme=light] .grant-gcp-error-suggestion strong{color:var(--text-primary)}[data-theme=light] .grant-gcp-connecting-header{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-gcp-connecting-logo{filter:none}[data-theme=light] .grant-gcp-help-tooltip{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.15);box-shadow:0 8px 24px #00000026,0 0 0 1px #0000000d inset}[data-theme=light] .grant-gcp-help-tooltip:after{border-top-color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=light] .grant-gcp-step-command{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-gcp-command-text{color:var(--text-primary)}@media (max-width: 968px){.grant-gcp-layout{grid-template-columns:1fr;gap:32px}.grant-gcp-steps-column{position:relative;top:0}.grant-gcp-wif-grid{grid-template-columns:1fr}}[data-theme=light] .grant-gcp-auth-tab{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}[data-theme=light] .grant-gcp-auth-tab:hover{border-color:#4285f466;color:var(--text-primary)}[data-theme=light] .grant-gcp-auth-tab.active{background:linear-gradient(135deg,rgba(66,133,244,.15) 0%,rgba(52,168,83,.08) 100%);border-color:#4285f4;color:#1a73e8}.grant-azure-container{position:relative;width:100%;min-height:auto;background:transparent}.grant-azure-loading,.grant-azure-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;color:var(--text-secondary);text-align:center}.grant-azure-error{color:#fca5a5;gap:20px}.grant-azure-header{display:none}.grant-azure-content{max-width:100%;margin:0;padding:0}.grant-azure-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:0;align-items:start}.grant-azure-layout>.grant-azure-connecting-header{grid-column:1 / -1}.grant-azure-inputs-column{display:flex;flex-direction:column;gap:20px;padding-top:20px;box-sizing:border-box}.grant-azure-inputs-column .grant-azure-waiting-panel{flex:0 0 auto;width:100%;align-self:stretch}.grant-azure-steps-column{position:sticky;top:20px}.grant-azure-logo{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);border-radius:10px;color:#fff;font-weight:700;font-size:13px;letter-spacing:1.2px;margin-bottom:20px;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 4px 12px #0078d440;text-transform:uppercase}.grant-azure-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.5px;line-height:1.2}.grant-azure-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:400}.grant-azure-steps{display:flex;flex-direction:column;gap:0;padding:8px 0}.grant-azure-connecting-header{display:flex;align-items:center;gap:12px;margin-bottom:0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-top:0}.grant-azure-layout>.grant-azure-connecting-header{margin-bottom:24px}.grant-azure-connecting-text{font-size:16px;font-weight:500;color:var(--text-secondary);letter-spacing:-.2px}.grant-azure-connecting-logo{height:24px;width:auto;max-width:80px;object-fit:contain;filter:brightness(0) invert(1)}.grant-azure-connecting-name{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.grant-azure-step{padding:12px 0}.grant-azure-step.active{padding-bottom:12px}.grant-azure-step-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:0;position:relative;flex-wrap:wrap}.grant-azure-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);font-size:15px;font-weight:700;flex-shrink:0;transition:all .3s ease}.grant-azure-step.active .grant-azure-step-number{background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);border-color:#0078d4;color:#fff;box-shadow:0 4px 12px #0078d44d}.grant-azure-step-content{flex:1}.grant-azure-step-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.3px}.grant-azure-step.active .grant-azure-step-title{color:var(--text-primary)}.grant-azure-step:not(.active) .grant-azure-step-title{color:var(--text-tertiary)}.grant-azure-step-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.grant-azure-step-command--block .grant-azure-copy-button{position:sticky;top:2px}.grant-azure-step-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;align-items:start;margin-top:0;padding:14px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 2px 8px #0000001a}.grant-azure-command-text{display:block;grid-column:1;min-width:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.55;color:var(--text-primary);margin:0;padding:1px 0;background:transparent;border:none;overflow-wrap:anywhere;word-break:break-word}.grant-azure-copy-button{grid-column:2;grid-row:1;padding:10px;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;box-sizing:border-box;align-self:start}.grant-azure-copy-button:hover{background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.grant-azure-copy-button:active{transform:translateY(0)}@media (max-width: 560px){.grant-azure-step-command{grid-template-columns:1fr;gap:10px}.grant-azure-copy-button{grid-column:1;grid-row:2;justify-self:end}.grant-azure-step-command--block .grant-azure-copy-button{position:static}}.grant-azure-step-divider{width:2px;height:24px;background:linear-gradient(180deg,var(--bg-tertiary) 0%,transparent 100%);position:absolute;left:17px;top:36px;border-radius:2px;flex-shrink:0}.grant-azure-step.active .grant-azure-step-divider{background:linear-gradient(180deg,#0078d4 0%,rgba(0,120,212,.3) 100%)}.grant-azure-connection-fields{display:flex;flex-direction:column;gap:24px}.grant-azure-step1-card{display:flex;flex-direction:column;gap:14px;padding:0}.grant-azure-field{display:flex;flex-direction:column;gap:10px}.grant-azure-field--step1{gap:6px}.grant-azure-field-label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px;line-height:1.3}.grant-azure-field-hint{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4}.grant-azure-field-input{width:100%;padding:12px 16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.grant-azure-field-input::placeholder{color:var(--text-tertiary)}.grant-azure-field-input:focus{outline:none;border-color:#0078d4;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #0078d41a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-azure-credentials-field{display:flex;flex-direction:column;gap:10px}.grant-azure-credentials-input{width:100%;padding:14px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .3s ease;resize:vertical;min-height:120px;box-shadow:0 2px 8px #0000001a}.grant-azure-credentials-input::placeholder{color:var(--text-tertiary)}.grant-azure-credentials-input:focus{outline:none;border-color:#0078d4;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 3px #0078d41a,0 4px 12px #00000026;transform:translateY(-1px)}.grant-azure-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;width:100%;letter-spacing:-.2px}.grant-azure-button.continue-button{background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);color:#fff;box-shadow:0 4px 12px #0078d44d}.grant-azure-button.continue-button:hover:not(:disabled){background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0078d466}.grant-azure-button.continue-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.grant-azure-button.secondary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.grant-azure-button.secondary:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.grant-azure-error-message{padding:16px 18px;background:linear-gradient(135deg,rgba(239,68,68,.12) 0%,rgba(220,38,38,.08) 100%);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:20px;border-left:3px solid #ef4444;box-shadow:0 2px 8px #ef44441a}.grant-azure-error-message--inline{margin-bottom:0;padding:12px 14px;border-radius:10px}.grant-azure-error-text{color:#fca5a5;font-size:14px;line-height:1.6;font-weight:500}.grant-azure-follow-step{display:flex;flex-direction:column;gap:24px;max-width:500px}.grant-azure-instructions{margin-bottom:32px;padding:20px 24px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 2px 8px #0000001a}.grant-azure-instructions-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.3px}.grant-azure-instructions-desc{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.6}.grant-azure-link-button{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);color:#fff;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 12px #0078d44d;letter-spacing:-.2px}.grant-azure-grant-button{margin-top:2px;margin-bottom:0}.grant-azure-link-button:hover{background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0078d466}button.grant-azure-link-button{border:none;cursor:pointer;width:100%;justify-content:center;font-family:inherit}button.grant-azure-link-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.grant-azure-link-button:disabled:hover{transform:none;box-shadow:0 4px 12px #0078d426}.grant-azure-waiting-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 28px;gap:16px;box-sizing:border-box;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid var(--border-color);border-radius:16px;min-height:220px}.grant-azure-waiting-spinner{color:#0078d4}.grant-azure-waiting-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.grant-azure-waiting-text{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:340px}.grant-azure-setup-block{margin-top:16px}.grant-azure-setup-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.grant-azure-setup-command{margin:0;padding:14px 18px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e0e0e0;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-all;box-shadow:0 2px 8px #0000001a}.grant-azure-note{margin:16px 0 0;padding:12px 16px;background:linear-gradient(135deg,rgba(0,120,212,.12) 0%,rgba(16,110,190,.08) 100%);border:1px solid rgba(0,120,212,.25);border-radius:10px;color:#a5c9ff;font-size:14px;line-height:1.6;border-left:3px solid #0078d4}.grant-azure-instructions-list{margin:16px 0 0;padding-left:20px;color:var(--text-secondary);line-height:1.8}.grant-azure-instruction-item{margin-bottom:8px}[data-theme=light] .grant-azure-logo{box-shadow:0 4px 12px #0078d433}[data-theme=light] .grant-azure-field-input,[data-theme=light] .grant-azure-credentials-input{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}[data-theme=light] .grant-azure-field-input:focus,[data-theme=light] .grant-azure-credentials-input:focus{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);box-shadow:0 0 0 3px #0078d426,0 4px 12px #0000001a}[data-theme=light] .grant-azure-instructions{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-azure-button.secondary{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}[data-theme=light] .grant-azure-button.secondary:hover{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-color:#00000026;box-shadow:0 4px 12px #0000001a}[data-theme=light] .grant-azure-setup-command{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid rgba(0,0,0,.1);color:#212529}[data-theme=light] .grant-azure-error-message{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.06) 100%);border:1px solid rgba(239,68,68,.25)}[data-theme=light] .grant-azure-connecting-header{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-azure-connecting-logo{filter:none}[data-theme=light] .grant-azure-step-number{background:linear-gradient(135deg,#f1f3f5 0%,#e9ecef 100%);border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}[data-theme=light] .grant-azure-step.active .grant-azure-step-number{box-shadow:0 4px 12px #0078d440}[data-theme=light] .grant-azure-step-divider{background:linear-gradient(180deg,#e9ecef 0%,transparent 100%)}[data-theme=light] .grant-azure-step-command{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.1)}[data-theme=light] .grant-azure-command-text{color:var(--text-primary)}@media (max-width: 968px){.grant-azure-layout{grid-template-columns:1fr;gap:32px}.grant-azure-inputs-column{padding-top:0}.grant-azure-steps-column{position:relative;top:0}}.connect-cloud-modal{max-width:900px;width:90%}.connect-cloud-permissions-content{overflow-y:auto;max-height:calc(90vh - 100px);padding:0}.connect-cloud-permissions-content .grant-aws-header,.connect-cloud-permissions-content .grant-gcp-header,.connect-cloud-permissions-content .grant-azure-header{display:none}.connect-cloud-permissions-content .grant-aws-container,.connect-cloud-permissions-content .grant-gcp-container,.connect-cloud-permissions-content .grant-azure-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;background:transparent;z-index:auto;padding:24px;min-height:auto}.modal-content{background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d inset;max-height:90vh;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .modal-content{background:var(--bg-primary);border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 80px #00000026,0 0 0 1px #0000000d inset}.connect-cloud-modal .modal-header{padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(20,20,28,.95) 0%,rgba(15,15,21,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .connect-cloud-modal .modal-header{border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%)}.connect-cloud-modal .modal-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.connect-cloud-modal-title-stack{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.connect-cloud-modal-subtitle{margin:0;font-size:14px;font-weight:500;line-height:1.5;color:#ffffffa6;letter-spacing:-.01em}[data-theme=light] .connect-cloud-modal-subtitle{color:#0009}.connect-cloud-modal .modal-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.connect-cloud-header-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.connect-cloud-header-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.connect-cloud-header-button:active{transform:translateY(0)}.connect-cloud-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 32px 78px;gap:20px}.connect-cloud-empty-state-text{margin:0;padding:6px 0;max-width:420px;font-size:14px;line-height:1.6;color:#ffffffa6;font-weight:500}[data-theme=light] .connect-cloud-empty-state-text{color:#0009}.connect-cloud-link-button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.connect-cloud-link-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f673}.connect-cloud-link-button:active{transform:translateY(0)}.connect-cloud-modal .modal-header-icon{color:#3b82f6;flex-shrink:0;stroke-width:2;transition:color .2s ease}[data-theme=light] .connect-cloud-modal .modal-header-icon{color:#3b82f6}.connect-cloud-modal .modal-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.connect-cloud-modal .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#999;cursor:pointer;transition:all .2s}.connect-cloud-modal .modal-close:hover{background:#2a2a3a;color:#fff}[data-theme=light] .connect-cloud-modal .modal-close{color:#666}[data-theme=light] .connect-cloud-modal .modal-close:hover{background:#f0f0f0;color:#000}.modal-back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;margin:0}.modal-back-button:hover{background:rgba(255,255,255,.1);border-color:#fff3;color:#fff;transform:translate(-2px)}[data-theme=light] .modal-back-button{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#000000b3}[data-theme=light] .modal-back-button:hover{background:rgba(0,0,0,.1);border-color:#0003;color:#000}.connect-cloud-loading,.connect-cloud-error{padding:40px 24px;text-align:center;color:#999;font-size:14px}[data-theme=light] .connect-cloud-loading{color:#666}.connect-cloud-error{color:#fca5a5}.connect-cloud-providers{display:flex;gap:24px;padding:32px 24px;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.connect-cloud-providers{flex-direction:column;align-items:stretch}.provider-card{max-width:100%}}.provider-card{flex:1;min-width:200px;max-width:280px;padding:32px 24px;background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);border:1.5px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;overflow:hidden}.provider-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(59,130,246,.6) 0%,rgba(139,92,246,.6) 100%);opacity:0;transition:opacity .3s ease}.provider-card:hover:not(.disabled):before{opacity:1}.provider-card:hover:not(.disabled){background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%);border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #3b82f633}[data-theme=light] .provider-card{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.08)}[data-theme=light] .provider-card:hover:not(.disabled){background:linear-gradient(135deg,rgba(248,248,250,.98) 0%,rgba(245,245,247,.98) 100%);border-color:#3b82f64d;box-shadow:0 12px 32px #0000001a,0 0 0 1px #3b82f626}.provider-card.disabled{opacity:.5;cursor:not-allowed;background:#14141a}.provider-card.disabled:hover{transform:none;box-shadow:none}[data-theme=light] .provider-card.disabled{background:#f5f5f5}.provider-logo-container{width:100%;display:flex;justify-content:center;margin-bottom:8px}.provider-cloud-logo{height:40px;width:auto;max-width:120px;object-fit:contain;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(0) invert(1)}.provider-card:hover:not(.disabled) .provider-cloud-logo{transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(59,130,246,.3)) brightness(0) invert(1)}[data-theme=light] .provider-cloud-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=light] .provider-card:hover:not(.disabled) .provider-cloud-logo{filter:drop-shadow(0 4px 12px rgba(59,130,246,.2))}.provider-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-weight:600;font-size:18px;color:#fff;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.provider-card:hover:not(.disabled) .provider-logo{transform:scale(1.1);box-shadow:0 6px 16px #0006}.aws-logo{background:linear-gradient(135deg,#ff9900 0%,#ff6600 100%);font-family:Arial,sans-serif;letter-spacing:1px}.azure-logo{background:linear-gradient(135deg,#0078d4 0%,#005a9e 100%);font-size:32px;font-weight:700}.gcp-logo{background:linear-gradient(135deg,#4285f4 0%,#34a853 50%,#fbbc04 100%);font-size:14px;font-weight:700}.default-logo{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}.provider-short-name{font-size:18px;font-weight:700;color:#fff;margin-top:8px;letter-spacing:.02em;line-height:1.4;text-transform:uppercase}[data-theme=light] .provider-short-name{color:#000}.provider-name{font-size:14px;font-weight:500;color:#ffffffb3;margin-top:4px;letter-spacing:-.01em;line-height:1.4}[data-theme=light] .provider-name{color:#000000b3}.provider-disabled-badge{position:absolute;top:12px;right:12px;padding:4px 8px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#fca5a5;font-size:11px;font-weight:500}.connect-cloud-connections{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1024px){.connect-cloud-connections{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.connect-cloud-connections{grid-template-columns:1fr}}.connection-card{background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);border:1.5px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:200px}[data-theme=light] .connection-card{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.08)}.connection-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(59,130,246,.6) 0%,rgba(139,92,246,.6) 100%);opacity:0;transition:opacity .3s ease}.connection-card:hover:before{opacity:1}.connection-card.clickable{cursor:pointer}.connection-card.clickable:hover{background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%);border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px #3b82f633}[data-theme=light] .connection-card.clickable:hover{background:linear-gradient(135deg,rgba(248,248,250,.98) 0%,rgba(245,245,247,.98) 100%);border-color:#3b82f64d;box-shadow:0 8px 24px #0000001a,0 0 0 1px #3b82f626}.connection-card.linking{opacity:.7;pointer-events:none}.connection-card-content{display:flex;flex-direction:column;gap:12px;align-items:flex-start;height:100%;min-height:100%}.connection-logo-container{width:100%;display:flex;justify-content:flex-start;margin-bottom:4px}.cloud-provider-logo{height:48px;width:auto;max-width:140px;object-fit:contain;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(0) invert(1)}.connection-card:hover .cloud-provider-logo{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(59,130,246,.3)) brightness(0) invert(1)}[data-theme=light] .cloud-provider-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=light] .connection-card:hover .cloud-provider-logo{filter:drop-shadow(0 4px 12px rgba(59,130,246,.2))}.connection-logo-container .provider-logo{width:56px;height:56px;border-radius:14px;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.connection-card:hover .connection-logo-container .provider-logo{transform:scale(1.05)}.connection-type{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}[data-theme=light] .connection-type{color:#000000a6}.connection-name{font-size:18px;font-weight:600;color:#fff;line-height:1.4;letter-spacing:-.01em;margin-top:4px}[data-theme=light] .connection-name{color:#000}.connection-account-id{font-family:Monaco,Courier New,monospace;font-size:13px;color:#fff9;word-break:break-all;line-height:1.5}[data-theme=light] .connection-account-id{color:#0009}.connection-region{text-transform:uppercase;font-size:12px;color:#ffffff80;font-weight:500;letter-spacing:.05em;margin-top:auto;padding-top:4px}[data-theme=light] .connection-region{color:#00000080}@keyframes connect-cloud-skeleton-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.connect-cloud-skeleton{pointer-events:none;width:100%}.connect-cloud-skeleton-providers-wrap{padding-bottom:8px}.connect-cloud-skeleton-providers .connect-cloud-skeleton-provider-card{cursor:default;pointer-events:none;transform:none!important;box-shadow:none!important}.connect-cloud-skeleton-providers .connect-cloud-skeleton-provider-card:before{opacity:0!important}.connect-cloud-skeleton-logo{width:56px;height:56px;border-radius:14px;margin-bottom:8px;background:linear-gradient(100deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.06) 32%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 68%,rgba(255,255,255,.06) 100%);background-size:220% 100%;animation:connect-cloud-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--connect-cloud-sk-stagger, 0s)}.connect-cloud-skeleton-logo--lg{width:64px;height:56px;border-radius:12px;margin-bottom:4px}.connect-cloud-skeleton-line{height:14px;border-radius:7px;width:100%;max-width:180px;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 68%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:connect-cloud-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--connect-cloud-sk-stagger, 0s)}.connect-cloud-skeleton-line--short{max-width:72px;height:16px}.connect-cloud-skeleton-line--muted{max-width:140px;height:12px;opacity:.85;margin-top:4px}.connect-cloud-skeleton-line--tiny{max-width:48px;height:10px;margin-bottom:4px}.connect-cloud-skeleton-line--title{max-width:200px;height:16px}.connect-cloud-skeleton-line--mono{max-width:100%;height:13px}.connect-cloud-skeleton-line--region{max-width:88px;height:11px;margin-top:auto;padding-top:8px}.connect-cloud-skeleton-connection-inner{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%;flex:1;min-height:152px}.connect-cloud-skeleton-connections .connect-cloud-skeleton-connection-card{cursor:default;pointer-events:none;transform:none!important;box-shadow:none!important;min-height:200px}.connect-cloud-skeleton-connections .connect-cloud-skeleton-connection-card:before{opacity:0!important}[data-theme=light] .connect-cloud-skeleton-logo,[data-theme=light] .connect-cloud-skeleton-line{background:linear-gradient(100deg,var(--bg-quaternary) 0%,var(--bg-quaternary) 32%,rgba(0,0,0,.06) 50%,var(--bg-quaternary) 68%,var(--bg-quaternary) 100%);background-size:220% 100%}.config-panel{flex:0 0 520px;width:520px;min-width:520px;max-width:520px;height:100%;max-height:calc(100vh - 64px);align-self:flex-start;background:linear-gradient(135deg,rgba(18,18,26,.98) 0%,rgba(15,15,21,.98) 100%);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;transition:background-color .3s ease,border-color .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.config-panel.config-panel--request-in-progress{display:none!important}@media (max-width: 768px){.config-panel{flex:0 0 100%;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 56px);z-index:20;position:relative}}[data-theme=light] .config-panel{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(250,250,252,.98) 100%);border-left:1px solid rgba(0,0,0,.1)}.config-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(20,20,28,.95) 0%,rgba(15,15,21,.95) 100%);flex-shrink:0;gap:16px;transition:background-color .3s ease,border-color .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}[data-theme=light] .config-panel-header{border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%)}.config-panel-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.config-panel-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--text-primary);opacity:.9}.config-panel-title-wrapper{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.config-panel-title-wrapper .config-panel-title{min-width:0}.config-panel-name-edit{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin:0;padding:2px 6px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;font-family:inherit;line-height:1.25;cursor:pointer;transition:color .15s ease,background .15s ease}.config-panel-name-edit:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.config-panel-name-edit:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:1px}.config-panel-name-edit:disabled{opacity:.5;cursor:not-allowed}.config-panel-name-edit svg{flex-shrink:0;opacity:.9}.config-panel-name-edit:hover:not(:disabled) svg{opacity:1;color:#60a5fa}[data-theme=light] .config-panel-name-edit:hover:not(:disabled){background:rgba(0,0,0,.06)}.config-panel-title-edit{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.config-panel-title-input{flex:1;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 10px;font-size:18px;font-weight:700;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;min-width:0}.config-panel-title-input:focus,.config-panel-title-input:focus-visible{border-color:#60a5fa73;background:var(--bg-secondary);box-shadow:0 0 0 2px #3b82f626;outline:none}[data-theme=light] .config-panel-title-input{border-color:#0000001f}[data-theme=light] .config-panel-title-input:focus,[data-theme=light] .config-panel-title-input:focus-visible{border-color:#2563eb66;box-shadow:0 0 0 2px #2563eb1f}.config-panel-title-input:disabled{opacity:.6;cursor:not-allowed}.config-panel-title-input::selection{background:rgba(59,130,246,.35);color:var(--text-primary)}[data-theme=light] .config-panel-title-input::selection{background:rgba(37,99,235,.22)}.config-panel-title-edit-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.config-panel-title-save,.config-panel-title-cancel{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.config-panel-title-save:focus-visible,.config-panel-title-cancel:focus-visible{outline:none;border-color:#60a5fa80;box-shadow:0 0 0 2px #3b82f626}[data-theme=light] .config-panel-title-save,[data-theme=light] .config-panel-title-cancel{border-color:#0000001f}.config-panel-title-save:hover{background:rgba(74,222,128,.1);border-color:#4ade804d;color:#4ade80}.config-panel-title-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.config-panel-title-save:disabled,.config-panel-title-cancel:disabled{opacity:.5;cursor:not-allowed}.config-panel-tabs{display:flex;gap:4px;align-items:center;flex:1;justify-content:center;overflow-x:auto}.config-panel-header-right{display:flex;align-items:center;gap:12px}.config-tab{padding:6px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:6px;transition:all .2s,color .3s ease;position:relative;white-space:nowrap}.config-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.config-tab.active{color:var(--text-primary)}.config-tab.active:after{content:"";position:absolute;bottom:-16px;left:12px;right:12px;height:2px;background:var(--text-primary);border-radius:1px;transition:background-color .3s ease}.config-panel-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;letter-spacing:-.02em}.config-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,color .3s ease}.config-panel-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.config-region-select{background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:4px 18px 4px 4px;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:color .3s ease}.config-region-select:focus{outline:none}.config-region-select option{background:var(--bg-secondary);color:var(--text-primary)}.storage-volume-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color .3s ease}.storage-volume-toggle:disabled{opacity:.6;cursor:default}.storage-volume-label{white-space:nowrap}.storage-volume-menu{position:absolute;top:125%;right:0;min-width:220px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 18px 45px #0000004d;padding:6px 0;z-index:30;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark] .storage-volume-menu{box-shadow:0 18px 45px #0009}.storage-volume-option{width:100%;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:color .3s ease;pointer-events:auto;position:relative;z-index:1}.storage-volume-option:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.storage-volume-option:hover{background:var(--bg-quaternary);color:var(--text-primary)}.storage-volume-option.active{background:var(--bg-quaternary);color:#3b82f6}.storage-volume-option-name{font-weight:600}.storage-volume-option-price{font-size:12px;color:var(--text-tertiary);transition:color .3s ease}.config-panel-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.config-panel-content>form{display:flex;flex-direction:column;flex:1;overflow:hidden}.config-panel-body{padding:20px;overflow-y:auto;overflow-x:hidden;flex:1;min-width:0;min-height:0;background:var(--bg-secondary);transition:background-color .3s ease}.config-panel-upload-deploy-footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(18,18,26,.98) 0%,rgba(12,12,18,.99) 100%);padding:14px 20px 18px;z-index:5}[data-theme=light] .config-panel-upload-deploy-footer{border-top:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,248,252,.99) 100%)}.config-panel-upload-deploy-footer-actions{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}@media (min-width: 400px){.config-panel-upload-deploy-footer-actions{width:100%;justify-content:flex-end;flex-shrink:0}}.config-panel-upload-deploy-footer-cancel{flex:1;min-width:0;justify-content:center}@media (min-width: 400px){.config-panel-upload-deploy-footer-cancel{flex:0 0 auto;min-width:100px}}.config-panel-upload-deploy-footer-button{flex:1;min-width:0;justify-content:center;white-space:nowrap}@media (min-width: 400px){.config-panel-upload-deploy-footer-button{flex:0 0 auto;min-width:140px}}.config-panel-upload-deploy-footer-error{margin-top:10px;margin-bottom:0;font-size:13px}.form-row{display:flex;gap:24px;align-items:flex-start}.form-row-runtime-architecture{display:block}.form-row-runtime-architecture-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.form-row-runtime-architecture-header .form-label-inline,.form-row-runtime-architecture-header .storage-header-row .form-label-inline{margin-bottom:0;margin-top:0}.form-row-runtime-architecture .form-group-runtime-only{width:100%}.config-section{margin-bottom:24px;min-width:0}.scalable-server-dns-bar{margin-bottom:20px}.scalable-server-dns-inner{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.06)}.scalable-server-dns-link{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;color:var(--accent-primary, #60a5fa);text-decoration:none;word-break:break-all;transition:color .15s ease}.scalable-server-dns-link:hover{color:var(--accent-primary, #93c5fd)}.scalable-server-dns-link-icon{flex-shrink:0;opacity:.7}.scalable-server-dns-copy{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:opacity .15s,color .15s,border-color .15s}.scalable-server-dns-copy:hover{color:var(--text-primary);border-color:#fff3}.scalable-server-dns-copy.copied{color:#4ade80;border-color:#4ade804d}[data-theme=light] .scalable-server-dns-inner{background:rgba(0,0,0,.02);border-color:#00000014}[data-theme=light] .scalable-server-dns-link{color:#2563eb}[data-theme=light] .scalable-server-dns-link:hover{color:#3b82f6}[data-theme=light] .scalable-server-dns-copy{border-color:#0000001f;color:var(--text-secondary)}[data-theme=light] .scalable-server-dns-copy:hover{color:var(--text-primary);border-color:#0003}.application-url-box{width:100%;padding:16px 20px;background:linear-gradient(135deg,rgba(28,28,38,.98) 0%,rgba(24,24,32,.98) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d inset}[data-theme=light] .application-url-box{background:linear-gradient(135deg,#f8f9fa 0%,#f1f3f5 100%);border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014,0 0 0 1px #0000000a inset}[data-theme=light] .application-url-box .config-summary-label{color:var(--text-secondary)}[data-theme=light] .application-url-box .config-summary-label-icon{color:#0969da}[data-theme=light] .application-url-box .application-url-value a,[data-theme=light] .application-url-box .config-summary-value a{color:#0969da!important}[data-theme=light] .application-url-box .application-url-value button,[data-theme=light] .application-url-box .config-summary-value button{color:var(--text-secondary);border-color:#d0d0d0}[data-theme=light] .application-url-box .application-url-value button:hover,[data-theme=light] .application-url-box .config-summary-value button:hover{color:var(--text-primary);background:#e5e5e5;border-color:#b0b0b0}.application-url-box .config-summary-label{margin-bottom:8px}.application-url-value{margin-top:0}.config-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.config-section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.dns-manage-records-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease}.dns-manage-records-button:hover{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.storage-volume-dropdown{position:relative}.storage-header-row,.storage-section-skeleton-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.storage-section-skeleton-label{width:96px;height:14px;border-radius:6px}.storage-section-skeleton-dropdown{width:132px;height:36px;border-radius:8px}.storage-section-skeleton-panel{padding:20px 24px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;transition:background-color .3s ease,border-color .3s ease}.storage-section-skeleton-track-wrap{padding:28px 12px 32px}.storage-section-skeleton-track{width:100%;height:6px;border-radius:3px}.storage-section-skeleton-divider{width:100%;height:1px;background:var(--border-color);margin:20px 0}.storage-section-skeleton-metrics-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.storage-section-skeleton-metric{display:flex;flex-direction:row;align-items:center;flex:1;min-width:100px;gap:10px}.storage-section-skeleton-metric-icon{width:20px;height:20px;border-radius:4px;flex-shrink:0}.storage-section-skeleton-metric-lines{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.storage-section-skeleton-metric-line{height:12px;border-radius:4px;width:100%;max-width:72px}.storage-section-skeleton-metric-line--short{max-width:48px;height:9px;opacity:.85}.instance-class-grid-skeleton{display:flex;flex-direction:column;gap:12px;margin-top:0}.instance-class-grid-skeleton-search{width:100%;height:36px;border-radius:8px;max-width:100%}.instance-class-grid-skeleton-families{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.instance-class-grid-skeleton-family-pill{height:32px;width:56px;border-radius:8px;flex-shrink:0}.instance-class-grid-skeleton-size-label{width:36px;height:12px;border-radius:4px;margin-top:4px}.instance-class-grid-skeleton-cards{display:flex;gap:12px;overflow-x:auto;padding:4px 0 2px;scrollbar-width:none;-ms-overflow-style:none}.instance-class-grid-skeleton-cards::-webkit-scrollbar{display:none}.instance-class-grid-skeleton-card{flex:0 0 180px;padding:16px 14px 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);display:flex;flex-direction:column;align-items:flex-start;gap:10px;box-sizing:border-box}[data-theme=light] .instance-class-grid-skeleton-card{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.1)}.instance-class-grid-skeleton-card-line{height:10px;border-radius:4px;width:72%}.instance-class-grid-skeleton-card-line--price{height:22px;width:55%}.instance-class-grid-skeleton-card-line--short{width:45%;height:9px;opacity:.9}.region-dropdown{position:relative;z-index:50}.region-dropdown-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),color .3s ease;box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset}.region-dropdown-toggle:hover:not(:disabled){border-color:#3b82f666;color:var(--text-primary);box-shadow:0 4px 12px #00000026,0 0 0 1px #3b82f61a inset;transform:translateY(-1px)}[data-theme=light] .region-dropdown-toggle{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000d inset}[data-theme=light] .region-dropdown-toggle:hover:not(:disabled){border-color:#3b82f659;box-shadow:0 4px 12px #0000001a,0 0 0 1px #3b82f614 inset}.region-dropdown-toggle:disabled{opacity:.6;cursor:default}.region-dropdown-label{white-space:nowrap}.region-dropdown-menu{position:absolute;top:120%;right:0;width:320px;max-height:360px;background:linear-gradient(135deg,rgba(26,26,36,.98) 0%,rgba(20,20,28,.98) 100%);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;padding:8px 0;overflow-y:auto;z-index:1001;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .region-dropdown-menu{box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff0d inset}[data-theme=light] .region-dropdown-menu{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(250,250,252,.98) 100%);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d inset}.database-version-dropdown{width:100%}.database-version-toggle{width:100%;min-height:36px;background:transparent;border:none;color:#60a5fa;font-size:13px;font-weight:500;cursor:pointer;outline:none;padding:0 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none}[data-theme=light] .database-version-toggle{color:#2563eb}.database-version-menu{background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;box-shadow:0 8px 24px #0006}.database-version-menu .region-option{padding:8px 16px;text-align:left;background:transparent;border:none;color:var(--text-primary);cursor:pointer;width:100%}[data-theme=light] .database-version-menu{background:#ffffff;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 24px #00000026}[data-theme=light] .database-version-menu .region-option{color:var(--text-primary)}[data-theme=light] .database-version-menu .region-option:hover{background:rgba(0,0,0,.04)}.database-version-menu-empty{padding:8px 16px;color:var(--text-secondary)}.region-group{padding:8px 16px}.region-group+.region-group{border-top:1px solid var(--border-color);transition:border-color .3s ease}.region-group-title{font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;transition:color .3s ease}.region-option{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 0;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:color .3s ease}.region-option:hover:not(.inactive){color:var(--text-primary)}.region-option.active{color:#38bdf8}.region-option.inactive{opacity:.4;cursor:default}.region-option-name{text-align:left}.region-option-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--text-tertiary);transition:color .3s ease}.bucket-name-region-row-wrap .form-label{display:block;margin-bottom:8px}.bucket-name-region-row{display:flex;align-items:center;gap:12px;width:100%}.bucket-name-region-row .bucket-name-input{flex:1;min-width:0}.region-dropdown-inline{flex-shrink:0}.region-dropdown-toggle-inline{padding:10px 14px;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0}.region-dropdown-toggle-inline .region-dropdown-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.storage-bucket-name-block{width:100%;padding:16px 20px;background:linear-gradient(135deg,rgba(28,28,38,.98) 0%,rgba(24,24,32,.98) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d inset;margin-bottom:12px}[data-theme=light] .storage-bucket-name-block{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.98) 100%);border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a inset}[data-theme=light] .storage-bucket-name-block .config-summary-label{color:var(--text-secondary)}[data-theme=light] .storage-bucket-name-block .storage-bucket-name-value,[data-theme=light] .storage-bucket-name-block .storage-bucket-region-text,[data-theme=light] .storage-bucket-name-block .storage-bucket-meta-item{color:var(--text-primary)}.storage-bucket-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.storage-bucket-label-row .config-summary-label{margin-bottom:0}.storage-bucket-name-value{word-break:break-all;overflow-wrap:break-word;overflow:visible;min-height:1.2em;margin-top:8px}.storage-bucket-region-text{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;font-weight:600;color:var(--text-secondary)}.storage-bucket-region-icon{flex-shrink:0;opacity:.8}.storage-bucket-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0}.storage-bucket-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.storage-bucket-description{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.config-field{margin-bottom:18px;overflow:visible}.config-form-group{margin-bottom:20px}.config-form-group:last-child{margin-bottom:0}.config-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease;letter-spacing:-.01em}.config-input,.config-select{width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease;font-family:inherit;box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset}.config-input:focus,.config-select:focus{border-color:#3b82f680;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);box-shadow:0 0 0 4px #3b82f61f,0 4px 12px #00000026,0 0 0 1px #3b82f633 inset}[data-theme=light] .config-input,[data-theme=light] .config-select{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000d inset}[data-theme=light] .config-input:focus,[data-theme=light] .config-select:focus{border-color:#3b82f666;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000001a,0 0 0 1px #3b82f626 inset}.config-input::placeholder{color:var(--text-tertiary);transition:color .3s ease}.config-label-hint{font-size:11px;font-weight:400;color:var(--text-tertiary);margin-left:8px;transition:color .3s ease}.config-select{cursor:pointer}.config-select:disabled{opacity:.6;cursor:not-allowed}.config-select optgroup{font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);padding:4px 0}.config-select option{padding:8px 12px;background:var(--bg-quaternary);color:var(--text-primary)}.config-select option:hover{background:var(--bg-tertiary)}.config-select-wrapper{position:relative;display:flex;align-items:center}.config-loading-icon{position:absolute;right:12px;color:var(--text-secondary);animation:spin 1s linear infinite;pointer-events:none;transition:color .3s ease}.ami-loading,.ami-empty{padding:12px;text-align:center;color:var(--text-secondary);font-size:13px;transition:color .3s ease}.os-type-skeleton-wrapper{position:relative;margin-bottom:20px;margin-left:-20px;margin-right:-20px;padding:4px 20px}.os-type-skeleton-track{display:flex;gap:10px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;padding:2px 4px;-webkit-overflow-scrolling:touch}.os-type-skeleton-track::-webkit-scrollbar{display:none}.os-type-skeleton-item{flex:0 0 auto;width:110px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);overflow:hidden;box-sizing:border-box;box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset}.os-type-skeleton-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:90px;padding:12px 10px;border-bottom:1px solid #242430;box-sizing:border-box}.os-type-skeleton-pulse{background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:rdp-skeleton-shimmer 1.4s ease-in-out infinite}.os-type-skeleton-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0}.os-type-skeleton-line{width:72%;height:10px;border-radius:5px}.os-type-skeleton-version{width:100%;min-height:36px;padding:0 10px;display:flex;align-items:center;box-sizing:border-box}.os-type-skeleton-version-bar{width:100%;height:10px;border-radius:5px}.os-type-skeleton-item:nth-child(1) .os-type-skeleton-pulse{animation-delay:0s}.os-type-skeleton-item:nth-child(2) .os-type-skeleton-pulse{animation-delay:.08s}.os-type-skeleton-item:nth-child(3) .os-type-skeleton-pulse{animation-delay:.16s}.os-type-skeleton-item:nth-child(4) .os-type-skeleton-pulse{animation-delay:.24s}.os-type-skeleton-item:nth-child(5) .os-type-skeleton-pulse{animation-delay:.32s}[data-theme=light] .os-type-skeleton-item{background:linear-gradient(135deg,#f8f9fa 0%,#f1f3f5 100%);border:1.5px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #0000000f,0 0 0 1px #0000000f inset}[data-theme=light] .os-type-skeleton-top{border-bottom-color:var(--border-color)}[data-theme=light] .os-type-skeleton-pulse{background:linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.06) 100%);background-size:200% 100%}.os-type-selector-wrapper{position:relative;margin-bottom:20px;margin-left:-20px;margin-right:-20px;padding:4px 20px;display:flex;align-items:flex-start;gap:0;overflow:visible}.os-type-selector{display:flex;gap:10px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1;padding:2px 4px;align-items:flex-start}.os-type-selector::-webkit-scrollbar{display:none}.os-scroll-button{position:absolute;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;z-index:10;top:50%;transform:translateY(-50%)}.os-scroll-button:hover{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.os-scroll-left{left:0}.os-scroll-right{right:0}.os-type-button{flex:0 0 auto;width:100%;height:90px;padding:12px 10px;background:transparent;border:none;border-bottom:1px solid #242430;border-radius:0;color:#d1d5db;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-sizing:border-box}.os-type-button:hover{background:var(--bg-quaternary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.os-type-button.active{background:var(--bg-tertiary);color:#60a5fa;transition:background-color .3s ease,color .3s ease}.os-type-icon{display:flex;align-items:center;justify-content:center;transition:all .2s ease}.os-type-icon svg,.os-type-icon .runtime-logo-img,.os-type-icon .server-logo-img{transition:all .2s ease}.runtime-logo-wrap{display:inline-flex;align-items:center;justify-content:center}.runtime-logo-img,.server-logo-img,.database-logo-img{vertical-align:middle;object-fit:contain}[data-theme=dark] .runtime-logo-img,[data-theme=dark] .server-logo-img,[data-theme=dark] .database-logo-img{filter:brightness(0) invert(1)}[data-theme=light] .runtime-logo-img,[data-theme=light] .server-logo-img,[data-theme=light] .database-logo-img{filter:none}.config-os-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.config-os-logo img{filter:invert(1);opacity:1;width:100%;height:100%;object-fit:contain}[data-theme=light] .config-os-logo img{filter:none!important;opacity:1}.os-type-button:hover .os-type-icon svg,.os-type-button:hover .os-type-icon .runtime-logo-img,.os-type-button:hover .os-type-icon .server-logo-img,.os-type-button:hover .os-type-icon .database-logo-img{transform:scale(1.05)}.os-type-button.active .os-type-icon svg,.os-type-button.active .os-type-icon .runtime-logo-img,.os-type-button.active .os-type-icon .server-logo-img,.os-type-button.active .os-type-icon .database-logo-img{transform:scale(1.1)}.os-type-name{text-align:center;font-weight:500}.os-type-item.server-box .os-type-button{white-space:normal;min-height:90px;height:auto}.os-type-item.server-box .os-type-name{white-space:normal;word-break:break-word;line-height:1.2;max-width:100%;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9em}.os-type-item{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;width:110px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);overflow:hidden;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease,background-color .3s ease;box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset}.os-type-item.dropdown-open{overflow:visible!important;z-index:1000}.os-type-item.active{border-color:#3b82f699;background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%);box-shadow:0 0 0 2px #3b82f64d,0 8px 24px #0003,0 0 0 1px #3b82f633 inset;transform:translateY(-2px)}.os-type-item:hover:not(.active){border-color:#fff3;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff14 inset;transform:translateY(-1px)}[data-theme=light] .os-type-item{background:linear-gradient(135deg,#f8f9fa 0%,#f1f3f5 100%);border:1.5px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #0000000f,0 0 0 1px #0000000f inset}[data-theme=light] .os-type-item.active{border-color:#2563eb99;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);box-shadow:0 0 0 2px #2563eb40,0 4px 12px #00000014}[data-theme=light] .os-type-item:hover:not(.active){border-color:#00000026;box-shadow:0 4px 12px #0000001a,0 0 0 1px #00000014 inset}[data-theme=light] .os-type-button{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=light] .os-type-button:hover{color:var(--text-primary);background:rgba(0,0,0,.04)}[data-theme=light] .os-type-button.active{color:#2563eb;background:rgba(59,130,246,.06)}[data-theme=light] .os-type-name{color:inherit}.pricing-plan-title{font-weight:600;margin-bottom:4px}.pricing-plan-price{font-size:14px;color:var(--text-secondary)}.os-type-button.active .pricing-plan-price{color:#ffffffe6}[data-theme=light] .pricing-plan-price{color:var(--text-secondary)}[data-theme=light] .os-type-button.active .pricing-plan-price{color:#2563eb}.cdn-config-panel .config-panel-body{padding:24px}.cdn-form-group{margin-bottom:24px}.cdn-form-group:last-of-type{margin-bottom:0}.cdn-config-panel .ami-loading,.cdn-config-panel .ami-empty{padding:16px;font-size:13px;color:var(--text-tertiary);text-align:center;background:var(--bg-tertiary);border-radius:8px}.cdn-form-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.cdn-form-input{width:100%;padding:10px 12px;font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.cdn-form-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f626}.cdn-form-input::placeholder{color:var(--text-tertiary)}.cdn-form-hint{font-size:12px;color:var(--text-tertiary);margin-top:6px}.cdn-pricing-selector-wrapper{position:relative;display:flex;align-items:center;gap:8px}.cdn-pricing-selector{display:flex;gap:10px;overflow-x:auto;padding:4px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.cdn-pricing-selector::-webkit-scrollbar{display:none}.cdn-pricing-card{flex:0 0 auto;min-width:100px;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit}.cdn-pricing-card:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color)}.cdn-pricing-card.active{background:rgba(59,130,246,.08);border-color:#3b82f680}.cdn-pricing-card-name{font-size:13px;font-weight:600;color:var(--text-primary)}.cdn-pricing-card.active .cdn-pricing-card-name{color:#60a5fa}.cdn-pricing-card-price{font-size:12px;color:var(--text-secondary)}.cdn-pricing-card.active .cdn-pricing-card-price{color:#60a5fae6}.cdn-scroll-button{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.cdn-scroll-button:hover{background:var(--bg-quaternary);color:var(--text-primary)}.cdn-plan-details{margin-top:20px;padding:16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color)}.cdn-plan-price{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.cdn-plan-price-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.cdn-plan-price-value{font-size:22px;font-weight:700;color:var(--text-primary)}.cdn-plan-price-unit{font-size:14px;font-weight:500;color:var(--text-secondary)}.cdn-plan-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cdn-plan-feature{display:flex;flex-direction:column;gap:4px}.cdn-plan-feature-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.cdn-plan-feature-value{font-size:14px;font-weight:600;color:var(--text-primary)}.cdn-plan-storage{grid-column:1 / -1;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-color)}[data-theme=light] .cdn-pricing-card.active{background:rgba(59,130,246,.06);border-color:#3b82f666}[data-theme=light] .cdn-pricing-card.active .cdn-pricing-card-name,[data-theme=light] .cdn-pricing-card.active .cdn-pricing-card-price{color:#2563eb}[data-theme=light] .os-version-select{color:#2563eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=light] .os-version-placeholder{color:var(--text-secondary)}[data-theme=light] .os-version-placeholder svg{color:var(--text-tertiary)}[data-theme=light] .os-version-chevron{color:#2563eb}.os-version-box{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;background:transparent;border-top:1px solid var(--border-color);transition:border-color .3s ease;cursor:pointer}.os-version-box.disabled{pointer-events:none;opacity:.6}.os-version-select{width:100%;height:100%;min-height:36px;background:transparent;border:none;color:#60a5fa;font-size:13px;font-weight:500;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0 20px 0 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2360A5FA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.os-version-select:focus{outline:none}.os-version-select-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;cursor:pointer}.os-version-box.active .os-version-select{cursor:pointer;flex:1;min-width:0;background-image:none;padding-right:0}.os-version-box.active .os-version-select-wrapper .os-version-select{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;padding-right:28px;z-index:0}.os-version-box.active .os-version-select-wrapper .os-version-chevron{flex-shrink:0;color:#60a5fa;pointer-events:none;position:relative;z-index:1;margin-left:auto}.os-version-select option{background:var(--bg-quaternary);color:var(--text-primary);padding:8px;transition:background-color .3s ease,color .3s ease}.os-version-placeholder{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--text-tertiary);font-size:13px;font-weight:500;padding:0;pointer-events:none;transition:color .3s ease}.os-version-placeholder svg{color:#9ca3af;flex-shrink:0}.os-version-chevron{color:#60a5fa;flex-shrink:0;margin-left:6px}.ami-version-selector{margin-top:12px}.ami-version-label{display:block;font-size:13px;font-weight:500;color:#3b82f6;margin-bottom:8px}.config-summary{padding:0;border:none;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;flex-shrink:0}[data-theme=light] .config-summary{background:transparent;border:none;box-shadow:none}.config-summary-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px}.config-summary-header:hover .config-summary-title{color:var(--text-primary)}.config-summary-title{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.config-summary-divider{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.config-summary-chevron{color:var(--text-secondary);transition:transform .2s,color .3s ease;flex-shrink:0}.config-summary-chevron.expanded{transform:rotate(180deg)}.config-summary-header:hover .config-summary-chevron{color:var(--text-primary)}.config-summary-collapsed{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary);flex-wrap:wrap;transition:color .3s ease}.config-summary-value-with-icon{display:inline-flex;align-items:center;gap:4px}.config-summary-inline-icon{color:var(--text-tertiary);flex-shrink:0;transition:color .3s ease}.config-summary-separator{color:var(--text-tertiary);font-size:10px;transition:color .3s ease}.config-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:0}.config-summary-item{display:flex;flex-direction:column;gap:12px;padding:20px;min-width:0;background:rgba(18,18,24,.95);border-radius:12px;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff0d inset,0 1px #ffffff14 inset}.config-summary-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(59,130,246,.8) 0%,rgba(139,92,246,.8) 100%);opacity:0}.config-summary-item:hover{background:rgba(22,22,30,1);border-color:#3b82f659;transform:translateY(-2px);box-shadow:0 8px 24px #00000080,0 0 0 1px #3b82f633 inset,0 1px #ffffff1a inset}.config-summary-item:hover:before{opacity:1}[data-theme=light] .config-summary-item{background:rgba(255,255,255,.95);border-color:#0000001f;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000d inset}[data-theme=light] .config-summary-item:hover{background:rgba(255,255,255,1);border-color:#3b82f64d;box-shadow:0 8px 24px #00000026,0 0 0 1px #3b82f626 inset}[data-theme=light] .config-summary-label{color:var(--text-secondary)}[data-theme=light] .config-summary-item:hover .config-summary-label,[data-theme=light] .config-summary-value,[data-theme=light] .config-summary-item:hover .config-summary-value{color:var(--text-primary)}.config-summary-label{font-size:9px;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:6px;margin-bottom:0}.config-summary-label-icon{color:#60a5fa;flex-shrink:0;width:13px;height:13px;opacity:.85}.config-summary-item:hover .config-summary-label{color:#ffffff8c}.config-summary-item:hover .config-summary-label-icon{color:#60a5fa;opacity:1}.config-summary-value{font-size:20px;font-weight:700;color:#fffffffa;letter-spacing:-.03em;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:2px;word-break:break-word;overflow-wrap:break-word;min-width:0}.config-summary-item:hover .config-summary-value{color:#fff}.cache-pricing-summary{margin-top:16px}.cache-pricing-note{font-size:11px;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.cache-pricing-grid{grid-template-columns:1fr 1fr}.cache-pricing-item{gap:8px}.cache-pricing-primary{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3}.cache-pricing-unit{font-size:11px;font-weight:500;color:var(--text-secondary);margin-top:2px}[data-theme=light] .cache-pricing-primary{color:var(--text-primary)}[data-theme=light] .cache-pricing-unit{color:var(--text-secondary)}.config-summary-header-with-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:linear-gradient(135deg,rgba(30,30,42,.95) 0%,rgba(26,26,36,.95) 100%);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d inset}.config-summary-status-container{display:flex;align-items:center;gap:12px}.config-summary-status-label{font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .config-summary-status-label{color:var(--text-secondary)}.config-summary-item-os{padding:24px 22px;grid-column:span 2;background:linear-gradient(135deg,rgba(28,28,38,.98) 0%,rgba(24,24,32,.98) 100%);border:1px solid rgba(59,130,246,.15)}.config-summary-item-os:after{background:linear-gradient(90deg,rgba(59,130,246,.8) 0%,rgba(139,92,246,.8) 100%);opacity:.6}.config-summary-item-os:hover{background:linear-gradient(135deg,rgba(32,32,44,1) 0%,rgba(28,28,38,1) 100%);border-color:#3b82f659}.config-summary-item-os:hover:after{opacity:1}.config-summary-os-value-large{font-size:22px!important;display:flex;align-items:center;gap:12px;font-weight:700}.config-summary-os-value-large .config-summary-os-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.config-summary-os-value-large .config-summary-os-icon svg,.config-summary-os-value-large .config-summary-os-icon img{width:32px;height:32px}.config-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize;letter-spacing:.05em;transition:all .2s ease;border:1.5px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-status-badge[style*=running]{background:linear-gradient(135deg,rgba(74,222,128,.4) 0%,rgba(34,197,94,.4) 100%)!important;color:#4ade80!important;border-color:#4ade80a6!important;box-shadow:0 4px 16px #4ade8059,0 0 0 1px #4ade8040 inset,0 1px #ffffff1f inset}.config-status-badge:hover{transform:scale(1.02);box-shadow:0 6px 20px #4ade8073,0 0 0 1px #4ade8059 inset,0 1px #ffffff26 inset}.config-summary-os-value{display:flex;align-items:center;gap:6px}.config-summary-os-icon{display:flex;align-items:center;flex-shrink:0}.config-summary-os-icon svg{width:16px;height:16px}.config-summary-os-icon img{filter:invert(1);opacity:1;width:16px;height:16px;object-fit:contain}[data-theme=light] .config-summary-os-icon img{filter:none!important;opacity:1}.config-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(20,20,28,.95) 0%,rgba(15,15,21,.95) 100%);flex-shrink:0;transition:background-color .3s ease,border-color .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .config-panel-footer{border-top:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%)}.config-total-price{display:flex;flex-direction:column;gap:4px}.config-total-price-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;transition:color .3s ease}.config-total-price-values{display:flex;flex-direction:column;gap:2px}.config-total-price-monthly{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.config-total-price-hourly{font-size:12px;font-weight:400;color:var(--text-secondary);transition:color .3s ease}.config-total-price-note{font-size:11px;color:var(--text-tertiary, #888);margin-top:2px}.config-footer-buttons{display:flex;gap:10px}.config-button{padding:11px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;letter-spacing:-.01em}.config-panel-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap}.config-panel-button:disabled{opacity:.5;cursor:not-allowed}.config-panel-button-secondary{background:var(--bg-quaternary);border:1px solid var(--border-color);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.config-panel-button-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.config-panel-button-primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.config-panel-button-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.config-panel-button-primary:active:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.cancel-button{background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);color:var(--text-primary);border:1.5px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset;transition:all .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease}.cancel-button:hover{background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%);border-color:#fff3;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff14 inset;transform:translateY(-1px)}.cancel-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset}[data-theme=light] .cancel-button{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000d inset}[data-theme=light] .cancel-button:hover{background:linear-gradient(135deg,rgba(248,248,250,.98) 0%,rgba(245,245,247,.98) 100%);border-color:#00000026;box-shadow:0 4px 12px #0000001a,0 0 0 1px #00000014 inset}.deploy-button{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border:none;box-shadow:0 4px 16px #3b82f64d,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.deploy-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.deploy-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);box-shadow:0 6px 24px #3b82f666,0 0 0 1px #ffffff26 inset;transform:translateY(-2px)}.deploy-button:hover:not(:disabled):before{opacity:1}.deploy-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #3b82f64d,0 0 0 1px #ffffff1a inset}[data-theme=light] .deploy-button{box-shadow:0 4px 16px #3b82f640,0 0 0 1px #fff3 inset}[data-theme=light] .deploy-button:hover:not(:disabled){box-shadow:0 6px 24px #3b82f659,0 0 0 1px #ffffff40 inset}.storage-slider-container{display:flex;flex-direction:column;gap:28px;margin-top:16px}.storage-metrics{display:flex;flex-direction:column;gap:0;padding:20px 24px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;transition:background-color .3s ease,border-color .3s ease}.storage-metrics-divider{width:100%;height:1px;background:var(--border-color);margin:20px 0;transition:background-color .3s ease}.storage-metrics-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.storage-metric{display:flex;flex-direction:row;align-items:center;flex:1;min-width:100px;gap:10px}.storage-metric-icon{color:var(--text-tertiary);flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.storage-metric-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.storage-metric-value{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.02em;transition:color .3s ease}.storage-metric-label{font-size:10px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.06em;transition:color .3s ease}.storage-slider-wrapper{position:relative;padding:28px 12px 32px}.storage-slider-track{position:relative;width:100%;height:6px;background:var(--border-color);border-radius:3px;margin-bottom:0;transition:background-color .3s ease}.storage-slider-fill{position:absolute;top:0;left:0;height:100%;background:#3b82f6;border-radius:3px;transition:width .15s ease}.storage-slider-divider{position:absolute;top:-1px;width:1px;height:6px;background:rgba(59,130,246,.3);transform:translate(-50%);pointer-events:none;z-index:1}.storage-slider-marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.storage-slider-dot{width:6px;height:6px;border-radius:50%;background:var(--border-color);border:1px solid var(--border-color);transition:all .2s,background-color .3s ease,border-color .3s ease;margin-top:-1px;position:relative;z-index:5}.storage-slider-dot.active{background:#3b82f6;border-color:#3b82f6}.storage-slider-dot.important{width:8px;height:8px;border-width:2px}.storage-slider-dot.important.active{background:#3b82f6;border-color:#3b82f6}.storage-slider-marker-label{font-size:11px;color:var(--text-secondary);font-weight:500;white-space:nowrap;margin-top:12px;-webkit-user-select:none;user-select:none;line-height:1.3;letter-spacing:.02em;transition:color .3s ease}.storage-slider-marker-label.important{font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.03em;transition:color .3s ease}.server-type-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.server-type-header-row .config-label,.server-type-header-row .form-label{margin-bottom:0}.server-type-header-row .instance-type-search-wrapper{flex:0 1 280px;min-width:0;margin-bottom:0}.instance-type-search-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;background:var(--bg-secondary, rgba(26, 26, 36, .6))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px}.instance-type-search-wrapper:focus-within{border-color:#3b82f666;box-shadow:0 0 0 2px #3b82f626}.instance-type-search-icon{flex-shrink:0;color:var(--text-tertiary, rgba(255, 255, 255, .45))}.instance-type-search-input{flex:1;min-width:0;padding:6px 0;background:transparent!important;border:none!important;outline:none;color:var(--text-primary);font-size:14px;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.instance-type-search-input::placeholder{color:var(--text-tertiary, rgba(255, 255, 255, .4))}.instance-type-search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary, rgba(255, 255, 255, .5));cursor:pointer;transition:color .2s,background .2s}.instance-type-search-clear:hover{color:var(--text-primary);background:rgba(255,255,255,.08)}[data-theme=light] .instance-type-search-wrapper{background:var(--bg-secondary, rgba(255, 255, 255, .8));border-color:#00000014}[data-theme=light] .instance-type-search-icon,[data-theme=light] .instance-type-search-input::placeholder{color:#00000073}[data-theme=light] .instance-type-search-clear:hover{background:rgba(0,0,0,.06)}.instance-type-search-empty{padding:16px 12px;text-align:center;font-size:13px;color:var(--text-tertiary, rgba(255, 255, 255, .55));background:var(--bg-secondary, rgba(26, 26, 36, .4));border:1px solid rgba(255,255,255,.06);border-radius:10px}[data-theme=light] .instance-type-search-empty{color:#00000080;background:rgba(0,0,0,.04);border-color:#0000000f}.instance-types-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px;background:var(--bg-secondary, rgba(26, 26, 36, .4));border:1px solid rgba(255,255,255,.06);border-radius:12px}.instance-types-loading-spinner{color:#3b82f6d9;animation:spin .9s linear infinite}.instance-types-loading-text{font-size:13px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .7))}.instance-types-loading-eta{font-size:12px;font-weight:400;color:var(--text-muted, rgba(255, 255, 255, .45));text-align:center;max-width:320px;line-height:1.45}[data-theme=light] .instance-types-loading{background:rgba(0,0,0,.03);border-color:#0000000f}[data-theme=light] .instance-types-loading-spinner{color:#3b82f6cc}[data-theme=light] .instance-types-loading-text{color:var(--text-secondary, rgba(0, 0, 0, .6))}[data-theme=light] .instance-types-loading-eta{color:var(--text-muted, rgba(0, 0, 0, .5))}.instance-family-selector-wrapper{position:relative;margin-bottom:20px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;padding-top:4px;display:flex;align-items:center;gap:0}.instance-family-selector{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 4px 10px;flex:1}.instance-family-selector::-webkit-scrollbar{display:none}.instance-family-button{flex:0 0 auto;padding:10px 18px;background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset;white-space:nowrap}.instance-family-button:hover{border-color:#3b82f666;color:var(--text-primary);box-shadow:0 4px 12px #00000026,0 0 0 1px #3b82f61a inset;transform:translateY(-1px)}.instance-family-button.active{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f64d,0 8px 24px #0003,0 0 0 1px #3b82f633 inset;color:var(--text-primary);background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%);transform:translateY(-2px)}[data-theme=light] .instance-family-button{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000d inset}[data-theme=light] .instance-family-button:hover{border-color:#3b82f659;box-shadow:0 4px 12px #0000001a,0 0 0 1px #3b82f614 inset}[data-theme=light] .instance-family-button.active{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633,0 8px 24px #0000001a,0 0 0 1px #3b82f626 inset;background:linear-gradient(135deg,rgba(248,248,250,.98) 0%,rgba(245,245,247,.98) 100%)}.instance-family-name{white-space:nowrap}.instance-size-grid{display:flex;gap:12px;overflow-x:auto;padding:4px 0 2px}.instance-size-grid::-webkit-scrollbar{display:none}.instance-size-card{flex:0 0 180px;padding:16px 14px 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(26,26,36,.95) 0%,rgba(20,20,28,.95) 100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease;color:var(--text-primary);box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff0d inset;pointer-events:auto;position:relative;z-index:1}.instance-size-card:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.instance-size-card:hover{border-color:#3b82f666;box-shadow:0 8px 24px #0003,0 0 0 1px #3b82f61a inset;transform:translateY(-2px)}[data-theme=dark] .instance-size-card:hover{box-shadow:0 8px 24px #0f172ab3,0 0 0 1px #3b82f626 inset}.instance-size-card.active{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f64d,0 12px 32px #0000004d,0 0 0 1px #3b82f633 inset;background:linear-gradient(135deg,rgba(36,36,48,.98) 0%,rgba(30,30,40,.98) 100%);transform:translateY(-2px)}[data-theme=dark] .instance-size-card.active{box-shadow:0 0 0 2px #3b82f64d,0 12px 32px #0f172ae6,0 0 0 1px #3b82f640 inset}[data-theme=light] .instance-size-card{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,250,252,.95) 100%);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000d inset}[data-theme=light] .instance-size-card:hover{border-color:#3b82f659;box-shadow:0 8px 24px #0000001a,0 0 0 1px #3b82f614 inset}[data-theme=light] .instance-size-card.active{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633,0 12px 32px #00000026,0 0 0 1px #3b82f626 inset;background:linear-gradient(135deg,rgba(248,248,250,.98) 0%,rgba(245,245,247,.98) 100%)}.instance-price-top{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.instance-price-month{font-size:18px;font-weight:700;color:#3b82f6}.instance-price-hour{font-size:12px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.instance-size-divider{width:100%;height:1px;background:var(--border-color);margin:8px 0;transition:background-color .3s ease}.instance-size-code{font-size:13px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.instance-size-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-secondary);align-items:flex-start;text-align:left;transition:color .3s ease}.instance-size-row{display:flex;align-items:center;gap:6px}.instance-size-icon{color:var(--text-tertiary);transition:color .3s ease}.storage-slider-handle{position:absolute;top:-16px;transform:translate(-50%);width:32px;height:32px;background:#3b82f6;border:2px solid var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 2px 6px #3b82f666;transition:all .15s ease,border-color .3s ease;z-index:15;pointer-events:none;color:#fff}.storage-slider-handle:active{cursor:grabbing;transform:translate(-50%) scale(.95)}.storage-slider-handle:hover{background:#2563eb;box-shadow:0 3px 8px #3b82f680;transform:translate(-50%) scale(1.05)}.storage-slider-handle-value{font-size:10px;font-weight:600;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.2}.storage-slider-input{position:absolute;top:-18px;left:0;width:100%;height:40px;margin:0;padding:0;opacity:0;cursor:grab;z-index:25;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:auto}.storage-slider-input:active{cursor:grabbing}.storage-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;cursor:grab;pointer-events:auto}.storage-slider-input::-moz-range-thumb{width:32px;height:32px;cursor:grab;border:none;background:transparent;pointer-events:auto}.storage-slider-input::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:transparent}.storage-slider-input::-moz-range-track{width:100%;height:6px;cursor:pointer;background:transparent}.storage-loading{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px;transition:color .3s ease}.resource-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.resource-info-item{display:flex;flex-direction:column;gap:8px;padding:18px 20px;min-width:0;background:rgba(18,18,24,.95);border-radius:10px;border:1px solid rgba(255,255,255,.12);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff0d inset}.resource-info-item:hover{background:rgba(22,22,30,1);border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 24px #00000080,0 0 0 1px #3b82f633 inset}[data-theme=light] .resource-info-item{background:rgba(255,255,255,.95);border-color:#0000001f;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000d inset}[data-theme=light] .resource-info-item:hover{background:rgba(255,255,255,1);border-color:#3b82f640;box-shadow:0 8px 24px #00000026,0 0 0 1px #3b82f626 inset}[data-theme=light] .resource-info-label{color:var(--text-secondary)}[data-theme=light] .resource-info-value{color:var(--text-primary)}.resource-info-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:2px}.resource-info-value{font-size:15px;color:#fffffff2;font-weight:600;font-family:Monaco,Menlo,Courier New,monospace;word-break:break-all}.resource-info-item .resource-info-value{min-width:0;flex-wrap:wrap}.resource-info-item .resource-info-value>span{word-break:break-all;overflow-wrap:break-word;min-width:0}.resource-info-item .resource-info-value>button{flex-shrink:0}.resource-details-link{color:#60a5fa;text-decoration:none;word-break:break-all;cursor:pointer;transition:color .2s,text-decoration .2s}.resource-details-link:hover{text-decoration:underline}.resource-details-link.resource-details-link-flex{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.resource-info-value.resource-details-link{display:block}[data-theme=light] .resource-details-link{color:#0969da}.resource-metadata-box{background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:16px;margin-top:16px;font-family:Monaco,Menlo,monospace;font-size:13px}.resource-metadata-item{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.resource-metadata-item:last-child{margin-bottom:0}.resource-metadata-key{color:#60a5fa;font-weight:500}.resource-metadata-value{color:#e5e7eb;margin-left:8px;word-break:break-all}.resource-raw-data{background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;padding:16px;overflow-x:auto;font-family:Monaco,Menlo,monospace;font-size:12px;color:#e5e7eb;line-height:1.6;max-height:400px;overflow-y:auto;margin-top:16px}.resource-raw-data::-webkit-scrollbar{width:8px;height:8px}.resource-raw-data::-webkit-scrollbar-track{background:#1a1a24;border-radius:4px}.resource-raw-data::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:4px}.resource-raw-data::-webkit-scrollbar-thumb:hover{background:#3a3a4a}.config-button:disabled{opacity:.6;cursor:not-allowed}.config-button.deploy-button:disabled{background:linear-gradient(135deg,rgba(26,26,36,.5) 0%,rgba(20,20,28,.5) 100%);border:1.5px solid rgba(255,255,255,.05);color:#fff6;box-shadow:none;cursor:not-allowed;transform:none}[data-theme=light] .config-button.deploy-button:disabled{background:linear-gradient(135deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.04) 100%);border:1.5px solid rgba(0,0,0,.1);color:#00000073}.delete-button{background:#ef4444;color:#fff}.delete-button:hover{background:#dc2626}.delete-button:disabled{background:#7f1d1d;opacity:.6;cursor:not-allowed}.file-upload-container{display:flex;flex-direction:column;gap:8px}.file-upload-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:#1a1a24;border:2px dashed #2a2a3a;border-radius:8px;color:#999;font-size:14px;cursor:pointer;transition:all .2s;min-height:200px;text-align:center}.file-upload-label:hover{border-color:#3a3a4a;background:#242430;color:#fff}.file-upload-label.dragging{border-color:#3b82f6;background:rgba(59,130,246,.1);border-style:solid}.file-upload-label.file-upload-label--docker-tar{min-height:168px;padding:36px 20px}.file-upload-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;font-size:13px}.file-name{color:#fff;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.file-size{color:#999;font-size:12px;flex-shrink:0}.file-remove-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid #2a2a3a;border-radius:4px;color:#999;cursor:pointer;transition:all .2s;flex-shrink:0}.file-remove-button:hover:not(:disabled){background:#2a2a3a;border-color:#3a3a4a;color:#fff}.file-remove-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .file-upload-label{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=light] .file-upload-label:hover{background:var(--bg-quaternary);border-color:#3b82f659;color:var(--text-primary)}[data-theme=light] .file-upload-label .file-upload-label-text{color:var(--text-primary)}[data-theme=light] .file-upload-label.dragging{background:rgba(59,130,246,.08);border-color:#3b82f666}[data-theme=light] .file-upload-label .file-upload-icon,[data-theme=light] .file-upload-label .file-upload-hint{color:var(--text-secondary)}[data-theme=light] .file-upload-info{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=light] .file-name{color:var(--text-primary)}[data-theme=light] .file-size{color:var(--text-secondary)}[data-theme=light] .file-remove-button{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=light] .file-remove-button:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.form-help-text{color:var(--text-secondary);font-size:12px;margin-top:6px}.config-immutable-name-notice{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:6px 0;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.45}.config-immutable-name-notice__star{flex-shrink:0;margin-top:1px;color:#f59e0ba6;font-size:11px;line-height:1.3}[data-theme=light] .config-immutable-name-notice__star{color:#b45309a6}.form-label{display:block;color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:8px;letter-spacing:.01em;transition:color .3s ease}[data-theme=light] .form-label{color:var(--text-primary)}.required{color:#ef4444;margin-left:4px}.form-field{margin-bottom:20px}.form-input{width:100%;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box;height:44px;min-height:44px;box-shadow:0 1px 2px #0000000d}[data-theme=light] .form-input{background:rgba(0,0,0,.02);border-color:#0000001f;color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.form-input:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .form-input:focus{background:rgba(0,0,0,.04)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.error{border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:var(--text-tertiary);opacity:.7}[data-theme=light] .form-input::placeholder{color:var(--text-tertiary);opacity:.6}.docker-compose-option-card{border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:12px;background:var(--bg-quaternary, rgba(255, 255, 255, .03));box-shadow:0 1px 3px #0003;padding:16px 18px}.docker-compose-option-card__top{display:flex;align-items:center;gap:14px}.docker-compose-option-card__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;flex-shrink:0;cursor:pointer;border-radius:6px;border:2px solid rgba(148,163,184,.45);background:linear-gradient(180deg,rgba(30,30,36,.95) 0%,rgba(15,15,20,.98) 100%);box-shadow:inset 0 1px #ffffff0f;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;position:relative;box-sizing:border-box;vertical-align:middle;align-self:center}.docker-compose-option-card__checkbox:hover:not(:disabled){border-color:#60a5fabf;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #3b82f633}.docker-compose-option-card__checkbox:checked{background:linear-gradient(145deg,#3b82f6 0%,#1d4ed8 100%);border-color:#60a5fa;box-shadow:0 1px 4px #2563eb73,inset 0 1px #fff3}.docker-compose-option-card__checkbox:checked:hover:not(:disabled){border-color:#93c5fd;filter:brightness(1.05)}.docker-compose-option-card__checkbox:checked:after{content:"";position:absolute;left:7px;top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);box-sizing:content-box}.docker-compose-option-card__checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f666}.docker-compose-option-card__checkbox:focus-visible:not(:checked){box-shadow:0 0 0 3px #3b82f640}.docker-compose-option-card__checkbox:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}.docker-compose-option-card__label{display:flex;flex:1;min-width:0;align-items:center;flex-wrap:wrap;gap:10px;margin:0;cursor:pointer;font-weight:600;font-size:14px;line-height:1.35;color:var(--text-primary, #e2e8f0)}.docker-compose-option-card__icon{display:flex;color:#60a5fa;flex-shrink:0}.docker-compose-option-card__title{font-weight:600;letter-spacing:-.01em}.docker-compose-option-card__badge{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:5px;background:rgba(59,130,246,.14);color:#93c5fd;border:1px solid rgba(59,130,246,.35);font-family:var(--font-sans, system-ui, sans-serif)}.docker-compose-option-card__body{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08))}.docker-compose-option-card__hint{font-size:12px;line-height:1.55;color:var(--text-secondary, #94a3b8);margin:0}.compose-inline-default-pill{display:inline-flex;align-items:center;vertical-align:middle;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 5px;margin:0 1px;border-radius:4px;line-height:1.2;background:linear-gradient(135deg,rgba(34,197,94,.25) 0%,rgba(22,163,74,.15) 100%);color:#86efac;border:1px solid rgba(34,197,94,.45);font-family:var(--font-sans, system-ui, sans-serif)}[data-theme=light] .docker-compose-option-card{background:rgba(0,0,0,.02);box-shadow:0 1px 2px #0000000f}[data-theme=light] .docker-compose-option-card__checkbox{background:linear-gradient(180deg,#fff 0%,#f1f5f9 100%);border-color:#00000038;box-shadow:inset 0 1px #ffffffe6}[data-theme=light] .docker-compose-option-card__checkbox:hover:not(:disabled){border-color:#2563eb80;box-shadow:0 0 0 1px #3b82f61f}[data-theme=light] .docker-compose-option-card__badge{background:rgba(59,130,246,.1);color:#1d4ed8;border-color:#3b82f64d}.compose-service-readonly-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;flex-wrap:wrap}.compose-service-readonly-name{font-family:var(--font-mono, Menlo, Monaco, monospace);margin-bottom:0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-default-public-url-tag{display:inline-flex;align-items:center;flex-shrink:0;align-self:center;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;line-height:1.1;border-radius:5px;background:linear-gradient(135deg,rgba(34,197,94,.28) 0%,rgba(22,163,74,.18) 100%);color:#86efac;border:1px solid rgba(34,197,94,.5);font-family:var(--font-sans, system-ui, -apple-system, sans-serif)}.compose-default-public-url-tag:hover{filter:brightness(1.08)}[data-theme=light] .compose-default-public-url-tag{background:rgba(22,163,74,.14);color:#15803d;border-color:#16a34a66}.compose-service-name-field{display:flex;flex:1;min-width:140px;align-items:center;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-quaternary);box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;min-height:44px;box-sizing:border-box}.compose-service-name-field:focus-within{border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .compose-service-name-field:focus-within{background:rgba(0,0,0,.04)}.compose-service-name-field .compose-service-name-input{align-self:stretch;flex:1;min-width:0;width:auto;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:42px}.compose-service-name-field .compose-service-name-input:focus{border:none!important;box-shadow:none!important;background:transparent!important}.compose-service-name-field .compose-service-default-btn{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:22px;min-height:22px;border:none;border-radius:4px;margin:0 6px 0 8px;box-shadow:inset 0 0 0 1px var(--border-color);min-width:0;max-width:max-content;width:auto;font-size:10px;font-weight:500;letter-spacing:.02em;padding:0 6px;cursor:pointer;font-family:inherit;line-height:1;white-space:nowrap}.compose-service-name-field .compose-service-default-btn:disabled{opacity:.6;cursor:not-allowed}.compose-service-name-field .compose-service-default-btn--on{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;box-shadow:none}.compose-service-name-field .compose-service-default-btn--on:hover:not(:disabled){filter:brightness(1.05)}.compose-service-name-field .compose-service-default-btn--off{background:transparent;color:var(--text-secondary, #94a3b8)}.compose-service-name-field .compose-service-default-btn--off:hover:not(:disabled){color:#22c55e;background:rgba(34,197,94,.08)}.compose-service-name-row{display:flex;gap:10px;align-items:stretch;margin-bottom:12px;flex-wrap:wrap}.compose-service-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;min-width:44px;min-height:44px;box-sizing:border-box;padding:0;margin:0;border:1px solid rgba(239,68,68,.35);border-radius:8px;background:rgba(239,68,68,.1);color:#ef4444;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.compose-service-remove:hover:not(:disabled){background:rgba(239,68,68,.18);border-color:#ef444480}.compose-service-remove:focus-visible{outline:2px solid #ef4444;outline-offset:1px}.compose-service-remove:disabled{opacity:.45;cursor:not-allowed}.form-dropdown-wrapper{position:relative;width:100%}.form-dropdown{width:100%;padding:12px 16px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .2s}.form-dropdown:hover:not(:disabled){border-color:#3a3a4a;background:#242430}.form-dropdown:focus{outline:none;border-color:#3b82f6;background:#242430}.form-dropdown:disabled{opacity:.6;cursor:not-allowed}.form-dropdown.open{border-color:#3b82f6;background:#242430}.form-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1000;max-height:240px;overflow-y:auto;padding:4px 0;margin-top:4px}.form-dropdown-item{width:100%;padding:10px 16px;background:transparent;border:none;color:#d1d5db;font-size:14px;text-align:left;cursor:pointer;transition:all .2s;display:block}.form-dropdown-item:hover{background:#242430;color:#fff}.form-dropdown-item.active{background:rgba(59,130,246,.1);color:#3b82f6}.form-textarea{width:100%;padding:12px 16px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box;resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:#3b82f6;background:#242430}.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-textarea::placeholder{color:#666}.form-field-commands{margin-top:4px}.form-field-commands .form-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.form-field-commands .commands-textarea{width:100%;padding:14px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:13px;line-height:1.6;font-family:SF Mono,Fira Code,Monaco,Menlo,Consolas,Liberation Mono,monospace;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box;resize:vertical;min-height:96px;box-shadow:0 1px 2px #0000000a}.form-field-commands .commands-textarea:hover{border-color:#3b82f659;background:var(--bg-tertiary)}.form-field-commands .commands-textarea:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61f}.form-field-commands .commands-textarea::placeholder{color:var(--text-tertiary);opacity:.8}.form-field-commands .form-help-text{margin-top:10px;font-size:12px;color:var(--text-tertiary);line-height:1.45;letter-spacing:.01em}[data-theme=light] .form-field-commands .commands-textarea{background:rgba(0,0,0,.03);border-color:#0000001a;box-shadow:0 1px 3px #0000000f}[data-theme=light] .form-field-commands .commands-textarea:hover{border-color:#3b82f666;background:rgba(0,0,0,.04)}[data-theme=light] .form-field-commands .commands-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-field.run-commands-section{width:100%;max-width:none;margin-bottom:28px}.run-commands-section .config-section-header.run-commands-header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;min-height:32px}.run-commands-section .config-section-header.run-commands-header>div:first-child{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.run-commands-section .config-section-header.run-commands-header .form-label{margin-bottom:0;margin-top:0;display:inline-flex;align-items:center;white-space:nowrap}.run-commands-section .config-section-header.run-commands-header .add-env-var-button{flex-shrink:0;align-self:center}.run-commands-section .env-vars-parse-toggle-btn{margin-top:8px}.run-commands-section .env-vars-list{margin-top:12px}.run-commands-section .run-commands-edit .form-field-commands{margin-top:0}.run-commands-hint{margin:0 0 10px;font-size:12px;color:var(--text-tertiary);line-height:1.5;font-weight:400}.run-commands-section .edit-form-container.run-commands-edit{padding:20px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));background:var(--bg-secondary, rgba(255, 255, 255, .02))}.run-commands-section .edit-form-actions{margin-top:4px;padding-top:16px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .06))}[data-theme=light] .run-commands-section .edit-form-container.run-commands-edit{background:rgba(0,0,0,.02);border-color:#00000014}[data-theme=light] .run-commands-section .edit-form-actions{border-top-color:#00000014}.folder-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.folder-toggle-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.folder-toggle-text{font-size:13px;color:#999;font-weight:500}.folder-toggle-label:hover .folder-toggle-text{color:#fff}.form-error{display:flex;align-items:center;gap:10px;color:#ef4444;font-size:13px;margin-top:8px;padding:8px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px}.form-error svg{flex-shrink:0}.firewall-rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.firewall-rules-tabs{display:flex;gap:6px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;padding:4px;transition:background-color .3s ease,border-color .3s ease}[data-theme=light] .firewall-rules-tabs{background:rgba(0,0,0,.02);border-color:#00000014}.firewall-tab{padding:10px 18px;background:transparent;border:none;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap;position:relative}.firewall-tab:hover:not(.active){color:var(--text-secondary);background:rgba(255,255,255,.03)}.firewall-tab.active{color:var(--text-primary);background:rgba(255,255,255,.05);font-weight:600}[data-theme=light] .firewall-tab:hover:not(.active){background:rgba(0,0,0,.03)}[data-theme=light] .firewall-tab.active{background:rgba(0,0,0,.04)}.firewall-add-rule-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);border-radius:10px;color:#60a5fa;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.firewall-add-rule-button:hover:not(:disabled){background:rgba(59,130,246,.18);border-color:#3b82f666}.firewall-add-rule-button:active:not(:disabled){transform:scale(.98)}.firewall-add-rule-button:disabled{opacity:.5;cursor:not-allowed}.firewall-empty-rules{padding:40px 24px;text-align:center;color:var(--text-tertiary);font-size:14px;background:rgba(255,255,255,.02);border-radius:12px;border:1px dashed rgba(255,255,255,.08);transition:all .2s ease}[data-theme=light] .firewall-empty-rules{background:rgba(0,0,0,.015);border-color:#00000014;color:var(--text-tertiary)}.firewall-rules-list{display:flex;flex-direction:column;gap:12px}.firewall-rule-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;transition:all .2s ease;overflow:visible}[data-theme=light] .firewall-rule-card{background:rgba(0,0,0,.015);border-color:#0000000f}.firewall-rule-card.collapsed{padding:14px 16px}.firewall-rule-card.expanded{padding:16px}.firewall-rule-card:hover{border-color:#ffffff1a}[data-theme=light] .firewall-rule-card:hover{border-color:#0000001a}.firewall-rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;transition:margin-bottom .2s}.firewall-rule-card.expanded .firewall-rule-header{margin-bottom:16px}.firewall-rule-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.firewall-rule-chevron{color:var(--text-tertiary);transition:transform .2s ease,color .2s ease;flex-shrink:0}.firewall-rule-chevron.expanded{transform:rotate(180deg)}.firewall-rule-summary{font-size:13px;color:var(--text-tertiary);margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.firewall-rule-number{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.firewall-rule-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.firewall-rule-delete:hover{background:rgba(239,68,68,.08);color:#ef4444}.firewall-rule-fields{display:grid;grid-template-columns:2fr 1fr;gap:16px;animation:slideDown .2s ease-out}.firewall-rule-field{display:flex;flex-direction:column;gap:6px}.firewall-rule-field-port{max-width:280px;min-width:140px}.firewall-rule-field-full{grid-column:1 / -1}.firewall-rule-label{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;transition:color .3s ease}[data-theme=light] .firewall-rule-label{color:var(--text-secondary)}.firewall-rule-input{width:100%;padding:8px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;transition:all .2s ease;box-sizing:border-box;height:36px;min-height:36px}[data-theme=light] .firewall-rule-input{background:rgba(0,0,0,.02);border-color:#00000014;color:var(--text-primary)}.firewall-rule-input:hover{border-color:#ffffff1f}[data-theme=light] .firewall-rule-input:hover{border-color:#0000001f}.firewall-rule-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}[data-theme=light] .firewall-rule-input:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f60f}.firewall-rule-input::placeholder{color:var(--text-tertiary);opacity:.7}.firewall-rule-dropdown{position:relative;width:100%}.firewall-rule-dropdown-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 36px 8px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease;box-sizing:border-box;height:36px;min-height:36px}.firewall-rule-dropdown-trigger:hover{border-color:#ffffff1f}.firewall-rule-dropdown.open .firewall-rule-dropdown-trigger{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}[data-theme=light] .firewall-rule-dropdown-trigger{background:rgba(0,0,0,.02);border-color:#00000014}[data-theme=light] .firewall-rule-dropdown-trigger:hover{border-color:#0000001f}[data-theme=light] .firewall-rule-dropdown.open .firewall-rule-dropdown-trigger{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f60f}.firewall-dropdown-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary);transition:color .2s ease,transform .2s ease;flex-shrink:0}.firewall-rule-dropdown-trigger:hover .firewall-dropdown-chevron,.firewall-rule-dropdown.open .firewall-dropdown-chevron{color:#60a5fa}.firewall-rule-dropdown.open .firewall-dropdown-chevron{transform:translateY(-50%) rotate(180deg)}.firewall-rule-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;overflow-x:visible;background:rgba(18,18,24,.98);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 8px 24px #0006;z-index:1000;padding:6px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .firewall-rule-dropdown-menu{background:rgba(255,255,255,.98);border-color:#00000014;box-shadow:0 8px 24px #0000001f}.firewall-rule-dropdown-group{padding:6px 0}.firewall-rule-dropdown-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:8px 14px 4px}.firewall-rule-dropdown-option{padding:6px 14px;font-size:14px;cursor:pointer;transition:background .15s ease}.firewall-rule-dropdown-option:hover{background:rgba(255,255,255,.04)}.firewall-rule-dropdown-option.selected{background:rgba(59,130,246,.1);color:#60a5fa}[data-theme=light] .firewall-rule-dropdown-option:hover{background:rgba(0,0,0,.03)}[data-theme=light] .firewall-rule-dropdown-option.selected{background:rgba(59,130,246,.08);color:#2563eb}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.firewall-rule-card.collapsed .firewall-rule-fields{display:none}.firewall-port-range{display:flex;align-items:center;gap:8px}.firewall-port-input{flex:1;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.firewall-port-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.firewall-port-separator{color:#666;font-size:14px;flex-shrink:0}.firewall-rule-help{font-size:10px;color:#666;margin-top:2px;line-height:1.3;display:none}.firewall-source-wrapper{display:flex;flex-direction:column;gap:8px;position:relative}.firewall-source-input{margin-top:0}.firewall-source-input-wrapper{display:flex;flex-direction:column;gap:4px}.firewall-input-error{border-color:#ef444480!important}.firewall-input-error:focus{border-color:#ef444499!important;box-shadow:0 0 0 3px #ef444414!important}.firewall-rule-error{font-size:12px;color:#f87171;margin:0;line-height:1.4}.firewall-port-display{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;height:36px;min-height:36px;box-sizing:border-box}[data-theme=light] .firewall-port-display{background:rgba(0,0,0,.02);border-color:#00000014}.firewall-port-value{font-size:13px;font-weight:500;color:#60a5fa}.firewall-port-note{font-size:11px;color:#666;display:none}.bucket-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}.bucket-option-card{position:relative;background:#1a1a24;border:2px solid #2a2a3a;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.bucket-option-card:hover:not(:disabled){border-color:#3b82f6;background:#242430}.bucket-option-card.selected{border-color:#3b82f6;background:#1a1a24}.bucket-option-card:disabled{opacity:.5;cursor:not-allowed}.bucket-option-check{position:absolute;top:12px;left:12px;width:24px;height:24px}.bucket-option-check-selected{width:24px;height:24px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff}.bucket-option-check-unselected{width:24px;height:24px;border-radius:50%;border:2px solid #4a4a5a;background:transparent}.bucket-option-content{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;justify-content:center}.bucket-option-icon{color:#e0e0e0;display:flex;align-items:center;justify-content:center}.bucket-option-label{font-size:14px;font-weight:500;color:#e0e0e0;text-align:center}.bucket-option-description{font-size:12px;color:#999;text-align:center;margin-top:4px;line-height:1.4}.bucket-option-card.selected .bucket-option-icon{color:#e0e0e0}[data-theme=light] .bucket-option-card{background:#f8f9fa;border-color:#0000001f}[data-theme=light] .bucket-option-card:hover:not(:disabled){background:#f1f3f5;border-color:#3b82f680}[data-theme=light] .bucket-option-card.selected{background:#eff6ff;border-color:#2563eb99}[data-theme=light] .bucket-option-check-unselected{border-color:#00000040;background:transparent}[data-theme=light] .bucket-option-icon,[data-theme=light] .bucket-option-label{color:var(--text-primary)}[data-theme=light] .bucket-option-description{color:var(--text-secondary)}[data-theme=light] .bucket-option-card.selected .bucket-option-icon{color:#2563eb}.toggle-cards-container{display:flex;gap:12px;margin-top:8px}.toggle-card{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#1a1a24;border:2px solid #2a2a3a;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#999}.toggle-card:hover:not(:disabled){border-color:#3b82f6;background:#242430;color:#fff}.toggle-card.active{border-color:#3b82f6;background:rgba(59,130,246,.1);color:#fff}.toggle-card:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .toggle-card{background:rgba(0,0,0,.04);border-color:#0000001f;color:var(--text-primary)}[data-theme=light] .toggle-card:hover:not(:disabled){background:rgba(0,0,0,.06);border-color:#3b82f666;color:var(--text-primary)}[data-theme=light] .toggle-card.active{background:rgba(59,130,246,.1);border-color:#3b82f6;color:#1e40af}[data-theme=light] .toggle-card.active .toggle-card-icon svg{color:#2563eb}.github-connection-status,.github-connection-prompt{padding:16px 18px;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.github-connection-status{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.github-connection-status.connected{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);color:#22c55e}.github-connection-status.connected .github-connection-header>svg{color:#22c55e;opacity:1}.github-connection-prompt{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);color:#fbbf24}[data-theme=light] .github-connection-status{background:rgba(59,130,246,.08);border-color:#3b82f633}[data-theme=light] .github-connection-status.connected{background:rgba(34,197,94,.08);border-color:#22c55e33}[data-theme=light] .github-connection-prompt{background:rgba(251,191,36,.06);border-color:#fbbf2433}.github-connection-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;margin-bottom:0;width:100%;min-height:auto}.github-connection-prompt .github-connection-header{margin-bottom:0}.github-connection-prompt .github-connection-header>svg{flex-shrink:0;opacity:1}.github-connection-status-icon{flex-shrink:0;opacity:.9;margin:0}.github-connection-text{font-size:13px;line-height:1.6;margin:0;opacity:.9;color:#ffffffd9}.github-connection-prompt .github-connection-text{color:#ffffffe6}[data-theme=light] .github-connection-text{color:#000000b3}[data-theme=light] .github-connection-prompt .github-connection-text{color:#000000bf}.github-connection-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-left:auto}.github-authorize-btn{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;padding:10px 16px;font-size:13px;font-weight:500;border-radius:6px;margin-top:4px;transition:all .2s ease}.github-authorize-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.github-authorize-btn:active:not(:disabled){transform:translateY(0)}.github-refresh-btn,.github-disconnect-btn{padding:6px;font-size:12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:0;min-height:32px;min-width:32px}.github-disconnect-btn{padding:4px;border:1px solid rgba(239,68,68,.2);background:transparent;color:#ef4444cc}.github-disconnect-btn:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444466;color:#ef4444}.github-refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}[data-theme=light] .github-refresh-btn{border-color:#00000026;background:rgba(0,0,0,.04)}[data-theme=light] .github-refresh-btn:hover:not(:disabled){background:rgba(0,0,0,.08);border-color:#0003;box-shadow:0 2px 8px #0000001a}[data-theme=light] .github-disconnect-btn{border-color:#ef444440;background:transparent;color:#ef4444d9}[data-theme=light] .github-disconnect-btn:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444466;color:#ef4444}.git-connections-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.git-connection-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(0,0,0,.12);border-radius:4px;border:1px solid rgba(255,255,255,.05)}[data-theme=light] .git-connection-item{background:rgba(0,0,0,.04);border-color:#00000014}.git-connection-username{flex:1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-connection-badge{display:none}.git-connection-disconnect{margin-left:auto;flex-shrink:0;padding:4px 10px;font-size:11px;border-radius:4px}.git-user-repo-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}.git-user-repo-row .form-group-inline,.git-user-repo-row .form-group-flex{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:0}.git-user-repo-row .form-group-inline:first-child{flex:0 0 auto;min-width:180px}.git-user-repo-row .form-group-flex{flex:1 1 200px;min-width:0}.git-user-repo-row .form-group-inline .form-label,.git-user-repo-row .form-group-flex .form-label-row{margin-bottom:8px;margin-top:0;height:20px;min-height:20px;max-height:20px;display:flex;align-items:center;line-height:20px;vertical-align:baseline}.git-user-repo-row .form-group-inline .form-label{font-size:14px;font-weight:500;color:#fff}[data-theme=light] .git-user-repo-row .form-group-inline .form-label{color:var(--text-primary)}.git-user-repo-row .form-group-flex .form-label-row .form-label{font-size:14px;font-weight:500;color:#fff;margin-bottom:0;height:20px;line-height:20px;display:flex;align-items:center}[data-theme=light] .git-user-repo-row .form-group-flex .form-label-row .form-label{color:var(--text-primary)}.git-user-repo-row .form-group-inline .git-account-select-wrap,.git-user-repo-row .form-group-flex .git-repo-select-wrap{margin-top:0;height:40px;max-height:40px;display:flex;flex-direction:column}.git-user-repo-row .form-group-inline .git-account-select,.git-user-repo-row .form-group-flex .git-repo-select{height:40px;max-height:40px;flex:1;display:flex;flex-direction:column}.git-user-repo-row .form-group-inline .git-account-select-trigger,.git-user-repo-row .form-group-flex .git-repo-select-trigger{height:40px;max-height:40px;flex-shrink:0}.git-branch-path-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}.git-branch-path-row .form-group-inline{margin-bottom:0;display:flex;flex-direction:column}.git-branch-path-row .form-group-inline:first-child{flex:0 0 auto;min-width:180px;width:180px}.git-branch-path-row .form-group-flex{flex:1 1 200px;min-width:0;display:flex;flex-direction:column}.git-branch-path-row .form-group-inline .form-label,.git-branch-path-row .form-group-flex .form-label{margin-bottom:8px;margin-top:0;height:20px;min-height:20px;max-height:20px;display:flex;align-items:center;line-height:20px;font-size:14px;font-weight:500;color:#fff}[data-theme=light] .git-branch-path-row .form-group-inline .form-label,[data-theme=light] .git-branch-path-row .form-group-flex .form-label{color:var(--text-primary)}.git-branch-path-row .form-group-inline .form-input,.git-branch-path-row .form-group-inline .form-select,.git-branch-path-row .form-group-flex .form-input{height:40px!important;max-height:40px!important;min-height:40px;padding:0 12px;box-sizing:border-box;line-height:1}.git-branch-path-row .form-group-inline .form-input,.git-branch-path-row .form-group-flex .form-input{display:flex;align-items:center}.git-branch-path-row .form-group-inline .form-select{display:block;padding-right:36px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px}.git-branch-path-row .form-group-inline .form-input{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.git-account-select-wrap,.git-account-select{position:relative}.git-account-select-trigger{display:flex;align-items:center;gap:10px;width:100%;min-width:180px;height:40px!important;max-height:40px!important;min-height:40px;padding:0 32px 0 12px;font-size:13px;line-height:1;text-align:left;color:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;overflow:hidden}.git-account-select-trigger>*{flex-shrink:0;max-height:40px}.git-account-select-trigger .git-account-select-label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-account-select-trigger:hover:not(:disabled){border-color:#fff3;background:rgba(255,255,255,.08)}.git-account-select-trigger:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.git-account-select-trigger:disabled{opacity:.6;cursor:not-allowed}.git-account-select-open .git-account-select-trigger{border-color:#3b82f666;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 2px #3b82f626}[data-theme=light] .git-account-select-trigger{background:rgba(0,0,0,.04);border-color:#0000001f;color:var(--text-primary)}[data-theme=light] .git-account-select-trigger:hover:not(:disabled){background:rgba(0,0,0,.06);border-color:#0000002e}[data-theme=light] .git-account-select-trigger:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f626}[data-theme=light] .git-account-select-open .git-account-select-trigger{border-color:#3b82f666;box-shadow:0 0 0 2px #3b82f61f}[data-theme=light] .git-account-avatar{background:rgba(0,0,0,.08)}.git-account-avatar{position:relative;flex-shrink:0;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.git-account-avatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.git-account-avatar-initials{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#ffffffd9;letter-spacing:.02em}.git-account-avatar:has(img) .git-account-avatar-initials{visibility:hidden}.git-account-avatar-initials-visible{visibility:visible!important}[data-theme=light] .git-account-avatar-initials{color:#000000b3}.git-account-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:block;max-width:100%}.git-account-select-placeholder{flex:1;color:#ffffff80}[data-theme=light] .git-account-select-placeholder{color:#00000073}.git-account-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.7;transition:transform .2s ease}.git-account-select-open .git-account-select-chevron{transform:translateY(-50%) rotate(180deg)}.git-account-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:-1px;max-height:220px;overflow-y:auto;background:var(--config-panel-bg, #1a1d24);border:1px solid rgba(59,130,246,.3);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 8px 24px #00000059}[data-theme=light] .git-account-select-dropdown{background:#fff;border-color:#0000001f;box-shadow:0 8px 24px #0000001f}.github-connection-header .git-connection-select-wrap{position:relative;min-width:200px;max-width:250px;margin:0;flex-shrink:0}.git-connection-select-wrap{position:relative;min-width:200px;max-width:250px}.git-connection-select{position:relative}.git-connection-select-trigger{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:200px;height:32px;padding:0 32px 0 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.06);color:inherit;cursor:pointer;transition:all .2s ease;font-size:13px;position:relative;box-sizing:border-box;text-align:left}.git-connection-select-trigger-not-connected{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#3b82f6;font-weight:500;padding:0 14px;height:36px;min-width:220px;box-shadow:none!important}.git-connection-select-trigger-not-connected:hover:not(:disabled){background:rgba(59,130,246,.15);border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633!important}.git-connection-select-trigger-not-connected:focus{outline:none;border-color:#3b82f680!important;box-shadow:0 0 0 2px #3b82f633!important}.git-connection-select-not-connected.git-connection-select-open .git-connection-select-trigger-not-connected{border-color:#3b82f666!important;box-shadow:0 0 0 2px #3b82f626!important}.git-connection-select-trigger-not-connected .git-connection-select-placeholder{color:#3b82f6;font-weight:500}[data-theme=light] .git-connection-select-trigger-not-connected{background:rgba(59,130,246,.08);border-color:#3b82f640;color:#2563eb}[data-theme=light] .git-connection-select-trigger-not-connected:hover:not(:disabled){background:rgba(59,130,246,.12);border-color:#3b82f659;box-shadow:0 2px 8px #3b82f626}[data-theme=light] .git-connection-select-trigger-not-connected .git-connection-select-placeholder{color:#2563eb}.git-connection-select-trigger>*{flex-shrink:0}.git-connection-select-trigger .git-connection-select-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.git-connection-select-trigger:hover:not(:disabled){border-color:#ffffff40;background:rgba(255,255,255,.1);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.git-connection-select-trigger:focus{outline:none;border-color:#22c55e80;box-shadow:0 0 0 2px #22c55e33}[data-theme=light] .git-connection-select-trigger{border-color:#00000026;background:rgba(0,0,0,.04)}[data-theme=light] .git-connection-select-trigger:hover:not(:disabled){border-color:#0003;background:rgba(0,0,0,.06);box-shadow:0 2px 8px #0000001a}[data-theme=light] .git-connection-select-open .git-connection-select-trigger{border-color:#22c55e66;box-shadow:0 0 0 2px #22c55e26}.git-connection-select-trigger:disabled{opacity:.6;cursor:not-allowed}.git-connection-select-open .git-connection-select-trigger{border-color:#22c55e80;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 2px #22c55e33;background:rgba(255,255,255,.08)}.git-connection-avatar{position:relative;width:22px;height:22px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.git-connection-avatar img{width:100%;height:100%;object-fit:cover}.git-connection-avatar-initials{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#ffffffe6;opacity:0;transition:opacity .15s ease}.git-connection-avatar-initials-visible{opacity:1}[data-theme=light] .git-connection-avatar-initials{color:#000c}.git-connection-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#fffffff2;text-align:left}[data-theme=light] .git-connection-select-label{color:#000000e6}.git-connection-select-placeholder{flex:1;color:#ffffff80}[data-theme=light] .git-connection-select-placeholder{color:#00000073}.git-connection-select-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:.6;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.git-connection-select-open .git-connection-select-chevron{transform:translateY(-50%) rotate(180deg)}.git-connection-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;background:rgba(30,30,30,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:0 8px 32px #00000080;max-height:240px;overflow-y:auto;padding:6px}[data-theme=light] .git-connection-select-dropdown{background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#00000026;box-shadow:0 8px 32px #00000026}.git-connection-option{display:flex;align-items:center;gap:6px;border-radius:4px;transition:background .15s ease;margin-bottom:2px}.git-connection-option:hover{background:rgba(255,255,255,.08)}[data-theme=light] .git-connection-option:hover{background:rgba(0,0,0,.04)}.git-connection-option-selected{background:rgba(59,130,246,.15)}[data-theme=light] .git-connection-option-selected{background:rgba(59,130,246,.1)}.git-connection-option-content{display:flex;align-items:center;gap:8px;flex:1;padding:8px 10px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;font-size:13px;min-width:0;border-radius:4px;transition:background .15s ease}.git-connection-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.git-connection-option-disconnect{padding:4px;border:1px solid rgba(239,68,68,.2);background:transparent;color:#ef4444cc;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-right:4px}.git-connection-option-disconnect:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444466;color:#ef4444}.git-connection-option-disconnect:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .git-connection-option-disconnect{border-color:#ef444440;color:#ef4444d9}[data-theme=light] .git-connection-option-disconnect:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444466;color:#ef4444}.git-account-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;text-align:left;color:inherit;background:transparent;border:none;cursor:pointer;transition:background .12s ease}.git-account-option:hover{background:rgba(255,255,255,.08)}[data-theme=light] .git-account-option:hover{background:rgba(0,0,0,.05)}.git-account-option-selected{background:rgba(59,130,246,.15)}[data-theme=light] .git-account-option-selected{background:rgba(59,130,246,.1)}.git-account-option-label-block{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}.git-account-option-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.git-connect-another-btn-header{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:inherit;cursor:pointer;transition:all .2s ease;min-height:32px;white-space:nowrap}.git-connect-another-btn-header:hover:not(:disabled){border-color:#ffffff40;background:rgba(255,255,255,.12);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.git-connect-another-btn-header:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .git-connect-another-btn-header{border-color:#00000026;background:rgba(0,0,0,.04)}[data-theme=light] .git-connect-another-btn-header:hover:not(:disabled){border-color:#0003;background:rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a}.git-repo-select-wrap,.git-repo-select{position:relative}.git-repo-select-trigger{display:flex;align-items:center;gap:8px;width:100%;height:40px!important;max-height:40px!important;min-height:40px;padding:0 32px 0 12px;font-size:13px;line-height:1;text-align:left;color:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;overflow:hidden}.git-repo-select-trigger>*{flex-shrink:0;max-height:40px}.git-repo-select-trigger:hover:not(:disabled){border-color:#fff3;background:rgba(255,255,255,.08)}.git-repo-select-trigger:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.git-repo-select-trigger:disabled{opacity:.6;cursor:not-allowed}.git-repo-select-open .git-repo-select-trigger{border-color:#3b82f666;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 2px #3b82f626}.git-repo-select-error .git-repo-select-trigger{border-color:#ef444480}[data-theme=light] .git-repo-select-trigger{background:rgba(0,0,0,.04);border-color:#0000001f;color:var(--text-primary)}[data-theme=light] .git-repo-select-trigger:hover:not(:disabled){background:rgba(0,0,0,.06);border-color:#0000002e}[data-theme=light] .git-repo-select-trigger:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f626}[data-theme=light] .git-repo-select-open .git-repo-select-trigger{border-color:#3b82f666;box-shadow:0 0 0 2px #3b82f61f}[data-theme=light] .git-repo-select-error .git-repo-select-trigger{border-color:#ef444480}.git-repo-select-label-block{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.git-repo-select-owner-group{display:flex;align-items:center;gap:6px}.git-repo-select-owner-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6}[data-theme=light] .git-repo-select-owner-label{color:#0006}.git-repo-select-owner{font-size:11px;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .git-repo-select-owner{color:#0009}.git-repo-select-name-row{display:flex;align-items:center;gap:6px;width:100%}.git-repo-select-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.git-repo-lock-icon{flex-shrink:0;color:#fff9}[data-theme=light] .git-repo-lock-icon{color:#00000080}.git-repo-select-placeholder{flex:1;color:#ffffff80}[data-theme=light] .git-repo-select-placeholder{color:#00000073}.git-repo-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.7;transition:transform .2s ease}.git-repo-select-open .git-repo-select-chevron{transform:translateY(-50%) rotate(180deg)}.git-repo-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:-1px;max-height:280px;overflow-y:auto;background:var(--config-panel-bg, #1a1d24);border:1px solid rgba(59,130,246,.3);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 8px 24px #00000059}[data-theme=light] .git-repo-select-dropdown{background:#fff;border-color:#0000001f;box-shadow:0 8px 24px #0000001f}.git-repo-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;text-align:left;color:inherit;background:transparent;border:none;cursor:pointer;transition:background .12s ease}.git-repo-option:hover{background:rgba(255,255,255,.08)}[data-theme=light] .git-repo-option:hover{background:rgba(0,0,0,.05)}.git-repo-option-selected{background:rgba(59,130,246,.15)}[data-theme=light] .git-repo-option-selected{background:rgba(59,130,246,.1)}.git-repo-option-label-block{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}.git-repo-option-owner-group{display:flex;align-items:center;gap:6px}.git-repo-option-owner-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6}[data-theme=light] .git-repo-option-owner-label{color:#0006}.git-repo-option-owner{font-size:11px;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .git-repo-option-owner{color:#0009}.git-repo-option-name-row{display:flex;align-items:center;gap:6px;width:100%}.git-repo-option-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.form-label-row .form-link-button-professional{margin-top:-8px}.form-link-button{background:none;border:none;color:#3b82f6;font-size:12px;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.form-link-button:hover{color:#60a5fa}[data-theme=light] .form-link-button{color:#2563eb}[data-theme=light] .form-link-button:hover{color:#3b82f6}.form-link-button-professional{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.form-link-button-professional:hover{background:rgba(59,130,246,.15);border-color:#3b82f666;color:#60a5fa;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.form-link-button-professional:active{transform:translateY(0)}.form-link-button-professional svg{flex-shrink:0;opacity:.9}[data-theme=light] .form-link-button-professional{background:rgba(59,130,246,.08);border-color:#3b82f633;color:#2563eb}[data-theme=light] .form-link-button-professional:hover{background:rgba(59,130,246,.12);border-color:#3b82f64d;color:#3b82f6;box-shadow:0 2px 4px #3b82f614}.form-loading,.form-empty-state{padding:12px;display:flex;align-items:center;gap:8px;color:#999;font-size:13px;border-radius:6px;background:rgba(255,255,255,.02)}[data-theme=light] .form-loading,[data-theme=light] .form-empty-state{background:rgba(0,0,0,.02);color:#666}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}[data-theme=light] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.toggle-card-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-card-icon svg{color:#3b82f6}.toggle-card-label{font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.capacity-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.capacity-field{display:flex;flex-direction:column;gap:6px}.capacity-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.edit-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button:hover:not(:disabled){background:rgba(59,130,246,.15);border-color:#3b82f666;color:#60a5fa;transform:translateY(-1px)}.edit-button:active:not(:disabled){transform:translateY(0)}[data-theme=light] .edit-button{background:rgba(59,130,246,.08);border-color:#3b82f633}[data-theme=light] .edit-button:hover:not(:disabled){background:rgba(59,130,246,.12);border-color:#3b82f64d}.env-vars-header-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.env-vars-header-actions .edit-button{margin-left:2px}.env-vars-copy-text{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;margin:0;border:none;border-radius:8px;background:transparent;box-shadow:none;font-size:13px;font-weight:500;font-family:inherit;line-height:1.2;letter-spacing:.01em;color:var(--text-secondary, #94a3b8);cursor:pointer;text-decoration:none;transform:none;transition:color .15s ease,background-color .15s ease;gap:6px}.env-vars-copy-text-icon{flex-shrink:0;opacity:.95}.env-vars-copy-text:hover:not(:disabled){color:#93c5fd;background:rgba(59,130,246,.1);border:none;transform:none}.env-vars-copy-text:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f659}.env-vars-copy-text:active:not(:disabled){transform:none;background:rgba(59,130,246,.16)}.env-vars-copy-text:disabled{opacity:.45;cursor:not-allowed}.env-vars-copy-text--success{color:#86efac;background:rgba(34,197,94,.12);cursor:default;font-weight:600}.env-vars-copy-text.env-vars-copy-text--success:hover{color:#86efac;background:rgba(34,197,94,.12)}[data-theme=light] .env-vars-copy-text{color:var(--text-secondary, #64748b)}[data-theme=light] .env-vars-copy-text:hover:not(:disabled){color:#2563eb;background:rgba(37,99,235,.08)}[data-theme=light] .env-vars-copy-text--success,[data-theme=light] .env-vars-copy-text.env-vars-copy-text--success:hover{color:#15803d;background:rgba(34,197,94,.14)}.edit-form-container{display:flex;flex-direction:column;padding:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:background-color .3s ease,border-color .3s ease}[data-theme=light] .edit-form-container{background:rgba(0,0,0,.02);border-color:#00000014}.edit-form-container .form-group{display:flex;flex-direction:column;gap:8px}.edit-form-container .form-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:0}.edit-form-container .form-input{padding:10px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;transition:all .2s ease}.edit-form-container .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.env-vars-secure-tag{position:relative;display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:500;color:var(--text-tertiary);background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:6px;cursor:help;vertical-align:middle;letter-spacing:.02em}.env-vars-secure-tag:after{content:attr(data-tooltip);position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:10px;padding:12px 16px;min-width:260px;max-width:320px;width:max-content;font-size:12px;font-weight:400;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000040;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:10001;box-sizing:border-box}.env-vars-secure-tag:hover:after{opacity:1;visibility:visible}.env-vars-secure-tag svg{flex-shrink:0;opacity:.9}[data-theme=light] .env-vars-secure-tag{color:#0009;background:rgba(34,197,94,.06);border-color:#22c55e40}[data-theme=light] .env-vars-secure-tag:after{background:#fff;border-color:#0000001f;box-shadow:0 4px 16px #00000026;color:var(--text-primary)}.compose-slug-help-btn{position:relative;flex-shrink:0}.compose-slug-help-btn:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:12px 16px;min-width:260px;max-width:min(380px,calc(100vw - 24px));width:max-content;font-size:12px;font-weight:400;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000040;white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:10002;box-sizing:border-box}.compose-slug-help-btn:hover:after,.compose-slug-help-btn:focus-visible:after{opacity:1;visibility:visible}[data-theme=light] .compose-slug-help-btn:after{background:#fff;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.env-vars-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.env-var-row{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}.env-var-row .form-input{flex:1;min-width:0}.env-var-row .env-var-key{flex:0 1 200px;min-width:80px;max-width:240px;padding:10px 14px;border-radius:8px;border:1px solid rgba(99,102,241,.25);background:rgba(99,102,241,.08);color:var(--text-primary);font-family:var(--font-mono, "SF Mono", Monaco, Menlo, monospace);font-size:12px;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s}.env-var-row .env-var-key::placeholder{color:var(--text-tertiary)}.env-var-row .env-var-key:focus{outline:none;border-color:#6366f180;background:rgba(99,102,241,.12);box-shadow:0 0 0 2px #6366f126}.env-var-row .env-var-value{flex:1;min-width:100px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary, rgba(255, 255, 255, .03));color:var(--text-primary);font-family:var(--font-mono, "SF Mono", Monaco, Menlo, monospace);font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.env-var-row .env-var-value::placeholder{color:var(--text-tertiary)}.env-var-row .env-var-value:focus{outline:none;border-color:var(--accent-color, #6366f1);background:var(--bg-primary);box-shadow:0 0 0 2px #6366f11f}[data-theme=light] .env-var-row .env-var-key{background:rgba(99,102,241,.06);border-color:#6366f133}[data-theme=light] .env-var-row .env-var-key:focus{background:rgba(99,102,241,.1)}[data-theme=light] .env-var-row .env-var-value{background:rgba(0,0,0,.03)}.remove-env-var-button{display:flex;align-items:center;justify-content:center;padding:8px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-env-var-button:hover:not(:disabled){background:rgba(239,68,68,.15);border-color:#ef444466;transform:scale(1.05)}.remove-env-var-button:active:not(:disabled){transform:scale(1)}.env-var-lock-button{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.env-var-lock-button:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary, rgba(255, 255, 255, .06));border-color:var(--accent-color, rgba(99, 102, 241, .4))}.env-var-lock-button:disabled{opacity:.5;cursor:not-allowed}.env-var-lock-button--active{color:var(--accent-color, #6366f1);background:rgba(99,102,241,.15);border-color:#6366f166}.env-var-lock-button--active:hover:not(:disabled){background:rgba(99,102,241,.2);border-color:#6366f180}.env-vars-parse-toggle-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;margin-top:8px;box-sizing:border-box}.env-vars-parse-toggle-btn:hover:not(:disabled){background:var(--bg-tertiary, rgba(255, 255, 255, .06));border-color:var(--accent-color, rgba(99, 102, 241, .4));color:var(--text-primary)}.env-vars-parse-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.env-vars-parse-collapse-btn{padding:4px 10px;font-size:11px;font-weight:500;color:var(--text-tertiary);background:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:background .2s,color .2s}.env-vars-parse-collapse-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-secondary, rgba(255, 255, 255, .04))}.env-vars-json-parse{width:100%;box-sizing:border-box;padding:12px 14px;background:var(--bg-secondary, rgba(255, 255, 255, .02));border:1px solid var(--border-color, rgba(255, 255, 255, .06));border-radius:8px;margin-top:12px;margin-bottom:4px}.env-vars-json-parse .form-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:8px;display:block}.env-vars-json-parse .form-input{width:100%;max-width:100%;min-height:72px;padding:10px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:12px;line-height:1.5;resize:vertical;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.env-vars-json-parse .form-input::placeholder{color:var(--text-tertiary);opacity:.9}.env-vars-json-parse .form-input:focus{outline:none;border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f126}.env-vars-json-parse-hint{font-size:11px;color:var(--text-tertiary);margin-top:6px;margin-bottom:10px;line-height:1.4}.env-vars-json-parse .env-vars-parse-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px #6366f159}.env-vars-json-parse .env-vars-parse-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 4px 12px #6366f173;transform:translateY(-1px)}.env-vars-json-parse .env-vars-parse-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #6366f14d}.env-vars-json-parse .env-vars-parse-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}[data-theme=light] .env-vars-json-parse .env-vars-parse-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}[data-theme=light] .env-vars-json-parse .env-vars-parse-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)}[data-theme=light] .env-vars-json-parse{background:rgba(0,0,0,.02);border-color:#00000014}[data-theme=light] .env-vars-json-parse .form-input:focus{box-shadow:0 0 0 2px #6366f133}.env-vars-display{display:flex;flex-direction:column;gap:0;margin-top:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:var(--bg-secondary, rgba(255, 255, 255, .02))}.env-vars-display-row{display:flex;align-items:center;gap:20px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.12);height:40px;min-height:40px}.env-vars-display-row:last-child{border-bottom:none}.env-vars-display-key{flex:0 0 auto;width:180px;min-width:120px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-family:var(--font-mono, "SF Mono", Monaco, Menlo, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-vars-display-value{flex:1;min-width:0;font-size:12px;color:var(--text-primary);font-family:var(--font-mono, "SF Mono", Monaco, Menlo, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .env-vars-display{background:rgba(0,0,0,.02);border-color:#00000014}[data-theme=light] .env-vars-display{border-color:#0000001f}[data-theme=light] .env-vars-display-row{border-bottom-color:#0000001f}[data-theme=light] .env-vars-display-key{color:var(--text-secondary)}.env-vars-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:12px;font-style:italic;background:rgba(255,255,255,.02);border-radius:8px;border:1px dashed var(--border-color)}[data-theme=light] .env-vars-empty{background:rgba(0,0,0,.03);border-color:#0000001f;color:var(--text-secondary)}.add-env-var-button{display:flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-env-var-button:hover:not(:disabled){background:rgba(34,197,94,.15);border-color:#22c55e66;color:#4ade80}[data-theme=light] .add-env-var-button{background:rgba(34,197,94,.08);border-color:#22c55e33}[data-theme=light] .add-env-var-button:hover:not(:disabled){background:rgba(34,197,94,.12);border-color:#22c55e4d}.edit-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.edit-form-cancel-button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-form-cancel-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.edit-form-save-button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633}.edit-form-save-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-form-save-button:active:not(:disabled){transform:translateY(0)}.edit-form-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.config-panel .config-section{margin-bottom:20px}.config-panel .config-section-title{font-size:14px;word-break:break-word}.config-panel .config-section>div:first-child{flex-wrap:wrap;gap:10px;margin-bottom:14px!important}.config-panel .config-section .config-section-title+.env-vars-secure-tag,.config-panel .config-section .config-section-title[style*="display: flex"]{flex-wrap:wrap}.config-panel .file-upload-label{padding:32px 16px;min-height:140px;font-size:14px}.config-panel .file-upload-info{flex-wrap:wrap;gap:8px}.config-panel .file-name{min-width:0;margin-right:8px}.config-panel .resource-info-grid{grid-template-columns:1fr;gap:12px}.config-panel .resource-info-item{padding:14px 16px}.config-panel .edit-form-container{padding:16px}.config-panel .edit-form-actions{flex-direction:column;align-items:stretch;gap:10px}.config-panel .edit-form-actions .edit-form-cancel-button,.config-panel .edit-form-actions .edit-form-save-button{width:100%;justify-content:center}.config-panel .env-var-row{flex-direction:column;align-items:stretch;gap:8px}.config-panel .env-var-row .form-input,.config-panel .env-var-row .env-var-key,.config-panel .env-var-row .env-var-value{min-width:0;max-width:none}.env-vars-display-row{flex-direction:column;gap:4px;align-items:stretch;height:auto;min-height:44px;padding:10px 14px}.env-vars-display-key{min-width:0;width:auto;white-space:normal;word-break:break-word}.env-vars-display-value{white-space:normal;word-break:break-word}.config-panel .add-env-var-button{padding:6px 12px;font-size:11px}.config-panel .edit-button{padding:6px 10px;min-height:32px;font-size:12px;gap:4px}.config-panel .edit-button svg{width:14px;height:14px}.config-panel .env-vars-empty{padding:14px 12px;font-size:13px}.config-panel .config-summary-grid{grid-template-columns:1fr;gap:12px}.config-panel .config-summary-item{min-width:0}.config-panel .config-summary-value{word-break:break-word;overflow-wrap:break-word}}@keyframes rdp-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rdp-skeleton{padding:20px;display:flex;flex-direction:column;gap:0}.rdp-skeleton-section{display:flex;flex-direction:column;gap:16px;padding:4px 0}.rdp-skeleton-summary{display:flex;flex-direction:column;gap:10px}.rdp-skeleton-label-row{display:flex;align-items:center;gap:12px}.rdp-skeleton-divider{height:1px;background:var(--border-color, rgba(255, 255, 255, .08));margin:20px 0;border-radius:1px}.rdp-skeleton-bar{border-radius:6px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:rdp-skeleton-shimmer 1.4s ease-in-out infinite}.rdp-skeleton-bar--label{width:22%;height:11px;opacity:.7}.rdp-skeleton-bar--region{width:14%;height:11px;opacity:.5}.rdp-skeleton-bar--value{width:55%;height:18px}.rdp-skeleton-bar--section-title{width:26%;height:16px;margin-bottom:4px}.rdp-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.rdp-skeleton-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .06));background:var(--bg-tertiary, rgba(255, 255, 255, .03))}.rdp-skeleton-card--wide{grid-column:1 / -1}.rdp-skeleton-bar--card-label{width:40%;height:10px;opacity:.6}.rdp-skeleton-bar--card-value{width:62%;height:16px}[data-theme=light] .rdp-skeleton-bar{background:linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.06) 100%);background-size:200% 100%}[data-theme=light] .rdp-skeleton-card{background:rgba(0,0,0,.02);border-color:#00000014}[data-theme=light] .rdp-skeleton-divider{background:rgba(0,0,0,.08)}@media (max-width: 768px){.rdp-skeleton-grid{grid-template-columns:1fr}}.config-os-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.config-os-label-row .config-label{margin-bottom:0}.config-architecture-segment{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}[data-theme=light] .config-architecture-segment{border-color:#0000001f}.config-architecture-segment-btn{padding:8px 14px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--text-secondary, rgba(255, 255, 255, .65));cursor:pointer;transition:background .15s ease,color .15s ease}.config-architecture-segment-btn:hover:not(:disabled){background:rgba(255,255,255,.06);color:var(--text-primary, #fff)}.config-architecture-segment-btn.is-active{background:rgba(59,130,246,.25);color:var(--text-primary, #fff)}[data-theme=light] .config-architecture-segment-btn.is-active{background:rgba(59,130,246,.2);color:#1e40af}.config-architecture-segment-btn:disabled{opacity:.5;cursor:not-allowed}.instance-network-field{margin-bottom:24px}.instance-network-hint{font-size:12px;line-height:1.45;color:var(--text-secondary, rgba(255, 255, 255, .55));margin:0 0 12px;max-width:52ch}[data-theme=light] .instance-network-hint{color:var(--text-secondary, rgba(0, 0, 0, .55))}.config-architecture-segment.config-instance-network-segment{display:flex;width:100%;max-width:420px;margin-bottom:2px}.config-instance-network-segment .config-architecture-segment-btn{flex:1;min-width:0;text-align:center;padding:10px 16px}.instance-network-help-list{list-style:none;margin:14px 0 0;padding:12px 14px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.55;color:var(--text-secondary, rgba(255, 255, 255, .62));max-width:100%}[data-theme=light] .instance-network-help-list{background:rgba(0,0,0,.03);border-color:#00000014;color:var(--text-secondary, rgba(0, 0, 0, .65))}.instance-network-help-list li{position:relative;padding-left:12px;margin-bottom:8px}.instance-network-help-list li:last-child{margin-bottom:0}.instance-network-help-list li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--brand-primary, #3b82f6);opacity:.85}.instance-network-help-list strong{color:var(--text-primary, rgba(255, 255, 255, .92));font-weight:600}[data-theme=light] .instance-network-help-list strong{color:var(--text-primary, rgba(0, 0, 0, .88))}.command-type-select{flex:0 0 110px;min-width:90px;max-width:120px;padding:10px 28px 10px 12px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid rgba(99,102,241,.18);background:rgba(99,102,241,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s,background-color .2s}.command-type-select:focus{outline:none;border-color:#6366f180;background:rgba(99,102,241,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;box-shadow:0 0 0 2px #6366f11f}[data-theme=light] .command-type-select{background:rgba(99,102,241,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border-color:#6366f133}[data-theme=light] .command-type-select:focus{background:rgba(99,102,241,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center}.edit-form-container .env-var-row .form-input.command-type-select{flex:0 0 110px;min-width:90px;max-width:120px;padding:10px 28px 10px 12px;border:1px solid rgba(99,102,241,.18);background:rgba(99,102,241,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s,background-color .2s}.edit-form-container .env-var-row .form-input.command-type-select:focus{outline:none;border-color:#6366f180;background:rgba(99,102,241,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;box-shadow:0 0 0 2px #6366f11f}[data-theme=light] .edit-form-container .env-var-row .form-input.command-type-select{background:rgba(99,102,241,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.45)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border-color:#6366f133}[data-theme=light] .edit-form-container .env-var-row .form-input.command-type-select:focus{background:rgba(99,102,241,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.45)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center}.command-type-label-readonly{flex:0 0 110px;min-width:90px;max-width:120px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.2;border-radius:8px;border:1px solid rgba(99,102,241,.18);background:rgba(99,102,241,.08);color:var(--text-primary);text-transform:capitalize;-webkit-user-select:none;user-select:none}[data-theme=light] .command-type-label-readonly{background:rgba(99,102,241,.06);border-color:#6366f133}.dns-records-manager{position:fixed;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 8px 32px #00000080;overflow:hidden;resize:none;min-width:400px;min-height:525px;transition:background-color .3s ease,border-color .3s ease}.dns-records-manager.maximized{border-radius:0;border-left:none;border-right:none;border-top:none}.dns-records-manager.maximized .dns-records-header,.dns-records-manager.maximized .dns-records-body{border-radius:0}[data-theme=light] .dns-records-manager{box-shadow:0 8px 32px #0003}.dns-records-header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease;border-radius:8px 8px 0 0}.dns-records-header:active{cursor:grabbing}.dns-records-window-controls{display:flex;align-items:center;gap:8px;margin-right:12px}.dns-records-control-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;position:relative;color:#0009}.dns-records-control-icon{width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .2s;flex-shrink:0}.dns-records-control-btn:hover .dns-records-control-icon{opacity:1}.dns-records-control-close{background:#ff5f57}.dns-records-control-close:hover{background:#ff3b30}.dns-records-control-close .dns-records-control-icon{color:#000000a6}.dns-records-control-minimize{background:#ffbd2e}.dns-records-control-minimize:hover{background:#ff9500}.dns-records-control-minimize .dns-records-control-icon{color:#000000a6}.dns-records-control-minimize:disabled{opacity:.5;cursor:not-allowed}.dns-records-control-minimize:disabled:hover{background:#ffbd2e}.dns-records-control-minimize:disabled:hover .dns-records-control-icon{opacity:0}.dns-records-control-maximize{background:#28c840}.dns-records-control-maximize:hover{background:#1fb832}.dns-records-control-maximize .dns-records-control-icon{color:#000000a6}.dns-records-header-drag{display:flex;align-items:center;color:var(--text-primary);font-size:14px;font-weight:500;flex:1;transition:color .3s ease}.dns-records-refresh-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,color .3s ease;margin-right:8px}.dns-records-refresh-button:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.dns-records-refresh-button:disabled{opacity:.5;cursor:not-allowed}.dns-records-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,color .3s ease}.dns-records-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.dns-records-body{padding:20px 20px 24px;overflow-y:auto;overflow-x:hidden;flex:1;background:var(--bg-secondary);transition:background-color .3s ease;min-height:0;border-radius:0 0 8px 8px}.dns-records-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;z-index:10;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--border-color) 40%,var(--border-color) 45%,transparent 45%,transparent 100%);transition:background .3s ease}.dns-records-resize-handle:hover{background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--bg-quaternary) 40%,var(--bg-quaternary) 45%,transparent 45%,transparent 100%)}.dns-records-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary);transition:color .3s ease}.dns-records-loading .spinning{animation:spin 1s linear infinite}.dns-records-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dns-records-filter{display:flex;align-items:center;gap:8px}.dns-records-filter-label{font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.dns-records-select-wrap{position:relative;display:block;width:100%}.dns-records-select-wrap:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-secondary);pointer-events:none}.dns-records-filter .dns-records-select-wrap{width:auto;min-width:100px}.dns-records-filter-select{min-width:100px;padding:8px 32px 8px 12px;font-size:13px;color:var(--text-primary);background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:border-color .2s,background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dns-records-filter-select:hover{border-color:#fff3}.dns-records-filter-select:focus{outline:none;border-color:#3b82f6}.dns-records-add-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.dns-records-add-button:hover{background:#2563eb}.dns-records-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px;transition:background-color .3s ease,border-color .3s ease}.dns-records-form-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.dns-records-form-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.dns-records-form-row:last-of-type{margin-bottom:0}.dns-records-form-field{margin-bottom:16px;display:flex;flex-direction:column}.dns-records-form-field:last-of-type{margin-bottom:0}.dns-records-form-field-flex{flex:1;margin-bottom:0;display:flex;flex-direction:column}.dns-records-form-field-small{flex:0 0 150px;min-width:120px;margin-bottom:0;display:flex;flex-direction:column}.dns-records-form-field-full{width:100%;margin-bottom:0;display:flex;flex-direction:column}.dns-records-form-field label{display:block;color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:6px;transition:color .3s ease;min-height:40px}.dns-records-form-field .form-help{display:block;color:var(--text-tertiary);font-size:11px;font-weight:400;margin-top:2px;transition:color .3s ease}.dns-records-form-field .required{color:#ef4444;margin-left:4px}.dns-records-form-field input,.dns-records-form-field textarea,.dns-records-form-field select{width:100%;padding:10px 12px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box;height:40px}.dns-records-form-field select{padding-right:32px;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dns-records-form-field textarea{height:auto;min-height:80px}.dns-records-form-field input:focus,.dns-records-form-field textarea:focus,.dns-records-form-field select:focus{border-color:#3b82f6;background:var(--bg-tertiary)}.dns-records-form-field input.error,.dns-records-form-field textarea.error,.dns-records-form-field select.error{border-color:#ef4444}.dns-records-form-field textarea{resize:vertical;min-height:80px;font-family:Monaco,Menlo,Courier New,monospace;line-height:1.5}.dns-records-form-field .form-error{color:#ef4444;font-size:12px;margin-top:6px;padding:6px 10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:4px}.dns-records-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.dns-records-cancel-button{padding:10px 20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease}.dns-records-cancel-button:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dns-records-create-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.dns-records-create-button:hover:not(:disabled){background:#2563eb}.dns-records-create-button:disabled{opacity:.6;cursor:not-allowed}.dns-records-list{margin-top:20px}.dns-records-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.dns-records-table{width:100%;border-collapse:collapse;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;transition:background-color .2s ease}.dns-records-table thead{background:var(--bg-quaternary);transition:background-color .2s ease}.dns-records-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border-color);transition:color .2s ease,border-color .2s ease}.dns-records-table td{padding:10px 14px;font-size:13px;line-height:1.4;color:var(--text-primary);transition:color .2s ease,border-color .2s ease}.dns-records-table tbody tr:last-child td{border-bottom:none}.dns-records-table tbody tr:hover{background:var(--bg-quaternary);transition:background-color .3s ease}.dns-record-name{font-family:Monaco,Menlo,monospace;font-size:12px;word-break:break-all}.dns-record-type{width:80px}.dns-record-type-badge{display:inline-block;padding:3px 6px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:4px;font-size:10px;font-weight:600;color:var(--text-primary);font-family:Monaco,Menlo,monospace;letter-spacing:.3px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.dns-record-values{font-family:Monaco,Menlo,monospace;font-size:12px;word-break:break-all;max-width:300px}.dns-record-ttl{font-family:Monaco,Menlo,monospace;font-size:12px;width:80px}.dns-record-actions{width:auto;min-width:60px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.dns-record-edit{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.dns-record-edit:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary);border-color:var(--border-color)}.dns-record-edit:disabled{opacity:.5;cursor:not-allowed}.dns-record-delete{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:#ef4444;cursor:pointer;transition:all .2s ease}.dns-record-delete:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef4444}.dns-record-delete:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dns-records-manager{left:0!important;top:0!important;width:calc(100vw - 24px)!important;max-width:none!important;height:calc(100dvh - 24px)!important;max-height:calc(100vh - 24px)!important;min-width:0!important;min-height:200px!important;margin:12px;box-sizing:border-box;border-radius:12px;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.dns-records-manager.maximized{width:100vw!important;height:100vh!important;height:100dvh!important;margin:0;border-radius:0}.dns-records-header{padding:10px 12px;gap:8px;min-height:48px}.dns-records-window-controls{margin-right:6px;gap:4px}.dns-records-control-btn{width:18px;height:18px;min-width:18px;min-height:18px}.dns-records-control-icon{width:10px;height:10px;opacity:1}.dns-records-header-drag{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-records-refresh-button{width:32px;height:32px;min-width:32px;min-height:32px;flex-shrink:0}.dns-records-refresh-button .lucide{width:16px;height:16px}.dns-records-resize-handle{display:none}.dns-records-body{padding:12px 16px}.dns-records-actions{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.dns-records-filter,.dns-records-filter .dns-records-select-wrap{width:100%}.dns-records-filter-select{flex:1;min-width:0;width:100%}.dns-records-add-button{width:100%;justify-content:center;padding:12px 16px;min-height:44px}.dns-records-form{padding:16px;margin-bottom:16px}.dns-records-form-row{flex-direction:column;gap:12px;margin-bottom:12px}.dns-records-form-field-flex,.dns-records-form-field-small{flex:none;width:100%;min-width:0}.dns-records-form-field label{min-height:0}.dns-records-form-field input,.dns-records-form-field textarea,.dns-records-form-field select{min-height:44px;font-size:16px}.dns-records-form-field textarea{min-height:80px}.dns-records-form-actions{flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.dns-records-cancel-button,.dns-records-create-button{width:100%;justify-content:center;min-height:44px}.dns-records-table{display:block}.dns-records-table thead{display:none}.dns-records-table tbody{display:block}.dns-records-table tr{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;gap:0 12px;padding:8px 12px;margin-bottom:8px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;transition:background-color .2s ease,border-color .2s ease}.dns-records-table tbody tr:hover{background:var(--bg-quaternary)}.dns-records-table td{display:flex;flex-direction:column;align-items:stretch;gap:1px;padding:4px 0}.dns-records-table td:before{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.35px;flex-shrink:0;line-height:1.2}.dns-records-table .dns-record-name:before{content:"Name"}.dns-records-table .dns-record-type:before{content:"Type"}.dns-records-table .dns-record-values:before{content:"Values"}.dns-records-table .dns-record-ttl:before{content:"TTL"}.dns-records-table .dns-record-actions:before{content:none}.dns-records-table .dns-record-type{grid-column:1;grid-row:1;font-size:13px}.dns-records-table .dns-record-actions{grid-column:2;grid-row:1;align-self:center;justify-content:flex-end;flex-direction:row;padding:0;width:auto}.dns-records-table .dns-record-name{grid-column:1 / -1;grid-row:2;font-size:13px;line-height:1.4}.dns-records-table .dns-record-values{grid-column:1 / -1;grid-row:3;font-size:13px;line-height:1.4}.dns-records-table .dns-record-ttl{grid-column:1 / -1;grid-row:4;font-size:13px}.dns-records-table .dns-record-name,.dns-records-table .dns-record-type,.dns-records-table .dns-record-values,.dns-records-table .dns-record-ttl{text-align:left;word-break:break-word}.dns-records-table .dns-record-type .dns-record-type-badge{padding:2px 6px;font-size:10px;font-weight:600;border-radius:4px;display:inline-block;width:fit-content}.dns-record-values{max-width:none}.dns-records-table .dns-record-delete{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color)}.dns-records-table .dns-record-delete .lucide,.dns-records-table .dns-record-delete svg{width:12px;height:12px}.dns-records-empty{padding:24px 16px;font-size:13px}.dns-records-loading{padding:24px}}@media (max-width: 480px){.dns-records-manager{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100vh - 16px)!important;margin:8px}.dns-records-manager.maximized{width:100vw!important;height:100dvh!important;max-height:100vh!important}.dns-records-body{padding:10px 12px}.dns-records-form{padding:12px}}.terminal-panel{position:fixed;right:0;top:0;width:480px;height:100vh;background:#1a1a24;border-left:1px solid #2a2a3a;display:flex;flex-direction:column;z-index:200;box-shadow:-4px 0 24px #00000080}.terminal-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #2a2a3a;background:#0f0f15}.terminal-panel-header-left{display:flex;align-items:center;gap:12px}.terminal-panel-header-left h2{margin:0;font-size:18px;font-weight:600;color:#fff}.terminal-panel-header-left svg{color:#3b82f6}.terminal-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#999;cursor:pointer;transition:all .2s}.terminal-panel-close:hover{background:#2a2a3a;color:#fff}.terminal-panel-body{flex:1;overflow-y:auto;padding:24px}.terminal-panel-error{padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:24px}.terminal-panel-form{background:#242430;border:1px solid #2a2a3a;border-radius:8px;padding:20px;margin-bottom:32px}.terminal-panel-form h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#fff}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px 12px;background:#1a1a24;border:1px solid #2a2a3a;border-radius:6px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;background:#1f1f2a}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.terminal-panel-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.terminal-panel-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.terminal-panel-button.primary{background:#3b82f6;color:#fff}.terminal-panel-button.primary:hover:not(:disabled){background:#2563eb}.terminal-panel-button.secondary{background:#242430;color:#fff;border:1px solid #2a2a3a}.terminal-panel-button.secondary:hover:not(:disabled){background:#2a2a3a}[data-theme=light] .terminal-panel-button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=light] .terminal-panel-button.secondary:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color)}.terminal-panel-button:disabled{opacity:.5;cursor:not-allowed}.terminal-panel-list h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.terminal-panel-loading,.terminal-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#999}.terminal-panel-loading svg{margin-bottom:16px}.terminal-panel-empty svg{margin-bottom:16px;opacity:.3}.terminal-panel-empty p{margin:0 0 8px;font-size:16px;font-weight:500;color:#fff}.terminal-panel-empty span{font-size:14px;color:#666}.terminal-list{display:flex;flex-direction:column;gap:12px}.terminal-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;background:#242430;border:1px solid #2a2a3a;border-radius:8px;transition:all .2s}.terminal-item:hover{border-color:#3a3a4a;background:#2a2a3a}.terminal-item-content{flex:1;min-width:0}.terminal-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.terminal-item-header svg{color:#3b82f6;flex-shrink:0}.terminal-item-header h4{margin:0;font-size:14px;font-weight:600;color:#fff}.terminal-item-description{margin:0 0 8px;font-size:13px;color:#999;line-height:1.5}.terminal-item-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}.terminal-item-actions{display:flex;gap:8px;flex-shrink:0;margin-left:12px}.terminal-item-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #2a2a3a;border-radius:6px;color:#999;cursor:pointer;transition:all .2s}.terminal-item-button:hover{background:#2a2a3a;border-color:#3a3a4a;color:#fff}.terminal-item-button.danger:hover{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#ef4444}[data-theme=light] .terminal-panel{background:var(--bg-secondary);border-left-color:var(--border-color);box-shadow:-4px 0 24px #0000001f}[data-theme=light] .terminal-panel-header{background:var(--bg-tertiary);border-bottom-color:var(--border-color)}[data-theme=light] .terminal-panel-header-left h2{color:var(--text-primary)}[data-theme=light] .terminal-panel-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}[data-theme=light] .terminal-panel-form{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=light] .terminal-panel-form h3{color:var(--text-primary)}[data-theme=light] .terminal-panel-form .form-group input,[data-theme=light] .terminal-panel-form .form-group textarea{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .terminal-panel-form .form-group input:focus,[data-theme=light] .terminal-panel-form .form-group textarea:focus{background:var(--bg-tertiary);border-color:#3b82f6}[data-theme=light] .terminal-panel-form .form-group label,[data-theme=light] .terminal-panel-list h3{color:var(--text-primary)}[data-theme=light] .terminal-panel-loading,[data-theme=light] .terminal-panel-empty{color:var(--text-secondary)}[data-theme=light] .terminal-panel-empty p{color:var(--text-primary)}[data-theme=light] .terminal-panel-empty span{color:var(--text-secondary)}[data-theme=light] .terminal-item{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=light] .terminal-item:hover{background:var(--bg-quaternary);border-color:#3b82f64d}[data-theme=light] .terminal-item-header h4{color:var(--text-primary)}[data-theme=light] .terminal-item-description{color:var(--text-secondary)}[data-theme=light] .terminal-item-meta{color:var(--text-tertiary)}[data-theme=light] .terminal-item-button{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=light] .terminal-item-button:hover{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.bucket-explorer-panel{position:fixed;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 8px 32px #00000080;overflow:hidden;resize:none;min-width:400px;min-height:280px;max-width:calc(100vw - 32px);max-height:calc(100vh - 88px);transition:background-color .3s ease,border-color .3s ease}[data-theme=light] .bucket-explorer-panel{box-shadow:0 8px 32px #0003}.bucket-explorer-panel.maximized{border-radius:0;border-left:none;border-right:none;border-top:none}.bucket-explorer-panel.maximized .bucket-explorer-header,.bucket-explorer-panel.maximized .bucket-explorer-content{border-radius:0}.bucket-explorer-panel-minimized{position:fixed;display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #0000004d;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease}.bucket-explorer-panel-minimized:hover{background:var(--bg-quaternary);border-color:var(--border-color)}[data-theme=light] .bucket-explorer-panel-minimized{box-shadow:0 4px 12px #0000001a}.bucket-explorer-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;z-index:10;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--border-color) 40%,var(--border-color) 45%,transparent 45%,transparent 100%);transition:background .3s ease}.bucket-explorer-resize-handle:hover{background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--bg-quaternary) 40%,var(--bg-quaternary) 45%,transparent 45%,transparent 100%)}.bucket-explorer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease;border-radius:8px 8px 0 0}.bucket-explorer-header:active{cursor:grabbing}.bucket-explorer-window-controls{display:flex;align-items:center;gap:8px;margin-right:12px}.bucket-explorer-control-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;position:relative;color:#0009}.bucket-explorer-control-icon{width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .2s;flex-shrink:0}.bucket-explorer-control-btn:hover .bucket-explorer-control-icon{opacity:1}.bucket-explorer-control-close{background:#ff5f57}.bucket-explorer-control-close:hover{background:#ff3b30}.bucket-explorer-control-close .bucket-explorer-control-icon{color:#000000a6}.bucket-explorer-control-minimize{background:#ffbd2e}.bucket-explorer-control-minimize:hover{background:#ff9500}.bucket-explorer-control-minimize .bucket-explorer-control-icon{color:#000000a6}.bucket-explorer-control-maximize{background:#28ca42}.bucket-explorer-control-maximize:hover{background:#1db130}.bucket-explorer-control-maximize .bucket-explorer-control-icon{color:#000000a6}.bucket-explorer-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:default}.bucket-explorer-title{font-size:13px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.2;transition:color .3s ease}.bucket-explorer-subtitle{font-size:11px;color:var(--text-secondary);margin:2px 0 0;line-height:1.2;transition:color .3s ease}.bucket-explorer-header-right{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.bucket-explorer-header-btn,.bucket-explorer-refresh,.bucket-explorer-close{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,border-color .3s ease,color .3s ease;padding:0}.bucket-explorer-refresh,.bucket-explorer-close{width:32px;height:32px}.bucket-explorer-upload-btn,.bucket-explorer-select-all-btn,.bucket-explorer-open-website-btn{height:32px;padding:0 12px;gap:6px}.bucket-explorer-open-website-btn{text-decoration:none;color:var(--text-secondary);display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;min-width:fit-content;font-size:12px;transition:color .3s ease}.bucket-explorer-open-website-btn span{white-space:nowrap;display:inline-block;line-height:1;font-size:12px}.bucket-explorer-open-website-btn:hover{color:var(--text-primary)}.bucket-explorer-header-btn:hover,.bucket-explorer-refresh:hover,.bucket-explorer-close:hover{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.bucket-explorer-refresh:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px 24px;position:relative;min-height:0;background:var(--bg-secondary);transition:background-color .3s ease;border-radius:0 0 8px 8px}.bucket-explorer-breadcrumbs{display:flex;align-items:center;gap:4px;margin-bottom:16px;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .2s}.breadcrumb-link:hover{background:var(--bg-quaternary);color:#93c5fd}.breadcrumb-current{color:var(--text-primary);font-size:13px;font-weight:500;transition:color .3s ease}.bucket-explorer-error{padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:14px;margin-bottom:16px}.bucket-explorer-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;transition:background-color .3s ease,border-color .3s ease}.bucket-explorer-selection-info{color:var(--text-primary);font-size:14px;font-weight:500;transition:color .3s ease}.bucket-explorer-selection-actions{display:flex;align-items:center;gap:8px}.bucket-explorer-selection-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease}.bucket-explorer-selection-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.bucket-explorer-selection-btn:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-selection-btn.bucket-explorer-delete-btn{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#f87171}.bucket-explorer-selection-btn.bucket-explorer-delete-btn:hover:not(:disabled){background:rgba(239,68,68,.2);color:#ef4444}.bucket-explorer-upload-button-container{margin-bottom:20px;display:flex;justify-content:flex-start}.bucket-explorer-upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.bucket-explorer-upload-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.bucket-explorer-upload-button:active{transform:translateY(0)}.bucket-explorer-upload-zone{border:2px dashed var(--border-color);border-radius:8px;padding:32px;text-align:center;margin-bottom:20px;transition:all .2s,border-color .3s ease,background-color .3s ease;background:var(--bg-quaternary);position:relative}.bucket-explorer-upload-zone.dragging{border-color:#3b82f6;background:rgba(59,130,246,.05)}.bucket-explorer-upload-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;padding:0}.bucket-explorer-upload-close:hover{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.bucket-explorer-upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.bucket-explorer-upload-text{color:var(--text-primary);font-size:14px;margin:0;transition:color .3s ease}.bucket-explorer-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.bucket-explorer-upload-btn:hover:not(:disabled){background:#2563eb}.bucket-explorer-upload-btn:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-upload-note{margin:8px 0 0;font-size:12px;color:var(--text-tertiary);font-style:italic;transition:color .3s ease}.bucket-explorer-upload-hint{margin:8px 0 0;font-size:12px;color:var(--text-secondary);transition:color .3s ease}.bucket-explorer-upload-hint strong{color:var(--text-primary);transition:color .3s ease}@keyframes bucket-explorer-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bucket-explorer-skeleton-list{display:flex;flex-direction:column;gap:4px}.bucket-explorer-skeleton-row{display:flex;align-items:center;padding:12px 16px;min-height:48px;box-sizing:border-box;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.bucket-explorer-skeleton-row:nth-child(1) .bucket-explorer-skeleton-line{animation-delay:0s}.bucket-explorer-skeleton-row:nth-child(2) .bucket-explorer-skeleton-line{animation-delay:.12s}.bucket-explorer-skeleton-row:nth-child(3) .bucket-explorer-skeleton-line{animation-delay:.24s}.bucket-explorer-skeleton-row:nth-child(4) .bucket-explorer-skeleton-line{animation-delay:.36s}.bucket-explorer-skeleton-row:nth-child(5) .bucket-explorer-skeleton-line{animation-delay:.48s}.bucket-explorer-skeleton-row:nth-child(6) .bucket-explorer-skeleton-line{animation-delay:.6s}.bucket-explorer-skeleton-row:nth-child(7) .bucket-explorer-skeleton-line{animation-delay:.72s}.bucket-explorer-skeleton-row:nth-child(8) .bucket-explorer-skeleton-line{animation-delay:.84s}.bucket-explorer-skeleton-text{width:100%;min-width:0;display:flex;flex-direction:column;gap:10px;justify-content:center}.bucket-explorer-skeleton-line{border-radius:5px;background:linear-gradient(110deg,var(--bg-tertiary, rgba(255, 255, 255, .05)) 0%,rgba(147,197,253,.1) 45%,var(--bg-secondary, rgba(255, 255, 255, .08)) 58%,var(--bg-tertiary, rgba(255, 255, 255, .05)) 100%);background-size:220% 100%;animation:bucket-explorer-skeleton-shimmer 7s linear infinite;height:11px}.bucket-explorer-skeleton-line--primary{width:min(88%,420px)}.bucket-explorer-skeleton-line--secondary{width:min(52%,220px);height:9px;opacity:.88}.bucket-explorer-list{display:flex;flex-direction:column;gap:4px}.bucket-explorer-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;text-align:left;width:100%;min-height:48px;box-sizing:border-box}.bucket-explorer-item:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.bucket-explorer-item.selected{background:rgba(59,130,246,.1);border-color:#3b82f6}.bucket-explorer-item.bucket-explorer-folder{color:#60a5fa}.bucket-explorer-item-meta{margin-left:auto;font-size:12px;color:var(--text-secondary);transition:color .3s ease}.bucket-explorer-select-all{margin:8px 0}.bucket-explorer-select-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;min-width:32px;box-sizing:border-box;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s,border-color .3s ease,color .3s ease;flex-shrink:0;margin-left:auto}.bucket-explorer-select-all-btn:hover{background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.bucket-explorer-file-checkbox{display:flex;align-items:center;min-width:20px}.bucket-explorer-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bucket-explorer-file-meta-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.bucket-explorer-file-meta-row .bucket-explorer-file-size,.bucket-explorer-file-meta-row .bucket-explorer-file-date{margin-left:0}.bucket-explorer-file-size,.bucket-explorer-file-date{font-size:12px;color:var(--text-secondary);margin-left:12px;white-space:nowrap;transition:color .3s ease}.bucket-explorer-file-actions{display:flex;align-items:center;gap:4px;margin-left:8px}.bucket-explorer-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s,border-color .3s ease,color .3s ease;padding:0}.bucket-explorer-action-btn:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.bucket-explorer-action-btn:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-action-btn.bucket-explorer-delete-btn:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef44444d;color:#f87171}.bucket-explorer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center;transition:color .3s ease}.bucket-explorer-empty svg{margin-bottom:16px;opacity:.5}.bucket-explorer-empty p{margin:8px 0;font-size:14px;color:var(--text-primary);transition:color .3s ease}.bucket-explorer-empty-hint{font-size:12px;color:var(--text-tertiary);transition:color .3s ease}.bucket-explorer-load-more{margin-top:16px;padding:10px 20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%}.bucket-explorer-load-more:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.bucket-explorer-load-more:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-upload-progress-bottom{position:absolute;bottom:16px;right:16px;width:400px;max-width:calc(100% - 32px);padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;max-height:50vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:1002;pointer-events:auto;transition:background-color .3s ease,border-color .3s ease}.bucket-explorer-upload-progress-bottom.minimized{max-height:fit-content;height:auto;padding:12px 16px}.bucket-explorer-upload-progress-bottom.minimized .bucket-explorer-progress-list,.bucket-explorer-upload-progress-bottom.minimized .bucket-explorer-progress-bar,.bucket-explorer-upload-progress-bottom.minimized .bucket-explorer-progress-current{display:none}.bucket-explorer-upload-progress-bottom.minimized .bucket-explorer-progress-header{margin-bottom:0}.bucket-explorer-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.bucket-explorer-progress-actions{display:flex;align-items:center;gap:8px}.bucket-explorer-progress-title{font-size:14px;font-weight:500;display:flex;align-items:center;color:var(--text-primary);transition:color .3s ease}.bucket-explorer-progress-percentage{font-size:14px;font-weight:600;color:#3b82f6}.bucket-explorer-progress-minimize,.bucket-explorer-progress-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s,color .3s ease;padding:0;flex-shrink:0}.bucket-explorer-progress-minimize:hover,.bucket-explorer-progress-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.bucket-explorer-progress-bar{width:100%;height:8px;background:var(--bg-quaternary);border-radius:4px;overflow:hidden;margin-bottom:12px;transition:background-color .3s ease}.bucket-explorer-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .3s ease}.bucket-explorer-progress-current{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:12px;padding:8px;background:var(--bg-quaternary);border-radius:4px;transition:background-color .3s ease,color .3s ease}.bucket-explorer-progress-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.bucket-explorer-progress-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:4px;font-size:13px;transition:background .2s}.bucket-explorer-progress-item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.bucket-explorer-progress-item-pending{background:var(--bg-quaternary);color:var(--text-secondary);transition:background-color .3s ease,color .3s ease}.bucket-explorer-progress-item-uploading{background:rgba(59,130,246,.1);color:#60a5fa}.bucket-explorer-progress-item-completed{background:rgba(74,222,128,.1);color:#4ade80}.bucket-explorer-progress-item-error{background:rgba(239,68,68,.1);color:#f87171}.bucket-explorer-progress-item-icon{display:flex;align-items:center;min-width:16px}.bucket-explorer-progress-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.bucket-explorer-progress-item-error{font-size:12px;color:#f87171;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bucket-explorer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=light] .bucket-explorer-modal-overlay{background:rgba(0,0,0,.5)}.bucket-explorer-modal-content{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;width:90%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 8px 24px #0006;transition:background-color .3s ease,border-color .3s ease}.bucket-explorer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);transition:background-color .3s ease,border-color .3s ease}.bucket-explorer-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.bucket-explorer-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,color .3s ease}.bucket-explorer-modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.bucket-explorer-modal-body{padding:24px}.bucket-explorer-form-group{margin-bottom:20px}.bucket-explorer-form-group:last-child{margin-bottom:0}.bucket-explorer-form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.bucket-explorer-form-input{width:100%;padding:10px 12px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box}.bucket-explorer-form-input:focus{border-color:#3b82f6;background:var(--bg-tertiary)}.bucket-explorer-form-input:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.bucket-explorer-modal-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.bucket-explorer-modal-btn:disabled{opacity:.5;cursor:not-allowed}.bucket-explorer-modal-btn-secondary{background:var(--bg-quaternary);color:var(--text-secondary);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.bucket-explorer-modal-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.bucket-explorer-modal-btn-primary{background:#3b82f6;color:#fff}.bucket-explorer-modal-btn-primary:hover:not(:disabled){background:#2563eb}.bucket-explorer-content::-webkit-scrollbar{width:8px}.bucket-explorer-content::-webkit-scrollbar-track{background:var(--bg-secondary);transition:background-color .3s ease}.bucket-explorer-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease}.bucket-explorer-content::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}@media (max-width: 900px){.bucket-explorer-panel{min-width:320px;max-width:calc(100vw - 8px);max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 80px)}.bucket-explorer-header{flex-wrap:wrap;padding:8px 10px;gap:8px}.bucket-explorer-window-controls{margin-right:8px}.bucket-explorer-header-left{gap:8px;min-width:0}.bucket-explorer-title{font-size:12px}.bucket-explorer-subtitle{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.bucket-explorer-header-right{flex-wrap:wrap;gap:6px;width:100%;order:3;margin-left:0;margin-top:4px;padding-top:6px;border-top:1px solid var(--border-color)}.bucket-explorer-open-website-btn span{display:none}.bucket-explorer-open-website-btn{padding:0 10px}.bucket-explorer-upload-btn span{display:none}.bucket-explorer-upload-btn,.bucket-explorer-select-all-btn,.bucket-explorer-open-website-btn{padding:0 10px;height:32px}.bucket-explorer-content{padding:12px 16px 16px}.bucket-explorer-breadcrumbs{margin-bottom:12px;gap:2px}.breadcrumb-link,.breadcrumb-current{font-size:12px;padding:4px 6px}.bucket-explorer-selection-bar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px;margin-bottom:12px}.bucket-explorer-selection-actions{justify-content:flex-start;flex-wrap:wrap}.bucket-explorer-selection-btn{padding:8px 12px;font-size:12px}.bucket-explorer-upload-zone{padding:20px 16px;margin-bottom:16px}.bucket-explorer-upload-text{font-size:13px}.bucket-explorer-upload-note,.bucket-explorer-upload-hint{font-size:11px}.bucket-explorer-item{padding:10px 12px;font-size:13px;min-height:44px;gap:8px}.bucket-explorer-file-name{min-width:0}.bucket-explorer-file-size,.bucket-explorer-file-date{margin-left:8px;font-size:11px}.bucket-explorer-upload-progress-bottom{left:12px;right:12px;width:auto;max-width:none;bottom:env(safe-area-inset-bottom,16px)}.bucket-explorer-modal-content{width:95%;max-width:none}.bucket-explorer-modal-header,.bucket-explorer-modal-body,.bucket-explorer-modal-footer{padding:16px}.bucket-explorer-modal-title{font-size:16px}}@media (max-width: 480px){.bucket-explorer-panel{min-width:0;width:98%!important;left:5px!important;right:0!important;top:5px!important;bottom:5px!important;height:auto!important;max-height:none!important;min-height:50vh;border-radius:12px 12px 0 0;border-left:none;border-right:none;border-bottom:none}.bucket-explorer-panel.maximized{top:0!important;border-radius:0}.bucket-explorer-header{padding:10px 12px;border-radius:12px 12px 0 0}.bucket-explorer-panel.maximized .bucket-explorer-header{border-radius:0}.bucket-explorer-header-left{flex:1;min-width:0}.bucket-explorer-subtitle{max-width:100%}.bucket-explorer-header-right{order:3;width:100%;justify-content:flex-start}.bucket-explorer-content{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));border-radius:0 0 12px 12px}.bucket-explorer-panel.maximized .bucket-explorer-content{border-radius:0}.bucket-explorer-breadcrumbs{margin-bottom:10px}.breadcrumb-link,.breadcrumb-current{font-size:11px}.bucket-explorer-item-meta{display:none}.bucket-explorer-item.bucket-explorer-file{flex-wrap:wrap;align-items:center;gap:8px 12px}.bucket-explorer-item.bucket-explorer-file .bucket-explorer-file-name{order:1;flex:1 1 0;min-width:0;white-space:normal;word-break:break-word;overflow:visible;text-overflow:unset;font-weight:500}.bucket-explorer-item.bucket-explorer-file .bucket-explorer-file-actions{order:2;flex-shrink:0;margin-left:0}.bucket-explorer-item.bucket-explorer-file .bucket-explorer-file-meta-row{order:3;flex-basis:100%;margin-top:4px;padding-left:26px;font-size:11px;color:var(--text-tertiary)}.bucket-explorer-item.bucket-explorer-file .bucket-explorer-file-meta-row .bucket-explorer-file-date:before{content:"·";margin-right:6px;color:var(--text-tertiary)}.bucket-explorer-item{padding:10px 12px;min-height:44px}.bucket-explorer-action-btn{width:32px;height:32px}.bucket-explorer-upload-zone{padding:16px 12px}.bucket-explorer-upload-close{top:8px;right:8px;width:24px;height:24px}.bucket-explorer-resize-handle{display:none}.bucket-explorer-upload-progress-bottom{left:8px;right:8px;bottom:env(safe-area-inset-bottom,8px);padding:12px}.bucket-explorer-modal-content{width:100%;margin:16px;max-width:calc(100vw - 32px)}.bucket-explorer-modal-body{padding:16px}.bucket-explorer-form-label{font-size:13px}.bucket-explorer-form-input{padding:10px;font-size:13px}.bucket-explorer-modal-footer{flex-wrap:wrap;gap:8px}.bucket-explorer-modal-btn{flex:1;min-width:120px}}.function-code-editor-panel{position:fixed;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 8px 32px #00000080;overflow:hidden;resize:none;min-width:800px;min-height:500px;max-width:calc(100vw - 32px);max-height:calc(100vh - 88px);transition:background-color .3s ease,border-color .3s ease}[data-theme=light] .function-code-editor-panel{box-shadow:0 8px 32px #0003}.function-code-editor-panel.maximized{border-radius:0;border-left:none;border-right:none;border-top:none}.function-code-editor-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;z-index:10;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--border-color) 40%,var(--border-color) 45%,transparent 45%,transparent 100%);transition:background .3s ease}.function-code-editor-resize-handle:hover{background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--bg-quaternary) 40%,var(--bg-quaternary) 45%,transparent 45%,transparent 100%)}.function-code-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.function-code-editor-header:active{cursor:grabbing}.function-code-editor-control-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;position:relative;color:#0009}.function-code-editor-control-icon{width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .2s;flex-shrink:0}.function-code-editor-control-btn:hover .function-code-editor-control-icon{opacity:1}.function-code-editor-control-close{background:#ff5f57}.function-code-editor-control-close:hover{background:#ff3b30}.function-code-editor-control-close .function-code-editor-control-icon{color:#000000a6}.function-code-editor-control-minimize{background:#ffbd2e}.function-code-editor-control-minimize:hover{background:#ff9500}.function-code-editor-control-minimize .function-code-editor-control-icon{color:#000000a6}.function-code-editor-control-maximize{background:#28ca42}.function-code-editor-control-maximize:hover{background:#1db130}.function-code-editor-control-maximize .function-code-editor-control-icon{color:#000000a6}.function-code-editor-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.function-code-editor-window-controls{display:flex;align-items:center;gap:8px;margin-right:0;flex-shrink:0}.function-code-editor-icon{display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.function-code-editor-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color .3s ease}.function-code-editor-endpoint-link{display:flex;align-items:center;gap:6px;color:#60a5fa;text-decoration:none;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s;flex-shrink:0;max-width:300px;margin-left:auto}.function-code-editor-endpoint-link:hover{background:rgba(96,165,250,.1);color:#93c5fd}.function-code-editor-endpoint-icon{width:14px;height:14px;flex-shrink:0}.function-code-editor-endpoint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .function-code-editor-endpoint-link{color:#2563eb}[data-theme=light] .function-code-editor-endpoint-link:hover{background:rgba(37,99,235,.1);color:#1d4ed8}.function-code-editor-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.function-code-editor-header-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s,color .3s ease}.function-code-editor-header-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-header-save{height:28px;padding:0 10px;font-size:12px}.function-code-editor-content{display:flex;flex:1;overflow:hidden;background:var(--bg-secondary);transition:background-color .3s ease}.function-code-editor-sidebar{width:260px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-tertiary);flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.function-code-editor-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.function-code-editor-sidebar-title{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-tertiary, #6b7280);text-transform:uppercase;transition:color .2s ease}.function-code-editor-sidebar-toolbar{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .2s ease}.function-code-editor-sidebar:hover .function-code-editor-sidebar-toolbar,.function-code-editor-sidebar-toolbar.visible{opacity:1}.function-code-editor-toolbar-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:6px;transition:background .15s ease,color .15s ease;position:relative;padding:0;flex-shrink:0}.function-code-editor-toolbar-btn svg{flex-shrink:0;display:block;width:16px;height:16px}.function-code-editor-toolbar-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-toolbar-icon-overlay{position:absolute;bottom:1px;right:1px;background:var(--bg-tertiary);border-radius:2px;padding:1px;width:10px;height:10px;transition:background-color .2s ease}.function-code-editor-sidebar-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s,color .3s ease}.function-code-editor-sidebar-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-new-input-wrapper{padding:4px 8px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.function-code-editor-new-input{width:100%;padding:4px 8px;background:transparent;border:1px solid #007acc;border-radius:2px;color:var(--text-primary);font-size:13px;font-family:Monaco,Menlo,Courier New,monospace;outline:none;transition:color .3s ease}.function-code-editor-new-input:focus{border-color:#007acc}.function-code-editor-new-input::placeholder{color:var(--text-tertiary);transition:color .3s ease}.function-code-editor-upload-zone{position:relative;border:2px dashed var(--border-color);border-radius:6px;padding:16px 12px;margin:6px 8px;text-align:center;background:var(--bg-quaternary);transition:border-color .2s,background-color .2s ease}.function-code-editor-upload-zone.dragging{border-color:#3b82f6;background:rgba(59,130,246,.06)}.function-code-editor-upload-close{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:0;transition:all .2s ease}.function-code-editor-upload-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.function-code-editor-upload-text{margin:0;font-size:12px;color:var(--text-secondary)}.function-code-editor-upload-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.function-code-editor-upload-zip-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.function-code-editor-upload-zip-btn:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.function-code-editor-upload-btn:hover:not(:disabled){background:#2563eb}.function-code-editor-upload-btn:disabled{opacity:.6;cursor:not-allowed}.function-code-editor-upload-note{margin:0;font-size:11px;color:var(--text-tertiary)}.function-code-editor-file-list{flex:1;overflow-y:auto;padding:6px 8px;min-height:0}.function-code-editor-tree-item{position:relative}.function-code-editor-folder-item{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none;min-height:28px;border-radius:6px}.function-code-editor-folder-item:hover{background:var(--bg-quaternary)}.function-code-editor-chevron{flex-shrink:0;color:var(--text-tertiary, #6b7280);width:16px;height:16px;transition:color .2s ease}.function-code-editor-folder-icon{flex-shrink:0;color:var(--text-tertiary, #6b7280);width:16px;height:16px}.function-code-editor-folder-name{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.function-code-editor-file-item{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;cursor:pointer;transition:background .15s ease;position:relative;min-height:28px;border-radius:6px;margin-bottom:2px}.function-code-editor-file-item:hover{background:var(--bg-quaternary)}.function-code-editor-file-item:hover .function-code-editor-file-delete{opacity:1}.function-code-editor-file-item.active{background:var(--bg-quaternary)}.function-code-editor-file-item.active .function-code-editor-file-name{color:var(--text-primary);font-weight:500}.function-code-editor-file-icon{font-size:7px;font-weight:600;padding:1px 0 1px 4px;border-radius:2px;display:inline-block;flex-shrink:0;text-align:center;font-family:Monaco,Menlo,Courier New,monospace;line-height:14px;opacity:.9}.function-code-editor-file-icon-js{color:#f7df1e;opacity:.85}.function-code-editor-file-icon-ts,.function-code-editor-file-icon-tsx{background:#3178c6;color:#fff}.function-code-editor-file-icon-py{background:#3776ab;color:#fff}.function-code-editor-file-icon-java{background:#ed8b00;color:#fff}.function-code-editor-file-icon-go{background:#00add8;color:#fff}.function-code-editor-file-icon-rs{background:#000;color:#fff}.function-code-editor-file-icon-json{background:#f7df1e;color:#000}.function-code-editor-file-icon-html{background:#e34c26;color:#fff}.function-code-editor-file-icon-css,.function-code-editor-file-icon-scss,.function-code-editor-file-icon-sass{background:#1572b6;color:#fff}.function-code-editor-file-icon-sql{background:#336791;color:#fff}.function-code-editor-file-icon-yaml{background:#cb171e;color:#fff}.function-code-editor-file-icon-md{background:#083fa1;color:#fff}.function-code-editor-file-icon-file{background:#6a6a7a;color:#fff}[data-theme=light] .function-code-editor-file-icon-js{color:#b3860b;background:#fef3c7;opacity:1}[data-theme=light] .function-code-editor-file-icon-json{background:#fde68a;color:#92400e}[data-theme=light] .function-code-editor-file-icon{opacity:1}.function-code-editor-file-name{flex:1;min-width:0;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono, "Monaco", "Menlo", "Courier New", monospace);transition:color .2s ease}.function-code-editor-file-delete{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;flex-shrink:0;margin-left:auto}.function-code-editor-file-delete:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-file-delete:hover:not(:disabled){color:#ef4444}.function-code-editor-file-delete:disabled{opacity:1;cursor:not-allowed}.function-code-editor-loading,.function-code-editor-empty{padding:24px 16px;text-align:center;color:var(--text-tertiary, #6b7280);font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;transition:color .2s ease}.function-code-editor-error{padding:12px;background:rgba(239,68,68,.1);border-left:2px solid #ef4444;color:#ef4444;font-size:12px;margin:8px;border-radius:4px}.function-code-editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary);transition:background-color .3s ease}.function-code-editor-editor-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:12px;background:var(--bg-secondary)}.function-code-editor-editor-area>div{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.function-code-editor-editor-area>div>div{flex:1;min-height:0}.function-code-editor-tabs-bar{display:flex;align-items:flex-end;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-tertiary);transition:background-color .2s ease,border-color .2s ease}.function-code-editor-tabs-bar::-webkit-scrollbar{height:5px}.function-code-editor-tabs-bar::-webkit-scrollbar-track{background:var(--bg-tertiary)}.function-code-editor-tabs-bar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.function-code-editor-tabs-bar::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}.function-code-editor-tab{display:flex;align-items:center;gap:6px;padding:8px 12px 7px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;transition:background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;position:relative;min-width:100px;max-width:180px;flex-shrink:0;margin-right:2px}.function-code-editor-tab:hover{background:var(--bg-quaternary)}.function-code-editor-tab.dragging{opacity:.5;cursor:grabbing}.function-code-editor-tab.drag-over{border-color:var(--border-color);box-shadow:inset 0 0 0 1px var(--brand-primary, #3b82f6)}.function-code-editor-tab.active{background:var(--bg-secondary);border-color:var(--border-color);border-bottom:1px solid var(--bg-secondary);margin-bottom:-1px;z-index:1}.function-code-editor-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--brand-primary, #3b82f6);border-radius:2px 2px 0 0}.function-code-editor-tab-icon{flex-shrink:0;color:inherit}[data-theme=light] .function-code-editor-tab .function-code-editor-tab-icon{color:#6b7280}[data-theme=light] .function-code-editor-tab.active .function-code-editor-tab-icon{color:#111827}.function-code-editor-tab-name{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-family:var(--font-mono, "Monaco", "Menlo", "Courier New", monospace);transition:color .2s ease}.function-code-editor-tab.active .function-code-editor-tab-name{color:var(--text-primary);font-weight:500}.function-code-editor-tab-dirty{color:var(--text-tertiary, #6b7280);font-size:10px;line-height:1;flex-shrink:0}.function-code-editor-tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;flex-shrink:0;padding:0}.function-code-editor-tab:hover .function-code-editor-tab-close{opacity:1}.function-code-editor-tab-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 16px #3b82f64d,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.function-code-editor-save-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.function-code-editor-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);box-shadow:0 6px 24px #3b82f666,0 0 0 1px #ffffff26 inset;transform:translateY(-2px)}.function-code-editor-save-btn:hover:not(:disabled):before{opacity:1}.function-code-editor-save-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #3b82f64d,0 0 0 1px #ffffff1a inset}.function-code-editor-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.function-code-editor-textarea{flex:1;width:100%;padding:16px;background:var(--bg-secondary);border:none;color:var(--text-primary);font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;resize:none;outline:none;-moz-tab-size:2;tab-size:2;overflow-y:auto;transition:background-color .3s ease,color .3s ease}.function-code-editor-textarea::placeholder{color:var(--text-tertiary);transition:color .3s ease}.function-code-editor-main .monaco-editor,.function-code-editor-editor-area .monaco-editor{border-radius:0;height:100%!important}.function-code-editor-main .monaco-editor .margin,.function-code-editor-main .monaco-editor .monaco-editor-background{background-color:var(--bg-secondary)!important}.function-code-editor-loading-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:12px;transition:color .3s ease}.function-code-editor-empty-editor{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-tertiary);transition:color .3s ease}.function-code-editor-empty-editor svg{opacity:.5}.function-code-editor-empty-editor p{font-size:14px;color:var(--text-tertiary);transition:color .3s ease}.function-code-editor-error-bar{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:rgba(239,68,68,.1);border-top:1px solid #ef4444;color:#ef4444;font-size:12px;z-index:100}.function-code-editor-file-list::-webkit-scrollbar,.function-code-editor-textarea::-webkit-scrollbar{width:8px;height:8px}.function-code-editor-file-list::-webkit-scrollbar-track,.function-code-editor-textarea::-webkit-scrollbar-track{background:var(--bg-secondary);transition:background-color .3s ease}.function-code-editor-file-list::-webkit-scrollbar-thumb,.function-code-editor-textarea::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease}.function-code-editor-file-list::-webkit-scrollbar-thumb:hover,.function-code-editor-textarea::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}.function-code-editor-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.function-code-editor-edit-modal{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0006;min-width:320px;width:100%;max-width:640px;max-height:90%;overflow-y:auto}.function-code-editor-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.function-code-editor-edit-modal-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.function-code-editor-edit-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.function-code-editor-edit-modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-edit-form{padding:20px}.function-code-editor-edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px}.function-code-editor-edit-form-grid .function-code-editor-edit-field{margin-bottom:0;min-width:0}.function-code-editor-edit-field{margin-bottom:16px}.function-code-editor-edit-field:last-of-type{margin-bottom:20px}.function-code-editor-edit-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.function-code-editor-edit-field .function-code-editor-edit-range{display:block;font-size:11px;color:var(--text-tertiary, #6b7280);margin-bottom:4px}.function-code-editor-edit-input{width:100%;padding:8px 12px;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;outline:none;transition:border-color .2s}.function-code-editor-edit-input:focus{border-color:#3b82f6}.function-code-editor-edit-input-error{border-color:#ef4444}.function-code-editor-edit-input-error:focus{border-color:#ef4444}.function-code-editor-edit-field-error{display:block;font-size:11px;color:#ef4444;margin-top:4px}.function-code-editor-edit-error{font-size:12px;color:#ef4444;margin-bottom:12px}.function-code-editor-edit-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.function-code-editor-edit-btn{padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.function-code-editor-edit-btn-cancel{background:transparent;color:var(--text-secondary)}.function-code-editor-edit-btn-cancel:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-edit-btn-save{background:#3b82f6;color:#fff}.function-code-editor-edit-btn-save:hover:not(:disabled){background:#2563eb}.function-code-editor-edit-btn-save:disabled{opacity:.7;cursor:not-allowed}.function-code-editor-config-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.function-code-editor-config-modal{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 24px 48px #00000059,0 0 0 1px #ffffff0a inset;min-width:340px;max-width:420px;max-height:90%;overflow:hidden;display:flex;flex-direction:column}.function-code-editor-config-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.function-code-editor-config-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.function-code-editor-config-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-6px -6px -6px 0;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:6px;transition:background .15s ease,color .15s ease;flex-shrink:0}.function-code-editor-config-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-config-form{padding:24px 20px;overflow-y:auto;flex:1}.function-code-editor-config-field{margin-bottom:18px}.function-code-editor-config-field:last-child{margin-bottom:0}.function-code-editor-config-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.function-code-editor-config-row .function-code-editor-config-field{margin-bottom:18px}.function-code-editor-config-label{display:block;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary, #6b7280);margin-bottom:8px}.function-code-editor-config-theme-hint{display:block;font-size:11px;color:var(--text-tertiary, #6b7280);margin-top:6px}.function-code-editor-config-select,.function-code-editor-config-input{width:100%;min-height:38px;padding:10px 12px;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;line-height:1.4}.function-code-editor-config-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 L6 7.5 L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.function-code-editor-config-select:focus,.function-code-editor-config-input:focus{border-color:var(--brand-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.function-code-editor-config-number-wrap{display:flex;align-items:stretch;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.function-code-editor-config-number-wrap:focus-within{border-color:var(--brand-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.function-code-editor-config-number-input{flex:1;min-width:0;border:none!important;border-radius:0!important;padding-right:10px!important;text-align:left;background:transparent!important;box-shadow:none!important}.function-code-editor-config-number-input:focus{box-shadow:none!important}.function-code-editor-config-number-input[type=number]::-webkit-inner-spin-button,.function-code-editor-config-number-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:none;appearance:none}.function-code-editor-config-number-input[type=number]{-moz-appearance:textfield}.function-code-editor-config-number-btns{display:flex;flex-direction:column;width:28px;flex-shrink:0;border-left:1px solid var(--border-color)}.function-code-editor-config-number-btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:18px;padding:0;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;transition:background .15s ease,color .15s ease}.function-code-editor-config-number-btn:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.function-code-editor-config-number-btn:disabled{opacity:.35;cursor:not-allowed}.function-code-editor-config-number-btn:active:not(:disabled){background:var(--border-color)}.function-code-editor-config-checkbox-row{display:flex;align-items:center;gap:10px}.function-code-editor-config-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary, #3b82f6);cursor:pointer}.function-code-editor-config-label-inline{font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer}@media (max-width: 900px){.function-code-editor-panel{min-width:320px;max-width:calc(100vw - 8px);max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 80px)}.function-code-editor-header{flex-wrap:wrap;padding:8px 10px;gap:8px}.function-code-editor-header-left{flex-wrap:wrap;gap:8px;min-width:0}.function-code-editor-title{font-size:12px}.function-code-editor-endpoint-link{max-width:180px;font-size:11px;padding:4px 6px}.function-code-editor-header-right{flex-wrap:wrap;gap:6px}.function-code-editor-header-save{padding:0 8px;font-size:11px;height:26px}.function-code-editor-sidebar{width:220px}.function-code-editor-sidebar-header{padding:8px 10px}.function-code-editor-sidebar-title{font-size:10px}.function-code-editor-tab{min-width:80px;max-width:140px;padding:6px 10px 5px}.function-code-editor-tab-name{font-size:11px}.function-code-editor-edit-overlay{padding:16px}.function-code-editor-edit-modal{max-width:100%}.function-code-editor-edit-modal-header,.function-code-editor-edit-form{padding:14px 16px}.function-code-editor-edit-modal-title{font-size:15px}.function-code-editor-edit-form-grid{grid-template-columns:1fr;gap:14px}.function-code-editor-config-modal{max-width:calc(100vw - 32px);min-width:280px}.function-code-editor-config-form{padding:16px}.function-code-editor-config-row{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.function-code-editor-panel{min-width:0;width:98%!important;left:5px!important;right:0!important;top:5px!important;bottom:5px!important;height:auto!important;max-height:none!important;min-height:50vh;border-radius:12px 12px 0 0;border-left:none;border-right:none;border-bottom:none}.function-code-editor-panel.maximized{top:0!important;border-radius:0}.function-code-editor-resize-handle{display:none}.function-code-editor-header{padding:10px 12px;border-radius:12px 12px 0 0;flex-wrap:wrap}.function-code-editor-panel.maximized .function-code-editor-header{border-radius:0}.function-code-editor-header-left{width:100%;order:1}.function-code-editor-title{font-size:12px;flex:1;min-width:0}.function-code-editor-endpoint-link{margin-left:auto;max-width:50%;padding:6px 8px;font-size:11px}.function-code-editor-header-right{order:3;width:100%;justify-content:flex-start;margin-top:6px;padding-top:6px;border-top:1px solid var(--border-color)}.function-code-editor-header-save{margin-left:auto;padding:0 10px;font-size:12px;height:32px}.function-code-editor-content{flex-direction:column;min-height:0}.function-code-editor-sidebar{width:100%;max-height:200px;min-height:120px;border-right:none;border-bottom:1px solid var(--border-color)}.function-code-editor-sidebar-header{padding:8px 10px}.function-code-editor-sidebar-toolbar{opacity:1}.function-code-editor-file-list{padding:4px 6px}.function-code-editor-folder-item,.function-code-editor-file-item{padding:6px 8px;min-height:32px}.function-code-editor-folder-name,.function-code-editor-file-name{font-size:12px}.function-code-editor-main{min-height:200px}.function-code-editor-tabs-bar{padding:0 4px}.function-code-editor-tab{min-width:72px;max-width:120px;padding:6px 8px 5px}.function-code-editor-tab-name{font-size:11px}.function-code-editor-editor-area{padding-top:8px}.function-code-editor-edit-overlay{padding:24px 12px 12px;align-items:flex-start}.function-code-editor-edit-modal{max-width:100%;max-height:85vh}.function-code-editor-edit-modal-header{padding:12px 14px}.function-code-editor-edit-modal-title{font-size:14px}.function-code-editor-edit-form{padding:12px 14px}.function-code-editor-edit-form-grid{grid-template-columns:1fr;gap:12px}.function-code-editor-edit-actions{flex-wrap:wrap;gap:8px}.function-code-editor-edit-btn{flex:1;min-width:100px}.function-code-editor-config-modal{max-width:calc(100vw - 16px);width:calc(100vw - 16px);min-width:0;max-height:85vh}.function-code-editor-config-header{padding:14px 16px}.function-code-editor-config-title{font-size:14px}.function-code-editor-config-form{padding:14px 16px}.function-code-editor-config-row{grid-template-columns:1fr}}.ide-panel-outer{position:fixed;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;z-index:200;box-shadow:0 4px 20px #0003;overflow:hidden;min-width:320px;min-height:240px;max-width:calc(100vw - 24px);max-height:calc(100vh - 88px)}.ide-panel-fullscreen{top:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important}.ide-panel-visibility-hidden{visibility:hidden;pointer-events:none}.ide-panel-header{display:flex;align-items:center;padding:0 8px 0 12px;height:36px;background:var(--bg-quaternary);border-bottom:1px solid var(--border-color);flex-shrink:0;-webkit-user-select:none;user-select:none}.ide-panel-traffic{display:flex;align-items:center;gap:8px;flex-shrink:0}.ide-panel-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s;color:transparent}.ide-panel-btn:hover{opacity:1}.ide-panel-btn-close{background:#ff5f57}.ide-panel-btn-close:hover{background:#ff3b30}.ide-panel-btn-minimize{background:#ffbd2e}.ide-panel-btn-minimize:hover{background:#ff9500}.ide-panel-btn-maximize{background:#28c840}.ide-panel-btn-maximize:hover{background:#1db130}.ide-panel-title{display:flex;align-items:center;gap:8px;margin-left:12px;font-size:13px;color:var(--text-primary);overflow:hidden;min-width:0}.ide-panel-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto;background:var(--bg-tertiary)}.ide-panel-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary);text-align:center}.ide-panel-placeholder-icon{color:#6366f1;opacity:.7;margin-bottom:16px}.ide-panel-placeholder p{margin:0;font-size:14px;max-width:320px}.ide-panel-connected-icon{color:#22c55e;opacity:1}.ide-panel-connected-title{font-weight:600;color:var(--text-primary);margin-bottom:8px!important}.ide-panel-connected-sub{color:var(--text-secondary);font-size:13px}.ide-panel-subtitle{color:var(--text-secondary);font-size:12px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-workspace{flex:1;display:flex;min-height:0;overflow:hidden}.ide-panel-sidebar{width:240px;min-width:200px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-quaternary);overflow:hidden}.ide-panel-breadcrumb{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-secondary);flex-shrink:0}.ide-panel-breadcrumb-up{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer}.ide-panel-breadcrumb-up:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}[data-theme=light] .ide-panel-breadcrumb-up:hover{background:rgba(0,0,0,.06);color:var(--text-primary)}.ide-panel-breadcrumb-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-path-row{display:flex;align-items:center;gap:2px;padding:8px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0}.ide-panel-path-row .function-code-editor-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.ide-panel-path-row .function-code-editor-toolbar-btn:not(:disabled):hover{background:var(--bg-quaternary);color:var(--text-primary)}.ide-panel-path-input{flex:1;min-width:0;margin-left:4px;padding:4px 8px;font-size:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.ide-panel-path-input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.ide-panel-bulk-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap}.ide-panel-toolbar-label{font-size:11px;white-space:nowrap}.ide-panel-toolbar-count{font-size:10px;opacity:.85;margin-left:1px}.ide-panel-sidebar .function-code-editor-file-list .function-code-editor-folder-item,.ide-panel-sidebar .function-code-editor-file-list .function-code-editor-file-item{padding-left:8px;padding-right:8px;gap:6px}.ide-panel-row-checkbox{flex-shrink:0;margin:0;padding:0;cursor:pointer;width:16px;height:16px;min-width:16px;min-height:16px;border-radius:3px;border:1.5px solid var(--border-color, #454545);background:var(--bg-primary, #1e1e1e);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;position:relative;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ide-panel-row-checkbox:hover{border-color:var(--text-tertiary, #858585);background:var(--bg-quaternary, #2a2d2e)}.ide-panel-row-checkbox:focus{outline:none;box-shadow:0 0 0 2px #007acc66}.ide-panel-row-checkbox.checked,.ide-panel-row-checkbox[aria-checked=true]{border-color:var(--accent-color, #007acc);background:var(--accent-color, #007acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 5,9 10,3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 10px}.ide-panel-row-checkbox.checked:hover,.ide-panel-row-checkbox[aria-checked=true]:hover{background-color:var(--accent-color-hover, #1177bb);border-color:var(--accent-color-hover, #1177bb);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 5,9 10,3'/%3E%3C/svg%3E")}.ide-panel-row-checkbox:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .ide-panel-row-checkbox{border-color:#3c3c3c;background:#ffffff}[data-theme=light] .ide-panel-row-checkbox:hover{border-color:#333;background:#f3f3f3}[data-theme=light] .ide-panel-row-checkbox.checked,[data-theme=light] .ide-panel-row-checkbox[aria-checked=true]{border-color:#0969da;background-color:#0969da;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 5,9 10,3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 10px}[data-theme=light] .ide-panel-row-checkbox.checked:hover,[data-theme=light] .ide-panel-row-checkbox[aria-checked=true]:hover{background-color:#0550ae;border-color:#0550ae;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 5,9 10,3'/%3E%3C/svg%3E")}.ide-panel-row-selected{background:rgba(0,122,204,.12)}.ide-panel-folder-refresh-btn{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary, #858585);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.function-code-editor-folder-item:hover .ide-panel-folder-refresh-btn,.ide-panel-folder-refresh-btn:hover,.ide-panel-folder-refresh-btn:disabled{opacity:1}.ide-panel-folder-refresh-btn:hover:not(:disabled){color:var(--text-primary, #cccccc);background:var(--bg-quaternary, #2a2d2e)}[data-theme=light] .ide-panel-folder-refresh-btn:hover:not(:disabled){color:#212529;background:#e5e5e5}.ide-panel-folder-refresh-btn:disabled{cursor:default;opacity:.8}.ide-panel-chevron-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:0;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0}.ide-panel-chevron-btn:hover{color:var(--text-primary);background:var(--bg-quaternary)}[data-theme=light] .ide-panel-chevron-btn:hover{background:#e5e5e5;color:#212529}.ide-panel-chevron-placeholder{display:inline-block;width:20px;height:20px;flex-shrink:0}.ide-panel-folder-children{padding-left:20px;border-left:1px solid var(--border-color);margin-left:8px}.ide-panel-folder-children-loading{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:12px;color:var(--text-tertiary)}.ide-panel-filelist{flex:1;overflow-y:auto;padding:4px 0}.ide-panel-file-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.ide-panel-file-item:hover{background:rgba(255,255,255,.06)}[data-theme=light] .ide-panel-file-item:hover{background:rgba(0,0,0,.06)}.ide-panel-file-item.selected{background:rgba(99,102,241,.2);color:#818cf8}[data-theme=light] .ide-panel-file-item.selected{background:rgba(9,105,218,.15);color:#0969da}.ide-panel-file-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-dir{color:#f59e0b}.ide-panel-file{color:var(--text-secondary)}.ide-panel-empty,.ide-panel-loading,.ide-panel-error{padding:12px;font-size:12px;color:var(--text-secondary)}.ide-panel-error{color:#f87171}.ide-panel-loading{display:flex;align-items:center;gap:8px}.ide-panel-editor-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ide-panel-editor-toolbar{display:flex;align-items:center;gap:12px;padding:6px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-quaternary);flex-shrink:0}.ide-panel-editor-path{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-save-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.ide-panel-save-btn:hover:not(:disabled){background:rgba(99,102,241,.15);border-color:#6366f1}.ide-panel-save-btn:disabled{opacity:.5;cursor:not-allowed}.ide-panel-monaco-wrapper{flex:1;min-height:0;width:100%}.ide-panel-monaco-wrapper .monaco-editor{padding-top:8px}.ide-panel-textarea{flex:1;width:100%;min-height:120px;padding:12px;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;resize:none;outline:none}.ide-panel-editor-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary);text-align:center}.ide-panel-editor-placeholder .ide-panel-placeholder-icon{margin-bottom:12px}.ide-panel-editor-placeholder p{margin:0;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.ide-panel-loading .spin,.ide-panel-save-btn .spin{animation:spin .8s linear infinite}.ide-panel-vs .function-code-editor-header{background:#252526;border-bottom-color:#1e1e1e;padding:0 12px;height:35px;min-height:35px;flex-wrap:nowrap}.ide-panel-vs .function-code-editor-header .function-code-editor-title{color:#ccc;font-size:13px;font-weight:400}.ide-panel-vs .function-code-editor-header .function-code-editor-icon{color:#007acc}.ide-panel-vs .function-code-editor-window-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-right:4px}.ide-panel-vs .function-code-editor-header-left{min-width:0;flex:1}.ide-panel-vs .function-code-editor-header-right{flex-shrink:0;margin-left:8px}.ide-panel-vs .function-code-editor-save-btn{flex-shrink:0;white-space:nowrap}.ide-panel-explorer-toggle{display:flex;align-items:center;justify-content:center}.ide-panel-tab-loading .ide-panel-tab-loader{color:#007acc}[data-theme=light] .ide-panel-tab-loading .ide-panel-tab-loader{color:#0969da}[data-theme=light] .ide-panel-vs .function-code-editor-header{background:#f3f3f3;border-bottom-color:#e5e5e5}[data-theme=light] .ide-panel-vs .function-code-editor-header .function-code-editor-title{color:#212529}[data-theme=light] .ide-panel-vs .function-code-editor-header .function-code-editor-icon{color:#0969da}.ide-panel-vs .function-code-editor-save-btn{background:#0e639c;box-shadow:none;font-weight:500}.ide-panel-vs .function-code-editor-save-btn:hover:not(:disabled){background:#1177bb;transform:none;box-shadow:none}[data-theme=light] .ide-panel-vs .function-code-editor-save-btn{background:#0969da;color:#fff}[data-theme=light] .ide-panel-vs .function-code-editor-save-btn:hover:not(:disabled){background:#0550ae}.ide-panel-vs-content{display:flex;flex:1;min-height:0;overflow:hidden}.ide-panel-vs-content:has(.ide-activity-bar){flex-direction:row}.ide-panel-body{flex:1;display:flex;flex-direction:row;min-height:0;min-width:0;overflow:hidden}.ide-activity-bar{width:48px;flex-shrink:0;background:#333333;border-right:1px solid #2d2d30;display:flex;flex-direction:column;align-items:center;padding-top:8px;padding-bottom:8px;gap:0;min-height:0;overflow-y:auto;overflow-x:hidden}.ide-panel-vs-content:has(.ide-activity-bar) .ide-activity-bar{min-height:164px}[data-theme=light] .ide-activity-bar{background:#e8e8e8;border-right-color:#d0d0d0}.ide-activity-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;flex-shrink:0;border:none;background:transparent;color:#858585;cursor:pointer;transition:color .15s,background .15s;position:relative;padding:0}.ide-activity-bar-item svg{width:20px;height:20px;flex-shrink:0}.ide-activity-bar-item:hover:not(:disabled){color:#fff}.ide-activity-bar-item:disabled{opacity:.4;cursor:not-allowed}.ide-activity-bar-item.active{color:#fff}.ide-activity-bar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#007acc}[data-theme=light] .ide-activity-bar-item.active:before{background:#0969da}[data-theme=light] .ide-activity-bar-item{color:#858585}[data-theme=light] .ide-activity-bar-item:hover,[data-theme=light] .ide-activity-bar-item.active{color:#333}.ide-activity-bar-label{font-size:9px;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-activity-bar-more-wrap{display:none;position:relative;flex-shrink:0}.ide-activity-bar-more-dropdown{position:absolute;left:0;top:100%;margin-top:4px;min-width:160px;padding:6px 0;background:var(--bg-tertiary, #252526);border:1px solid var(--border-color, #454545);border-radius:6px;box-shadow:0 8px 24px #0006;z-index:10000;display:flex;flex-direction:column;gap:2px}.ide-activity-bar-more-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary, #cccccc);font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.ide-activity-bar-more-dropdown-item:hover:not(:disabled){background:rgba(255,255,255,.08)}.ide-activity-bar-more-dropdown-item:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .ide-activity-bar-more-dropdown{background:#ffffff;border-color:#e5e5e5;box-shadow:0 8px 24px #0000001f}[data-theme=light] .ide-activity-bar-more-dropdown-item{color:#212529}[data-theme=light] .ide-activity-bar-more-dropdown-item:hover:not(:disabled){background:rgba(0,0,0,.06)}.ide-panel-vs .ide-panel-sidebar.function-code-editor-sidebar{width:260px;background:#252526;border-right-color:#1e1e1e}.ide-panel-vs .function-code-editor-sidebar-header{background:#252526;border-bottom-color:#1e1e1e}.ide-panel-vs .function-code-editor-sidebar-title{color:#ccc}.ide-panel-vs .ide-panel-breadcrumb{background:#252526;border-bottom-color:#1e1e1e;color:#ccc}.ide-panel-vs .function-code-editor-main{background:#1e1e1e}.ide-panel-vs .function-code-editor-tabs-bar{background:#252526;border-bottom-color:#1e1e1e}.ide-panel-vs .function-code-editor-tab.active{background:#1e1e1e;border-color:#1e1e1e;border-bottom-color:#1e1e1e}.ide-panel-vs .function-code-editor-tab.active:after{background:#007acc}.ide-panel-vs .function-code-editor-editor-area{background:#1e1e1e}.ide-panel-editor-area-with-overlay{position:relative}.ide-panel-editor-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(30,30,30,.85);color:var(--text-secondary);font-size:14px}[data-theme=light] .ide-panel-editor-loading-overlay{background:rgba(255,255,255,.9);color:#616161}.ide-panel-file-deleted{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-primary);color:var(--text-secondary)}.ide-panel-file-deleted-icon{color:var(--text-tertiary);opacity:.7}.ide-panel-file-deleted-title{margin:0;font-size:15px;font-weight:500;color:var(--text-primary)}.ide-panel-file-deleted-hint{margin:0;font-size:13px;color:var(--text-tertiary)}.ide-panel-tab-deleted .ide-panel-tab-deleted-icon{color:var(--text-tertiary)}.ide-panel-tab-deleted .function-code-editor-tab-name{font-style:italic;opacity:.85}[data-theme=light] .ide-panel-vs .ide-panel-sidebar.function-code-editor-sidebar,[data-theme=light] .ide-panel-vs .function-code-editor-sidebar-header,[data-theme=light] .ide-panel-vs .ide-panel-breadcrumb{background:#f3f3f3;border-color:#e5e5e5}[data-theme=light] .ide-panel-vs .function-code-editor-sidebar-title{color:#212529}[data-theme=light] .ide-panel-vs .function-code-editor-main,[data-theme=light] .ide-panel-vs .function-code-editor-tab.active,[data-theme=light] .ide-panel-vs .function-code-editor-editor-area{background:#ffffff}[data-theme=light] .ide-panel-vs .function-code-editor-tabs-bar{background:#f3f3f3;border-bottom-color:#e5e5e5}[data-theme=light] .ide-panel-vs .function-code-editor-tab{color:#616161}[data-theme=light] .ide-panel-vs .function-code-editor-tab.active{color:#212529}[data-theme=light] .ide-panel-vs .function-code-editor-tab.active:after{background:#0969da}.ide-status-bar{display:flex;align-items:center;justify-content:space-between;height:22px;min-height:22px;padding:0 8px 0 12px;background:#007acc;color:#ffffffe6;font-size:12px;flex-shrink:0;border-top:1px solid rgba(0,0,0,.2)}[data-theme=light] .ide-status-bar{background:#e8e8e8;color:#333;border-top-color:#d0d0d0}[data-theme=light] .ide-status-bar-divider{background:rgba(0,0,0,.2)}.ide-status-bar-left{display:flex;align-items:center;gap:0;flex:1;min-width:0}.ide-status-bar-right{display:flex;align-items:center;flex-shrink:0}.ide-status-bar-item{padding:0 8px;white-space:nowrap;cursor:default}.ide-status-bar-divider{width:1px;height:14px;background:rgba(255,255,255,.3);flex-shrink:0}.ide-status-bar-dirty{opacity:.95}.ide-panel-refresh-loader{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--bg-quaternary, rgba(255, 255, 255, .04));border-bottom:1px solid var(--border-color, #454545);color:var(--text-secondary, #858585)}[data-theme=light] .ide-panel-refresh-loader{background:#f0f0f0;border-bottom-color:#e5e5e5;color:#495057}.ide-panel-sidebar-header-with-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.ide-panel-sidebar-toolbar{display:flex;align-items:center;gap:6px}.ide-panel-sidebar-toolbar .function-code-editor-toolbar-btn{width:20px;height:20px;flex-shrink:0}.ide-panel-sidebar-toolbar .function-code-editor-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.ide-panel-context-menu{position:fixed;z-index:10000;min-width:140px;padding:4px 0;background:var(--bg-tertiary, #252526);border:1px solid var(--border-color, #454545);border-radius:6px;box-shadow:0 8px 24px #0006}.ide-panel-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--text-primary, #cccccc);font-size:13px;text-align:left;cursor:pointer;transition:background .1s}.ide-panel-context-menu button:hover{background:var(--bg-quaternary, #2a2d2e)}[data-theme=light] .ide-panel-context-menu{background:#ffffff;border-color:#e5e5e5;box-shadow:0 8px 24px #0000001f}[data-theme=light] .ide-panel-context-menu button{color:#212529}[data-theme=light] .ide-panel-context-menu button:hover{background:#f0f0f0}.ide-panel-context-menu button svg{flex-shrink:0;opacity:.8}.ide-panel-row-has-actions .ide-panel-row-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.ide-panel-row-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;padding:0}.ide-panel-row-has-actions:hover .ide-panel-row-action{opacity:1}.ide-panel-row-action:hover{background:var(--bg-quaternary);color:var(--text-primary)}[data-theme=light] .ide-panel-row-action:hover,[data-theme=light] .ide-panel-rename-action:hover{background:#e5e5e5;color:#212529}.ide-panel-row-action-delete:hover{color:#ef4444}.ide-panel-row-action-confirm:hover{color:#22c55e}.ide-panel-rename-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.ide-panel-rename-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary, #6b7280);cursor:pointer;border-radius:4px;transition:background .15s ease,color .15s ease;padding:0}.ide-panel-rename-action:hover{background:var(--bg-quaternary);color:var(--text-primary)}.ide-panel-rename-action-confirm:hover{color:#22c55e}.ide-panel-rename-input{flex:1;min-width:0;padding:2px 6px;font-size:13px;color:var(--text-primary);background:var(--bg-quaternary, #2a2d2e);border:1px solid #007acc;border-radius:4px;outline:none}[data-theme=light] .ide-panel-rename-input{background:#ffffff;border-color:#0969da}.ide-panel-rename-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.ide-panel-rename-error{font-size:12px;color:var(--destructive, #ef4444);margin:4px 0 0;width:100%}.ide-panel-new-input-inline{position:relative}.ide-panel-new-input-with-icons{padding-right:56px;width:100%}.ide-panel-new-input-icons{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;gap:2px;pointer-events:none}.ide-panel-new-input-icons .ide-panel-new-input-icon{pointer-events:auto}.ide-panel-new-input-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s}.ide-panel-new-input-icon:hover{background:var(--bg-quaternary);color:var(--text-primary)}.ide-panel-new-input-icon-ok{color:#22c55e}.ide-panel-new-input-icon-ok:hover{background:rgba(34,197,94,.2);color:#22c55e}.ide-panel-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.ide-panel-simple-modal,.ide-panel-permission-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px;min-width:300px;max-width:min(480px,90vw);width:100%;box-shadow:0 8px 32px #00000059;box-sizing:border-box}.ide-panel-simple-modal{padding:24px}.ide-panel-permission-title{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.ide-panel-permission-hint{margin:0 0 16px;font-size:13px;line-height:1.45;color:var(--text-secondary)}.ide-panel-permission-input{width:100%;padding:8px 10px;font-size:13px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);margin-bottom:12px;box-sizing:border-box}.ide-panel-permission-input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.ide-panel-simple-modal .ide-panel-permission-actions,.ide-panel-permission-modal .ide-panel-permission-actions{margin-top:4px;padding-top:16px;border-top:1px solid var(--border-color);gap:10px;flex-wrap:nowrap}.ide-panel-simple-modal .ide-panel-permission-actions .function-code-editor-toolbar-btn,.ide-panel-permission-modal .ide-panel-permission-actions .function-code-editor-toolbar-btn{width:auto;min-width:72px;min-height:36px;height:auto;padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary)}.ide-panel-simple-modal .ide-panel-permission-actions .function-code-editor-toolbar-btn:hover:not(:disabled),.ide-panel-permission-modal .ide-panel-permission-actions .function-code-editor-toolbar-btn:hover:not(:disabled){background:var(--bg-quaternary)}.ide-panel-permission-apply{background:var(--accent-color, #6366f1)!important;color:#fff!important;border-color:transparent!important}.ide-panel-new-item-modal{min-width:360px;max-width:min(420px,90vw)}.ide-panel-new-item-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ide-panel-new-item-modal-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.ide-panel-new-item-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s}.ide-panel-new-item-modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.ide-panel-new-item-modal-form{display:flex;flex-direction:column;gap:16px}.ide-panel-new-item-modal-field{display:flex;flex-direction:column;gap:6px}.ide-panel-new-item-modal-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.ide-panel-new-item-modal-input{width:100%;padding:10px 12px;font-size:13px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.ide-panel-new-item-modal-input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.ide-panel-new-item-modal-input::placeholder{color:var(--text-tertiary)}.ide-panel-new-item-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.ide-panel-new-item-modal-btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.ide-panel-new-item-modal-cancel{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary)}.ide-panel-new-item-modal-cancel:hover{background:var(--bg-quaternary)}.ide-panel-new-item-modal-create{border:none;background:var(--accent-color, #6366f1);color:#fff}.ide-panel-new-item-modal-create:hover:not(:disabled){filter:brightness(1.08)}.ide-panel-new-item-modal-create:disabled{opacity:.5;cursor:not-allowed}.ide-panel-permission-apply:hover:not(:disabled){opacity:.92}.ide-panel-permission-delete{background:var(--danger-color, #dc2626)!important;color:#fff!important;border-color:transparent!important}.ide-panel-permission-delete:hover:not(:disabled){opacity:.92}.ide-panel-permission-delete .spinning,.ide-panel-permission-apply .spinning{margin-right:6px;vertical-align:middle}.ide-panel-destination-modal{min-width:360px;max-width:min(480px,90vw);width:100%;max-height:85vh;display:flex;flex-direction:column;padding:24px 22px!important}.ide-panel-destination-modal .ide-panel-permission-title{margin:0 0 20px;font-size:15px;font-weight:600;letter-spacing:-.01em}.ide-panel-destination-label{display:block;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:8px}.ide-panel-destination-items-section{margin-bottom:18px}.ide-panel-destination-items-list{max-height:88px;overflow-y:auto;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid var(--border-color);padding:2px 0}.ide-panel-destination-item-row{display:flex;align-items:center;gap:10px;padding:6px 12px;font-size:13px;color:var(--text-primary)}.ide-panel-destination-item-row .ide-panel-destination-row-icon{flex-shrink:0;color:var(--text-secondary);display:flex;align-items:center;opacity:.9}.ide-panel-destination-item-row .ide-panel-destination-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-destination-hint{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-secondary)}.ide-panel-destination-path-row{display:flex;gap:8px;margin-bottom:18px}.ide-panel-destination-input{flex:1;min-width:0;margin-bottom:0!important;border-radius:6px}.ide-panel-destination-up-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.ide-panel-destination-up-btn:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}.ide-panel-destination-up-btn:disabled{opacity:.35;cursor:not-allowed}.ide-panel-destination-list-section{margin-bottom:20px;flex:1;min-height:0;display:flex;flex-direction:column}.ide-panel-destination-list{flex:1;min-height:100px;max-height:200px;overflow-y:auto;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid var(--border-color);padding:4px 0}.ide-panel-destination-list-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px;font-size:13px;color:var(--text-secondary)}.ide-panel-destination-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .12s;border-radius:4px;margin:0 4px}.ide-panel-destination-row:hover{background:rgba(255,255,255,.06)}.ide-panel-destination-row-icon{flex-shrink:0;color:var(--text-secondary)}.ide-panel-destination-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-destination-list-empty{padding:24px 12px;font-size:13px;color:var(--text-secondary);text-align:center}.ide-panel-chmod-modal{min-width:340px;max-width:min(480px,90vw);padding:24px 22px!important}.ide-panel-chmod-modal .ide-panel-permission-title{margin:0 0 8px;font-size:15px;font-weight:600;letter-spacing:-.01em}.ide-panel-chmod-hint{margin:0 0 18px;font-size:13px;color:var(--text-secondary)}.ide-panel-chmod-label{display:block;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:8px}.ide-panel-chmod-octal-row{margin-bottom:18px}.ide-panel-chmod-input{margin-bottom:0!important;border-radius:6px;width:80px}.ide-panel-chmod-grid-section{margin-bottom:20px}.ide-panel-chmod-grid{display:grid;grid-template-columns:72px 1fr 1fr 1fr;gap:0 12px;align-items:center;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid var(--border-color);padding:10px 12px}.ide-panel-chmod-grid-cell{padding:6px 4px;font-size:13px}.ide-panel-chmod-grid-header{font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-secondary)}.ide-panel-chmod-grid-row-label{font-weight:500;color:var(--text-primary)}.ide-panel-chmod-check-cell{display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.ide-panel-chmod-check-cell input{position:absolute;opacity:0;width:0;height:0}.ide-panel-chmod-checkbox-box{width:18px;height:18px;border:1.5px solid var(--border-color);border-radius:4px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.ide-panel-chmod-check-cell input:focus-visible+.ide-panel-chmod-checkbox-box{outline:2px solid var(--accent-color, #6366f1);outline-offset:2px}.ide-panel-chmod-check-cell input:checked+.ide-panel-chmod-checkbox-box{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.ide-panel-chmod-checkbox-box svg{color:#fff;width:12px;height:12px}.ide-panel-chmod-modal .ide-panel-destination-actions{margin-top:4px;padding-top:16px;border-top:1px solid var(--border-color)}.ide-panel-destination-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:16px;border-top:1px solid var(--border-color)}.ide-panel-destination-btn{min-width:80px;min-height:36px;padding:8px 18px;font-size:13px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .15s,opacity .15s}.ide-panel-destination-btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.ide-panel-destination-btn-cancel:hover{background:var(--bg-quaternary)}.ide-panel-destination-btn-primary{background:var(--accent-color, #6366f1);color:#fff}.ide-panel-destination-btn-primary:hover{opacity:.92}.ide-panel-delete-modal{padding:24px 24px 20px!important;min-width:320px;max-width:min(480px,90vw);width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 8px 32px #00000059}.ide-panel-delete-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ide-panel-delete-modal-icon{width:36px;height:36px;border-radius:8px;background:rgba(220,38,38,.12);color:#ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ide-panel-delete-modal-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.ide-panel-delete-modal-message{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.ide-panel-delete-modal-warning{font-size:15px;font-weight:500;color:var(--text-primary)}.ide-panel-delete-modal-error{font-size:13px;color:var(--destructive, #ef4444);margin:0 0 12px;padding:8px 10px;border-radius:6px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.ide-panel-delete-modal-details-section{margin-bottom:18px}.ide-panel-delete-modal-details-heading{display:block;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px}.ide-panel-delete-modal-details-heading:after{content:" ›";font-weight:400;opacity:.7}.ide-panel-delete-modal-details{margin-bottom:0;padding:10px 12px;border-radius:6px;background:rgba(255,255,255,.02);border:1px solid var(--border-color);display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;overflow:hidden}.ide-panel-delete-modal-detail-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.ide-panel-delete-modal-detail-value{font-size:14px;color:var(--text-primary);flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-delete-modal-detail-path{width:100%;margin:4px 0 0;font-size:12px;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-delete-modal-details-list{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;max-height:180px;overflow-y:auto;padding:8px 10px;text-align:left}.ide-panel-delete-modal-detail-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:5px 4px;font-size:13px;width:100%;min-width:0;box-sizing:border-box;text-align:left}.ide-panel-delete-modal-detail-row .ide-panel-delete-modal-detail-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-panel-delete-modal-detail-row .ide-panel-delete-modal-detail-icon{flex-shrink:0;color:var(--text-secondary);opacity:.9}.ide-panel-delete-modal-detail-more{padding:6px 4px 2px;font-size:12px;color:var(--text-secondary)}.ide-panel-delete-modal-message+.ide-panel-delete-checkbox,.ide-panel-delete-modal-details+.ide-panel-delete-checkbox{margin-top:0}.ide-panel-delete-modal .ide-panel-delete-checkbox{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 0;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary);-webkit-user-select:none;user-select:none;transition:color .15s}.ide-panel-delete-modal .ide-panel-delete-checkbox:hover{color:var(--text-primary)}.ide-panel-delete-modal .ide-panel-delete-checkbox input{position:absolute;opacity:0;width:0;height:0}.ide-panel-delete-modal .ide-panel-delete-checkbox .ide-panel-delete-checkbox-box{width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--border-color);border-radius:4px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.ide-panel-delete-modal .ide-panel-delete-checkbox input:focus-visible+.ide-panel-delete-checkbox-box{outline:2px solid #ef4444;outline-offset:2px}.ide-panel-delete-modal .ide-panel-delete-checkbox input:checked+.ide-panel-delete-checkbox-box{background:#dc2626;border-color:#dc2626}.ide-panel-delete-modal .ide-panel-delete-checkbox input:disabled+.ide-panel-delete-checkbox-box{opacity:.5;cursor:not-allowed}.ide-panel-delete-modal .ide-panel-delete-checkbox .ide-panel-delete-checkbox-box svg{color:#fff;width:12px;height:12px}.ide-panel-delete-modal-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;margin:0;padding:0;border:none}.ide-panel-delete-modal-btn{min-width:80px;min-height:34px;padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .15s,opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ide-panel-delete-modal-btn:disabled{opacity:.5;cursor:not-allowed}.ide-panel-delete-modal-btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.ide-panel-delete-modal-btn-cancel:hover:not(:disabled){background:rgba(255,255,255,.06);color:var(--text-primary);border-color:#ffffff26}.ide-panel-delete-modal-btn-confirm{background:#dc2626;color:#fff;border:1px solid transparent}.ide-panel-delete-modal-btn-confirm:hover:not(:disabled){background:#b91c1c;opacity:1}.ide-panel-delete-modal-btn-confirm .spinning{flex-shrink:0}.ide-panel-error-with-close{display:flex;align-items:center;gap:10px;flex-shrink:0}.ide-panel-error-with-close .ide-panel-error-text{flex:1;min-width:0}.ide-panel-error-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:.85;transition:background .15s,opacity .15s}.ide-panel-error-close:hover{background:rgba(255,255,255,.15);opacity:1}.ide-panel-delete-checkbox{display:flex;align-items:center;gap:10px;margin:16px 0 4px;cursor:pointer;font-size:13px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.ide-panel-delete-checkbox input{position:absolute;opacity:0;width:0;height:0}.ide-panel-delete-checkbox .ide-panel-delete-checkbox-box{width:18px;height:18px;flex-shrink:0;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.ide-panel-delete-checkbox input:focus-visible+.ide-panel-delete-checkbox-box{outline:2px solid var(--accent-color, #6366f1);outline-offset:2px}.ide-panel-delete-checkbox input:checked+.ide-panel-delete-checkbox-box{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.ide-panel-delete-checkbox input:disabled+.ide-panel-delete-checkbox-box{opacity:.5;cursor:not-allowed}.ide-panel-delete-checkbox .ide-panel-delete-checkbox-box svg{color:#fff;width:12px;height:12px}@media (max-width: 1024px){.ide-panel-outer{min-width:280px}.ide-panel-vs .ide-panel-sidebar.function-code-editor-sidebar{width:220px;min-width:180px}.ide-activity-bar{width:44px}.ide-activity-bar-item{width:44px;height:44px;min-height:44px;min-width:44px;flex-shrink:0}.ide-activity-bar-item svg{width:18px;height:18px}.ide-panel-header{padding:0 6px 0 10px;height:32px}.ide-panel-title{font-size:12px}.ide-panel-outer.ide-panel-vs .function-code-editor-header{flex-wrap:nowrap;padding:0 10px;height:36px;min-height:36px}.ide-panel-outer.ide-panel-vs .function-code-editor-header-left{width:auto;order:0;flex-wrap:nowrap}.ide-panel-outer.ide-panel-vs .function-code-editor-header-right{order:0;width:auto;margin-top:0;padding-top:0;border-top:none;flex-wrap:nowrap}.ide-panel-outer.ide-panel-vs .function-code-editor-window-controls{gap:6px}.ide-panel-outer.ide-panel-vs .function-code-editor-control-btn{width:12px;height:12px}.ide-panel-outer.ide-panel-vs .function-code-editor-header-save{height:28px;padding:0 10px;font-size:12px}.ide-panel-path-row,.ide-panel-path-input{padding:6px 8px;font-size:11px}.ide-panel-sidebar-toolbar .function-code-editor-toolbar-btn{width:20px;height:20px}.ide-panel-permission-modal{min-width:260px;max-width:calc(100vw - 32px)}}@media (max-width: 768px){.ide-panel-outer{min-width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 64px)}.ide-panel-vs-content{flex-direction:column}.ide-panel-vs-content:has(.ide-activity-bar){flex-direction:column}.ide-panel-vs-content:has(.ide-activity-bar) .ide-activity-bar{min-height:48px}.ide-activity-bar{width:100%;min-width:0;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;padding:6px 8px;gap:2px;min-height:48px;border-right:none;border-bottom:1px solid #2d2d30;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;z-index:20}.ide-activity-bar-secondary{display:none}.ide-panel-explorer-toggle{display:flex;align-items:center;justify-content:center}.ide-activity-bar-more-wrap{display:flex;align-items:center}.ide-activity-bar-more-dropdown{left:0;right:auto;top:100%}.ide-activity-bar-item{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0}.ide-activity-bar-item svg{width:20px;height:20px}.ide-activity-bar-item.active:before{left:0;top:auto;bottom:0;right:0;height:3px;width:100%}.ide-activity-bar-label{display:none}.ide-panel-body{flex:1;min-height:0;min-width:0}.ide-panel-vs .ide-panel-sidebar.function-code-editor-sidebar{width:240px;min-width:200px;max-width:85vw}.function-code-editor-sidebar-header{padding:8px 10px}.function-code-editor-sidebar-title{font-size:10px}.ide-panel-path-row{padding:6px 8px;flex-wrap:wrap}.ide-panel-path-input{min-width:120px}.function-code-editor-file-list .function-code-editor-folder-item,.function-code-editor-file-list .function-code-editor-file-item{padding:8px 10px;font-size:12px}.ide-panel-modal-overlay{padding:12px;align-items:flex-start;overflow-y:auto}.ide-panel-permission-modal{width:100%;max-width:min(320px,calc(100vw - 24px));margin:auto 0}.ide-panel-rename-input{font-size:12px}}@media (max-width: 480px){.ide-panel-outer{min-width:0;width:100vw!important;max-width:100vw;border-radius:0;left:0!important;right:0!important}.ide-panel-header{height:40px;padding:0 8px 0 12px}.ide-panel-outer.ide-panel-vs .function-code-editor-header{flex-wrap:nowrap;padding:0 8px 0 12px;height:40px;min-height:40px;border-radius:0}.ide-panel-outer.ide-panel-vs .function-code-editor-header-left{width:auto;order:0;min-width:0}.ide-panel-outer.ide-panel-vs .function-code-editor-header-right{order:0;width:auto;margin-top:0;padding-top:0;border-top:none}.ide-panel-outer.ide-panel-vs .function-code-editor-window-controls{padding:4px 0;gap:8px}.ide-panel-outer.ide-panel-vs .function-code-editor-control-btn{width:14px;height:14px;min-width:14px;min-height:14px}.ide-panel-outer.ide-panel-vs .function-code-editor-control-icon{width:10px;height:10px}.ide-panel-outer.ide-panel-vs .function-code-editor-header-save{height:32px;padding:0 12px;font-size:12px;margin-left:0}.ide-activity-bar-item{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}.ide-activity-bar-item svg{width:22px;height:22px}.ide-panel-body{flex-direction:column}.ide-panel-vs .ide-panel-sidebar.function-code-editor-sidebar{width:100%;min-width:0;max-width:100%;max-height:45vh;flex-shrink:0}.ide-panel-vs .function-code-editor-main{min-height:200px}.ide-panel-sidebar-header-with-actions{flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ide-panel-sidebar-header-with-actions .ide-panel-sidebar-toolbar{flex-wrap:nowrap;flex-shrink:0}.ide-panel-sidebar-toolbar .function-code-editor-toolbar-btn{width:20px;height:20px}.ide-panel-toolbar-label{font-size:10px}.function-code-editor-file-list .function-code-editor-folder-item,.function-code-editor-file-list .function-code-editor-file-item{padding:10px 12px;min-height:44px}.ide-panel-row-checkbox{width:18px;height:18px;min-width:18px;min-height:18px}.ide-panel-row-checkbox.checked,.ide-panel-row-checkbox[aria-checked=true]{background-size:11px 11px}.ide-panel-permission-modal{padding:12px;min-width:0}.ide-panel-permission-title{font-size:13px}.ide-panel-permission-actions{flex-wrap:wrap}}.ide-panel-image-preview{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;background:var(--bg-tertiary, #1e1e1e)}.ide-panel-image-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}.ide-panel-image-preview-too-large{flex-direction:column;gap:8px}.ide-panel-image-preview-message{font-size:14px;color:var(--text-secondary, #e5e7eb)}.ide-panel-image-preview-hint{font-size:12px;color:var(--text-tertiary, #9ca3af)}.ide-panel-empty-editor{gap:20px;padding:32px 24px;min-height:200px}.ide-panel-empty-editor-icon-wrap{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:16px;background:var(--bg-quaternary, rgba(255, 255, 255, .04));border:1px solid var(--border-color, rgba(255, 255, 255, .06));color:var(--text-tertiary, #6b7280);transition:color .2s ease,background .2s ease,border-color .2s ease}.ide-panel-empty-editor-icon{color:var(--accent-muted, #6366f1);opacity:.85}.ide-panel-empty-editor-title{font-size:15px;font-weight:500;color:var(--text-secondary, #e5e7eb)!important;margin:0;letter-spacing:-.01em}.ide-panel-empty-editor-hint{font-size:13px;color:var(--text-tertiary, #9ca3af)!important;margin:0;max-width:260px;text-align:center;line-height:1.45}.ide-ws-status{display:inline-flex;align-items:center;gap:4px;font-size:11px}.ide-ws-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.ide-ws-status--connected .ide-ws-dot{background:#22c55e;box-shadow:0 0 4px #22c55e80}.ide-ws-status--connecting .ide-ws-dot{background:#f59e0b;animation:ide-ws-pulse 1.2s ease-in-out infinite}.ide-ws-status--disconnected .ide-ws-dot,.ide-ws-status--error .ide-ws-dot{background:#6b7280}@keyframes ide-ws-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-height: 600px){.ide-panel-outer{max-height:calc(100vh - 48px)}.ide-activity-bar-item{height:40px;min-height:40px}.function-code-editor-tabs-bar{min-height:36px}}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.terminal-view{position:fixed;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;z-index:200;box-shadow:0 4px 20px #0000004d;overflow:hidden;min-width:400px;min-height:300px}.terminal-view-minimized{visibility:hidden!important;pointer-events:none!important}.terminal-view-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;max-width:100vw!important;max-height:100vh!important}.terminal-view-header{display:flex;align-items:center;padding:0;border-bottom:1px solid rgba(255,255,255,.1);background:#2d2d2d;-webkit-user-select:none;user-select:none;flex-shrink:0;height:28px;position:relative}.terminal-view-traffic-lights{display:flex;align-items:center;gap:8px;padding:0 12px;height:100%;flex-shrink:0}.terminal-traffic-light{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;position:relative}.terminal-traffic-light-close{background:#ff5f57}.terminal-traffic-light-close:hover{background:#ff3b30}.terminal-traffic-light-minimize{background:#ffbd2e}.terminal-traffic-light-minimize:hover{background:#ff9500}.terminal-traffic-light-maximize{background:#28c840}.terminal-traffic-light-maximize:hover{background:#1fb832}.terminal-view-title{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.terminal-title-icon{color:#5e9eff;flex-shrink:0}.terminal-title-text{font-size:13px;color:#d0d0d0;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.terminal-view-header-right{display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0;margin-left:auto}.terminal-status{display:flex;align-items:center;font-size:8px}.terminal-status.connected{color:#28c840}.terminal-status.connecting{color:#ffbd2e}.terminal-view-body{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.terminal-error{padding:12px 16px;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.terminal-reconnect-btn{padding:6px 12px;font-size:13px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#ef4444;cursor:pointer}.terminal-reconnect-btn:hover{background:rgba(239,68,68,.3)}.terminal-xterm-container{flex:1;padding:10px;background:#1e1e1e;overflow:hidden;position:relative;min-height:0;display:flex;flex-direction:column;cursor:text}.terminal-xterm-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.terminal-xterm-bottom-spacer{height:6px;flex-shrink:0;background:#1e1e1e}.terminal-xterm-container .xterm{height:100%;width:100%}.terminal-xterm-container .xterm-viewport,.terminal-xterm-container .xterm-screen{background:#1e1e1e!important}.terminal-welcome{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center;z-index:100;pointer-events:none;background:#1e1e1e;padding:20px;border-radius:8px}.terminal-welcome p{margin:16px 0 0;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=light] .terminal-view{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 4px 20px #0000001f}[data-theme=light] .terminal-view-header{background:var(--bg-quaternary);border-bottom-color:var(--border-color)}[data-theme=light] .terminal-title-text{color:var(--text-primary)}[data-theme=light] .terminal-xterm-container,[data-theme=light] .terminal-xterm-bottom-spacer{background:var(--bg-tertiary)}[data-theme=light] .terminal-xterm-container .xterm-viewport,[data-theme=light] .terminal-xterm-container .xterm-screen{background:var(--bg-tertiary)!important}[data-theme=light] .terminal-welcome{color:var(--text-secondary);background:var(--bg-tertiary)}[data-theme=light] .terminal-welcome p{color:var(--text-primary)}.terminal-window-outer{position:fixed;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;z-index:200;box-shadow:0 4px 20px #0000004d;overflow:hidden;width:800px;height:480px;max-width:calc(100vw - 24px);max-height:calc(100vh - 88px);min-width:280px;min-height:240px}.terminal-window-fullscreen{top:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important}.terminal-window-minimized{visibility:hidden;pointer-events:none}.terminal-window-header{display:flex;align-items:center;padding:0 8px 0 12px;height:28px;background:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;-webkit-user-select:none;user-select:none}.terminal-window-traffic{display:flex;align-items:center;gap:8px;flex-shrink:0}.terminal-window-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;position:relative;color:#0009;flex-shrink:0}.terminal-window-control-icon{width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .2s;flex-shrink:0}.terminal-window-btn:hover .terminal-window-control-icon{opacity:1}.terminal-window-btn-close{background:#ff5f57}.terminal-window-btn-close:hover{background:#ff3b30}.terminal-window-btn-close .terminal-window-control-icon{color:#000000a6}.terminal-window-btn-minimize{background:#ffbd2e}.terminal-window-btn-minimize:hover{background:#ff9500}.terminal-window-btn-minimize .terminal-window-control-icon{color:#000000a6}.terminal-window-btn-maximize{background:#28c840}.terminal-window-btn-maximize:hover{background:#1db130}.terminal-window-btn-maximize .terminal-window-control-icon{color:#000000a6}.terminal-window-title{display:flex;align-items:center;gap:6px;margin-left:12px;font-size:12px;color:#ffffffe6;overflow:hidden;min-width:0}.terminal-window-title-icon{flex-shrink:0;opacity:.8}.terminal-window-tabs{display:flex;align-items:center;background:#252525;flex-shrink:0;min-height:36px}.terminal-window-tab-list{display:flex;align-items:center;flex:1;min-width:0;gap:2px;padding:8px 0 0 8px}.terminal-window-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;border:none;border-radius:6px 6px 0 0;background:transparent;color:#ffffffb3;font-size:12px;cursor:pointer;max-width:160px;min-width:0}.terminal-window-tab:hover{background:rgba(255,255,255,.08);color:#fff}.terminal-window-tab-active{background:#1e1e1e;color:#fff}.terminal-window-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-window-tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;flex-shrink:0;opacity:.6}.terminal-window-tab-close:hover{background:rgba(255,255,255,.15);opacity:1}.terminal-window-new-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:4px 8px 4px 4px;border:1px solid rgb(30 30 30);border-radius:6px;background:rgba(255,255,255,.04);color:#ffffffd9;font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.terminal-window-new-tab:hover{background:rgba(255,255,255,.1);border-color:#ffffff73;color:#fff}.terminal-window-content,.terminal-window-pane{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.terminal-window-pane .terminal-view-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:0}.terminal-window-pane .terminal-xterm-container{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:10px}.terminal-window-pane .terminal-xterm-wrapper{flex:1;min-height:0}.terminal-window-pane .terminal-xterm-bottom-spacer{height:6px;flex-shrink:0}.terminal-window-pane .terminal-xterm-container .xterm{flex:1;min-height:0;width:100%;height:100%}.terminal-window-pane .terminal-xterm-container .xterm-viewport{overflow-y:auto!important}[data-theme=light] .terminal-window-outer{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 4px 20px #0000001f}[data-theme=light] .terminal-window-header{background:var(--bg-quaternary);border-bottom-color:var(--border-color)}[data-theme=light] .terminal-window-title{color:var(--text-primary)}[data-theme=light] .terminal-window-tabs{background:var(--bg-quaternary)}[data-theme=light] .terminal-window-tab{color:var(--text-secondary)}[data-theme=light] .terminal-window-tab:hover{background:rgba(0,0,0,.06);color:var(--text-primary)}[data-theme=light] .terminal-window-tab-active{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=light] .terminal-window-new-tab{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .terminal-window-new-tab:hover{background:var(--bg-quaternary);border-color:#3b82f666;color:var(--text-primary)}[data-theme=light] .terminal-window-tab .terminal-window-tab-close{color:var(--text-secondary)}[data-theme=light] .terminal-window-tab-close:hover{background:rgba(0,0,0,.08);color:var(--text-primary)}@media (max-width: 900px){.terminal-window-outer{width:calc(100vw - 24px);height:70vh;max-height:calc(100vh - 88px)}}@media (max-width: 480px){.terminal-window-outer{left:8px!important;right:8px;width:calc(100vw - 16px)!important;max-width:none;height:60vh;max-height:calc(100vh - 80px);min-height:200px;border-radius:8px}.terminal-window-header{padding:0 6px 0 10px;height:32px}.terminal-window-title{font-size:11px;margin-left:8px}.terminal-window-tabs{min-height:40px;flex-wrap:wrap;gap:4px}.terminal-window-tab-list{padding:6px 0 0 6px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.terminal-window-tab{max-width:120px;padding:6px 6px 6px 8px;font-size:11px}.terminal-window-new-tab{padding:6px 10px;font-size:11px}.terminal-window-new-tab span{display:none}.terminal-window-pane .terminal-xterm-container{padding:8px}}.notification{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:10px 14px;min-width:240px;max-width:420px;border-radius:10px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #00000014,0 1px 3px #0000000f;z-index:10000;animation:notifSlideUp .3s cubic-bezier(.16,1,.3,1)}.notification-exit{animation:notifSlideOut .25s cubic-bezier(.4,0,1,1) forwards}@keyframes notifSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notifSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(8px);opacity:0}}.notification-icon-dot{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff}.notification-message{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.4;color:#1f2937;word-wrap:break-word}.notification-close{flex-shrink:0;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.notification-close:hover{color:#4b5563;background:rgba(0,0,0,.05)}.notification-close:active{transform:scale(.92)}.notification-success .notification-icon-dot{background:#10b981}.notification-error .notification-icon-dot{background:#ef4444}.notification-warning .notification-icon-dot{background:#f59e0b}.notification-info .notification-icon-dot,.notification-loading .notification-icon-dot{background:#3b82f6}.notification-loading-spinner{animation:notification-spin .75s linear infinite}@keyframes notification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .notification{background:rgba(24,24,32,.92);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000059,0 1px 4px #0003}[data-theme=dark] .notification-message{color:#e5e7eb}[data-theme=dark] .notification-close{color:#6b7280}[data-theme=dark] .notification-close:hover{color:#d1d5db;background:rgba(255,255,255,.08)}.activity-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;height:100%;transition:background-color .3s ease}.activity-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.activity-panel-header-left{flex:1;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;width:100%;padding:24px 32px;gap:6px}.activity-panel-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2;transition:color .3s ease}.activity-panel-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;transition:color .3s ease}.activity-panel-header-right{display:flex;align-items:center;gap:8px;padding-right:32px;flex-shrink:0}.activity-panel-refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1),color .3s ease;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.activity-panel-refresh-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.activity-panel-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.activity-panel-filters{padding:0;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.activity-panel-filters-inner{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px 32px}.activity-filters-selects-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;min-width:0}.activity-filter-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0;transition:color .3s ease}.activity-filter-label svg{color:var(--text-tertiary);flex-shrink:0}.activity-filter-group{display:flex;align-items:center;gap:8px}.activity-filter-group svg{color:var(--text-secondary);flex-shrink:0;transition:color .3s ease}.activity-filter-dropdown{position:relative;display:inline-block}.activity-filter-dropdown-button{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,color .3s ease;min-width:180px;box-shadow:0 1px 2px #0000000d;gap:8px;white-space:nowrap}.activity-filter-dropdown-button:hover{border-color:var(--border-color);background:var(--bg-tertiary);box-shadow:0 2px 4px #00000014}.activity-filter-dropdown-button:focus{border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #00000014}.activity-filter-dropdown-button-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-filter-dropdown-button-content span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-filter-dropdown-icon{flex-shrink:0}.activity-filter-dropdown-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease,color .3s ease}.activity-filter-dropdown-chevron.open{transform:rotate(180deg)}.activity-filter-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0003,0 4px 8px #0000001a;z-index:1000;max-height:320px;overflow-y:auto;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);min-width:200px;width:max-content;padding:4px}.activity-filter-dropdown-menu::-webkit-scrollbar{width:6px}.activity-filter-dropdown-menu::-webkit-scrollbar-track{background:transparent}.activity-filter-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background-color .3s ease}.activity-filter-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-filter-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease,background-color .3s ease,color .3s ease;text-align:left;position:relative;white-space:nowrap}.activity-filter-dropdown-item:hover{background:var(--bg-tertiary)}.activity-filter-dropdown-item.selected{background:var(--bg-quaternary)}.activity-filter-dropdown-item-icon{flex-shrink:0;opacity:.9}.activity-filter-dropdown-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-filter-dropdown-item-check{flex-shrink:0;color:#3b82f6;margin-left:auto}.activity-filter-select{display:none}.activity-panel-content{flex:1;overflow-y:auto;padding:32px;background:var(--bg-primary);transition:background-color .3s ease}.activity-panel-loading,.activity-panel-error,.activity-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-secondary);transition:color .3s ease}.activity-panel-loading{gap:12px}.activity-panel-loading svg{color:#3b82f6}.activity-panel-error{gap:16px;color:#ef4444}.activity-panel-error button{padding:8px 16px;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:background .2s}.activity-panel-error button:hover{background:#2563eb}.activity-panel-empty{gap:16px}.activity-panel-empty p{font-size:16px;font-weight:500;color:var(--text-primary);margin:0;transition:color .3s ease}.activity-panel-empty span{font-size:13px;color:var(--text-tertiary);transition:color .3s ease}@keyframes activity-panel-skeleton-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.activity-panel-skeleton.activity-timeline-container{pointer-events:none}.activity-panel-skeleton .activity-card-left-box{padding:20.5px 22px}.activity-panel-skeleton .activity-card-right-box{padding:18.5px 20px}.activity-panel-skeleton .activity-timeline-item{min-height:145px;height:auto}.activity-panel-skeleton .activity-timeline-dot.activity-panel-skeleton-timeline-dot{background:linear-gradient(100deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.07) 32%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.07) 68%,rgba(255,255,255,.07) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite;border:2.5px solid var(--bg-primary);box-shadow:none}.activity-panel-skeleton-header-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.activity-panel-skeleton-ava{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.05) 68%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-panel-skeleton-bar{height:14px;border-radius:7px;flex-shrink:0;background:linear-gradient(100deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.04) 32%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 68%,rgba(255,255,255,.04) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-panel-skeleton-bar--name{width:min(160px,42vw)}.activity-panel-skeleton-bar--verb{width:92px}.activity-panel-skeleton-bar--type{width:108px}.activity-panel-skeleton-bar--ts{width:132px;height:11px;margin-top:4px}.activity-panel-skeleton .activity-card-details.activity-panel-skeleton-details{margin-top:4px}.activity-panel-skeleton-details-row{min-height:28px}.activity-panel-skeleton-sq{width:18px;height:18px;border-radius:5px;flex-shrink:0;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 68%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-panel-skeleton-pill{height:22px;width:min(200px,38vw);max-width:100%;border-radius:6px;flex-shrink:0;background:linear-gradient(100deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.04) 32%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 68%,rgba(255,255,255,.04) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-panel-skeleton-pill--narrow{width:min(160px,34vw)}.activity-panel-skeleton-arrow{width:14px;height:4px;border-radius:2px;flex-shrink:0;opacity:.45;background:linear-gradient(100deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.06) 32%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.06) 68%,rgba(255,255,255,.06) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-card-connector-time.activity-panel-skeleton-connector-chip{font-size:0;line-height:0;color:transparent;min-width:76px;min-height:22px;padding:4px 12px;border-radius:4px;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 68%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-panel-skeleton-badges{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.activity-panel-skeleton-badge{display:inline-block;width:44px;height:24px;border-radius:6px;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 68%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:activity-panel-skeleton-shimmer 2.1s ease-in-out infinite}.activity-panel-skeleton-badge--short{width:56px}.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-ava,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-bar,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-sq,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-pill,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-arrow,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-badge,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(2) .activity-panel-skeleton-connector-chip{animation-delay:.12s}.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-ava,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-bar,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-sq,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-pill,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-arrow,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-badge,.activity-panel-skeleton .activity-cards>.activity-card:nth-child(3) .activity-panel-skeleton-connector-chip{animation-delay:.24s}.activity-panel-skeleton .activity-timeline .activity-timeline-item:nth-child(2) .activity-panel-skeleton-timeline-dot{animation-delay:.12s}.activity-panel-skeleton .activity-timeline .activity-timeline-item:nth-child(3) .activity-panel-skeleton-timeline-dot{animation-delay:.24s}[data-theme=light] .activity-panel-skeleton-timeline-dot,[data-theme=light] .activity-panel-skeleton-ava,[data-theme=light] .activity-panel-skeleton-bar,[data-theme=light] .activity-panel-skeleton-sq,[data-theme=light] .activity-panel-skeleton-pill,[data-theme=light] .activity-panel-skeleton-arrow,[data-theme=light] .activity-panel-skeleton-connector-chip,[data-theme=light] .activity-panel-skeleton-badge{background:linear-gradient(100deg,var(--bg-quaternary) 0%,var(--bg-quaternary) 32%,rgba(0,0,0,.06) 50%,var(--bg-quaternary) 68%,var(--bg-quaternary) 100%);background-size:220% 100%}.activity-timeline-container{display:flex;gap:20px;max-width:1200px;margin:0 auto;position:relative;align-items:flex-start;padding-left:32px;width:100%;min-width:0}.activity-timeline{position:relative;flex-shrink:0;width:24px;display:flex;flex-direction:column;padding-top:30px}.activity-timeline-item{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:72px;height:72px;z-index:2;width:100%;margin-bottom:12px}.activity-timeline-item:not(:last-child):after{content:"";position:absolute;left:8px;top:16px;width:2px;background:linear-gradient(to bottom,var(--border-color) 0%,rgba(0,0,0,0) 100%);z-index:1;transform:translate(-50%);height:calc(100% - 8px);transition:background-color .3s ease}.activity-timeline-item:last-child{margin-bottom:0}.activity-timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--action-color, #6b7280);border:2.5px solid var(--bg-primary);flex-shrink:0;margin-top:2px;z-index:3;position:absolute;left:8px;transform:translate(-50%);transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 0 0 4px #0000000d,0 2px 6px #00000014;border-color:var(--bg-primary)}.activity-timeline-line{display:none}.activity-cards{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;width:100%}.activity-card{background:transparent;border:none;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:72px;margin-bottom:12px;box-sizing:border-box}.activity-card:last-child{margin-bottom:0}.activity-card-header{display:none}.activity-card-header-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.activity-card-header-row .activity-card-user{margin-bottom:0}.activity-card-user{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:4px;position:relative;padding-left:0}.activity-card-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .2s ease;box-shadow:0 1px 3px #2563eb4d}.activity-card-avatar-image{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--bg-secondary);transition:border-color .3s ease;box-shadow:0 1px 3px #0000001f}.activity-card-avatar-initials{font-size:13px;font-weight:600;color:#fff;letter-spacing:.5px}.activity-card-username{font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease;letter-spacing:-.01em}.activity-card-content{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;min-width:0;position:relative}.activity-card-left-box{display:flex;flex-direction:column;gap:10px;flex:1 1 0%;min-width:0;max-width:100%;overflow:hidden;padding:18px 22px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;box-shadow:0 1px 3px #0000000f}.activity-card:hover .activity-card-left-box{background:var(--bg-tertiary);box-shadow:0 2px 8px #0000001a}.activity-card-right-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;flex:0 0 20%;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;box-shadow:0 1px 2px #00000014;text-align:center}.activity-card:hover .activity-card-right-box{background:var(--bg-tertiary);box-shadow:0 2px 6px #0000001f}.activity-card-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative;padding:0 20px;min-width:120px;z-index:1}.activity-card-connector-line{position:absolute;top:50%;left:0;right:0;height:1px;border-top:2px dashed var(--border-color);z-index:1;transition:border-color .3s ease}.activity-card-connector-time-wrap{position:relative;z-index:2;display:inline-block}.activity-card-connector-time{position:relative;z-index:2;background:var(--bg-secondary);padding:4px 12px;font-size:11px;color:var(--text-tertiary);font-weight:500;white-space:nowrap;border-radius:4px;transition:background-color .3s ease,color .3s ease}.activity-connector-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-primary);white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:1000;pointer-events:none}.activity-connector-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color)}.activity-card-header-sep{color:var(--text-tertiary);font-weight:600;font-size:14px;flex-shrink:0}.activity-card-header-row .activity-action-verb{font-size:14px;font-weight:600;text-transform:capitalize;letter-spacing:-.01em;flex-shrink:0}.activity-resource-type-label{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.activity-card-header-row .activity-resource-icon{flex-shrink:0;opacity:.9}.activity-card-details{display:flex;flex-direction:column;gap:8px;padding-left:46px;margin-top:2px;min-width:0;overflow:hidden}.activity-card-details-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);min-width:0;overflow:hidden}.activity-card-metadata-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);min-width:0;overflow:hidden;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.activity-card-metadata-row.activity-card-metadata-list{flex-direction:column;align-items:stretch;gap:0}.activity-metadata-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-top:12px;margin-bottom:6px;display:block}.activity-metadata-section-label:first-child{margin-top:0}.activity-metadata-change-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:12px;border-bottom:1px solid var(--border-color);min-width:0}.activity-metadata-change-item:last-of-type{border-bottom:none;padding-bottom:0}.activity-metadata-change-item .activity-metadata-change-key{color:var(--text-tertiary);font-size:11px;font-weight:500;min-width:80px;flex-shrink:0}.activity-metadata-change-item .activity-metadata-change-values{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.activity-metadata-change-item .activity-metadata-old{color:#dc2626;text-decoration:line-through;overflow:hidden;text-overflow:ellipsis}.activity-metadata-change-item .activity-metadata-old-value,.activity-metadata-change-item .activity-metadata-old-full{color:#dc2626;text-decoration:line-through}.activity-metadata-change-item .activity-metadata-arrow{color:var(--text-tertiary);font-size:10px;opacity:.7;flex-shrink:0}.activity-metadata-change-item .activity-metadata-new{color:#16a34a;font-weight:500;overflow:hidden;text-overflow:ellipsis}.activity-metadata-change-item .activity-metadata-new.activity-metadata-removed,.activity-metadata-change .activity-metadata-new.activity-metadata-removed{color:#dc2626}.activity-metadata-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-metadata-change{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:12px;max-width:100%;min-width:0;overflow:hidden}.activity-metadata-change .activity-metadata-label{color:var(--text-tertiary);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.activity-metadata-change .activity-metadata-old{color:#dc2626;text-decoration:line-through;overflow:hidden;text-overflow:ellipsis;min-width:0}.activity-metadata-change .activity-metadata-old-value,.activity-metadata-change .activity-metadata-old-full{color:#dc2626;text-decoration:line-through}.activity-metadata-operation-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-right:4px}.activity-metadata-operation-badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;border:1px solid transparent}.activity-metadata-operation-badge--add{background:rgba(22,163,74,.12);border-color:#16a34a4d;color:#16a34a}.activity-metadata-operation-badge--update{background:rgba(59,130,246,.12);border-color:#3b82f64d;color:#3b82f6}.activity-metadata-operation-badge--delete{background:rgba(239,68,68,.12);border-color:#ef44444d;color:#dc2626}.activity-card-dns .activity-card-metadata-row{gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.activity-card-dns .activity-metadata-change-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--bg-quaternary);border:1px solid var(--border-color);margin:0;max-width:100%;min-width:0}.activity-card-dns .activity-metadata-change-item .activity-metadata-change-key{flex-shrink:0;font-size:11px;font-weight:500;color:var(--text-tertiary);min-width:unset}.activity-card-dns .activity-metadata-change-item .activity-metadata-change-values{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.activity-card-dns .activity-metadata-change-item .activity-metadata-old,.activity-card-dns .activity-metadata-change-item .activity-metadata-new{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-dns .activity-metadata-tag{font-size:11px;padding:4px 8px}.activity-card-dns .activity-metadata-tag[title] .activity-metadata-value{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-metadata-tag--dns-record{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0}.activity-metadata-tag--dns-record .activity-metadata-value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-metadata-record-type{font-size:10px;font-weight:500;padding:2px 5px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.activity-metadata-change-values .activity-metadata-record-type{margin-left:2px}.activity-card-dns .activity-metadata-change-item .activity-metadata-old,.activity-card-dns .activity-metadata-change-item .activity-metadata-old-value,.activity-card-dns .activity-metadata-change-item .activity-metadata-old-full{color:var(--text-tertiary);text-decoration:none}.activity-card-dns .activity-metadata-change-item .activity-metadata-new{color:var(--text-primary);font-weight:500}.activity-card-dns .activity-metadata-change .activity-metadata-old,.activity-card-dns .activity-metadata-change .activity-metadata-old-value,.activity-card-dns .activity-metadata-change .activity-metadata-old-full{color:var(--text-tertiary);text-decoration:none}.activity-card-dns .activity-metadata-change .activity-metadata-new{color:var(--text-primary);font-weight:500}.activity-metadata-change .activity-metadata-arrow{color:var(--text-tertiary);font-size:10px;opacity:.7;flex-shrink:0}.activity-metadata-change .activity-metadata-new{color:#16a34a;font-weight:500;overflow:hidden;text-overflow:ellipsis;min-width:0}.activity-metadata-inline-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:8px}.activity-metadata-label{color:var(--text-tertiary);font-weight:500;flex-shrink:0}.activity-metadata-value{color:var(--text-primary);margin-left:2px;overflow:hidden;text-overflow:ellipsis;min-width:0}.activity-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-tertiary)}.activity-card-meta-sep{color:var(--text-tertiary);font-weight:600}.activity-card-context-inline{color:var(--text-tertiary)}.activity-resource-icon{flex-shrink:0;opacity:.9;margin-right:2px}.activity-card-details-row .activity-resource-id{margin-left:0;margin-right:0}.activity-resource-id-name-change .activity-name-old{color:#dc2626;text-decoration:line-through}.activity-resource-id-name-change .activity-metadata-arrow{color:var(--text-tertiary);font-size:10px;opacity:.7;margin:0 4px}.activity-resource-id-name-change .activity-name-new{color:#16a34a;font-weight:500}.activity-resource-id{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;font-family:Monaco,Menlo,SF Mono,Courier New,monospace;font-size:12px;font-weight:500;color:var(--text-primary);transition:all .2s ease;margin-left:2px;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-action-target{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;border-left:1px solid var(--border-color)}.activity-arrow-icon{flex-shrink:0;color:var(--text-tertiary);margin-left:2px;margin-right:2px}.activity-card-details-row .activity-resource-icon.activity-source-icon{flex-shrink:0;margin-right:4px;opacity:.9}.activity-card-details-row .activity-source-type{color:var(--text-primary);font-weight:500;margin-right:4px;font-size:13px}.activity-app-type-inline{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary)}.activity-app-type-icon{flex-shrink:0;opacity:.9;color:var(--text-secondary)}.activity-app-type-label{font-weight:500;color:var(--text-primary)}.activity-docker-image-inline .activity-metadata-label,.activity-region-inline .activity-metadata-label,.activity-dns-domain-sep{color:var(--text-tertiary);margin:0 2px;font-size:10px}.activity-dns-domain-inline .activity-metadata-label{font-size:12px;color:var(--text-tertiary)}.activity-docker-image-inline .activity-metadata-value,.activity-region-inline .activity-metadata-value,.activity-dns-domain-inline .activity-metadata-value{font-size:12px;color:var(--text-primary)}.activity-dns-type-icon{flex-shrink:0;opacity:.9;vertical-align:middle}.activity-action-target .activity-resource-icon.activity-target-icon{flex-shrink:0;margin-right:4px;opacity:.9}.activity-action-target .activity-target-type{color:var(--text-primary);font-weight:500;margin-right:2px}.activity-action-target .activity-resource-id{margin-left:2px}.activity-card-context{display:inline-flex;align-items:center;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-tertiary);transition:all .2s ease,background-color .3s ease,border-color .3s ease}.activity-context-label{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-quaternary);font-size:11px;color:var(--text-secondary);font-weight:500;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.activity-context-divider{width:1px;height:18px;background:var(--border-color);flex-shrink:0;transition:background-color .3s ease}.activity-context-value{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-tertiary);font-size:11px;color:var(--text-primary);font-weight:500;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.activity-card-timestamp{font-size:11px;color:var(--text-tertiary);white-space:nowrap;text-align:center;padding-right:0;letter-spacing:.01em;transition:color .3s ease;font-weight:500;margin-top:4px;width:100%}.activity-card-timestamp-inline{display:none}.activity-panel-footer{display:flex;align-items:center;justify-content:center;padding:16px 24px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.activity-panel-load-more-trigger{height:1px;width:100%;visibility:hidden;pointer-events:none}.activity-panel-load-more-loader{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary);font-size:13px;padding:20px;width:100%;transition:color .3s ease}.activity-panel-load-more-loader .spinning{animation:spin 1s linear infinite}.activity-panel-load-more-error{display:flex;align-items:center;justify-content:center;gap:12px;color:#ef4444;font-size:13px;padding:20px;width:100%}.activity-panel-load-more-error button{padding:6px 12px;background:#3b82f6;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.activity-panel-load-more-error button:hover{background:#2563eb}.activity-panel-pagination-info{font-size:12px;color:var(--text-tertiary);transition:color .3s ease}[data-theme=light] .activity-panel-title{color:#1f2937}[data-theme=light] .activity-panel-subtitle{color:#6b7280}[data-theme=light] .activity-panel-refresh-btn{background:#ffffff;border-color:#e5e7eb;box-shadow:0 1px 2px #0000000d}[data-theme=light] .activity-panel-refresh-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}[data-theme=light] .activity-filter-dropdown-button{background:#ffffff;border-color:#e5e7eb}[data-theme=light] .activity-filter-dropdown-button:hover{background:#f9fafb;border-color:#d1d5db}[data-theme=light] .activity-filter-dropdown-button:focus{border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #00000014}[data-theme=light] .activity-filter-dropdown-menu{background:#ffffff;border-color:#e5e7eb;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014}[data-theme=light] .activity-filter-dropdown-item:hover{background:#f9fafb}[data-theme=light] .activity-filter-dropdown-item.selected{background:#f3f4f6}[data-theme=light] .activity-card-left-box{background:#ffffff;border-color:#e5e7eb;box-shadow:0 1px 2px #0000000f}[data-theme=light] .activity-card:hover .activity-card-left-box{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #00000014}[data-theme=light] .activity-card-right-box{background:#ffffff;border-color:#e5e7eb;box-shadow:0 1px 2px #0000000f}[data-theme=light] .activity-card:hover .activity-card-right-box{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #00000014}[data-theme=light] .activity-timeline-dot{border-color:#fff;box-shadow:0 0 0 4px #00000005,0 2px 4px #00000014}[data-theme=light] .activity-card-avatar-image{border-color:#fff;box-shadow:0 2px 4px #00000014}[data-theme=light] .activity-resource-id{background:rgba(59,130,246,.08);border-color:#3b82f633;box-shadow:0 1px 2px #3b82f60f}[data-theme=light] .activity-action-target{border-left:none}[data-theme=light] .activity-card-context{background:#f9fafb;border-color:#e5e7eb;box-shadow:0 1px 2px #0000000a}[data-theme=light] .activity-context-label{background:#f3f4f6}[data-theme=light] .activity-context-value{background:#f9fafb}[data-theme=light] .activity-card-connector-line{border-color:#e5e7eb}[data-theme=light] .activity-card-connector-time{background:#ffffff;color:#6b7280}[data-theme=light] .activity-connector-tooltip{background:#ffffff;border-color:#e5e7eb;box-shadow:0 4px 12px #0000001a;color:#1f2937}[data-theme=light] .activity-connector-tooltip:after{border-top-color:#e5e7eb}[data-theme=light] .activity-card-timestamp-inline{color:#6b7280;border-top-color:#e5e7eb}@media (max-width: 992px){.activity-panel-header{flex-wrap:wrap;gap:12px}.activity-panel-header-left{padding:20px;max-width:none}.activity-panel-header-right{display:none}.activity-panel-title{font-size:24px}.activity-panel-filters-inner{padding:16px 20px}.activity-filters-selects-row{gap:10px}.activity-filter-dropdown-button{min-width:160px}.activity-timeline-container{padding-left:20px;padding-right:20px;gap:12px}.activity-panel-content{padding:20px}.activity-card-content{flex-wrap:wrap;gap:12px}.activity-card-left-box{flex:1 1 100%;min-width:0;padding:14px 16px}.activity-card-connector{order:2;flex:1 1 100%;min-width:0;padding:0 0 8px;justify-content:flex-start}.activity-card-connector-line{display:none}.activity-card-right-box{order:3;flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;text-align:left}.activity-card-timestamp{text-align:left;margin-top:0}.activity-card-details{padding-left:0}.activity-card-context{flex-wrap:wrap}.activity-context-label,.activity-context-value{white-space:normal;word-break:break-word}}@media (max-width: 640px){.activity-panel-header-left{padding:16px}.activity-panel-title{font-size:20px}.activity-panel-subtitle{font-size:13px}.activity-panel-filters-inner{padding:12px 16px;gap:10px}.activity-filters-selects-row{flex-direction:column;align-items:stretch;gap:10px}.activity-filter-label{font-size:12px}.activity-filter-dropdown{width:100%}.activity-filter-dropdown-button{min-width:0;width:100%;box-sizing:border-box}.activity-filter-dropdown-menu{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.activity-timeline-container{padding-left:16px;padding-right:16px;gap:8px}.activity-panel-content{padding:16px}.activity-timeline{width:16px}.activity-timeline-dot{width:10px;height:10px;left:6px}.activity-timeline-item:after{left:6px}.activity-card-left-box{padding:12px 14px}.activity-card-right-box,.activity-card-connector{display:none}.activity-card-timestamp-inline{display:block;font-size:11px;color:var(--text-tertiary);font-weight:500;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);transition:color .3s ease}.activity-card-connector-time{font-size:10px;padding:2px 8px}.activity-card-user{gap:8px}.activity-card-avatar,.activity-card-avatar-image{width:28px;height:28px}.activity-card-avatar-initials{font-size:12px}.activity-card-username{font-size:13px}.activity-card-details-row{font-size:12px}.activity-panel-footer{padding:12px 16px}}.activity-panel-content::-webkit-scrollbar{width:8px}.activity-panel-content::-webkit-scrollbar-track{background:var(--bg-secondary);transition:background-color .3s ease}.activity-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease}.activity-panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}.settings-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);min-height:0;min-width:0;width:100%;max-width:100%;overflow:hidden;transition:background-color .3s ease;box-sizing:border-box}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.settings-panel-header-left{flex:1;min-width:0;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;width:100%}.settings-panel-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em;transition:color .3s ease}.settings-panel-subtitle{font-size:14px;color:var(--text-secondary);margin:0;font-weight:400;transition:color .3s ease}.settings-panel-tabs{display:flex;align-items:center;gap:0;padding:0;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.settings-panel-tabs-inner{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;gap:0;padding:0}.settings-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s,color .3s ease;outline:none}.settings-tab:focus:not(:focus-visible){outline:none;box-shadow:none}.settings-tab:focus-visible{outline:2px solid rgba(59,130,246,.55);outline-offset:2px;border-radius:6px}.settings-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.settings-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:transparent}.settings-tab svg{flex-shrink:0}.settings-panel-content{flex:1;min-width:0;min-height:0;padding:32px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-primary);box-sizing:border-box}.settings-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef444420;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:13px;margin-bottom:24px}.settings-error button{background:transparent;border:none;color:#ef4444;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.settings-error button:hover{background:#ef444440}.settings-section{flex:none;width:100%;max-width:1200px;margin:0 auto;padding:0;min-width:0;min-height:0;box-sizing:border-box;display:flex}.settings-section-inner{display:flex;gap:32px;align-items:stretch;min-width:0;min-height:0;width:100%;flex:none;box-sizing:border-box}.settings-nav-scroll{flex-shrink:0;align-self:stretch}@media (min-width: 769px){.settings-nav{position:sticky;top:0;z-index:2}}.settings-nav{flex-shrink:0;width:220px;display:flex;flex-direction:column;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:8px;transition:background-color .3s ease,border-color .3s ease;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 2px 8px #0000000d}[data-theme=light] .settings-nav{box-shadow:0 1px 3px #0000000f;background:var(--bg-tertiary);border-color:var(--border-color)}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease,color .3s ease;text-align:left}.settings-nav-item:hover{background:var(--bg-quaternary);color:var(--text-primary);transform:translate(2px)}.settings-nav-item.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .settings-nav-item.active{box-shadow:0 2px 8px #3b82f666}.settings-nav-item svg{flex-shrink:0;width:16px;height:16px}.settings-content{flex:1;min-width:0;min-height:0;max-width:100%;padding-bottom:400px;overflow:visible;overflow-wrap:break-word;box-sizing:border-box;align-self:stretch}.settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.settings-section-header-actions{display:flex;align-items:center;gap:12px}.settings-section-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.settings-edit-btn,.settings-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.settings-edit-btn:hover,.settings-add-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.settings-edit-btn:active,.settings-add-btn:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.settings-edit-btn svg,.settings-add-btn svg{flex-shrink:0}.settings-form-section{margin-bottom:32px;padding:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;scroll-margin-top:24px;transition:border-color .3s ease,background-color .3s ease;box-shadow:0 2px 6px #0000000d;min-width:0;max-width:100%;box-sizing:border-box}[data-theme=light] .settings-form-section{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 1px 3px #0000000f}.settings-form-section:last-child{margin-bottom:0}.settings-form-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em;transition:color .3s ease}.settings-form-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px;transition:color .3s ease}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.settings-form-group:last-of-type{margin-bottom:0}.settings-form-group label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.settings-form-group input,.settings-form-group textarea{padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%;box-shadow:0 1px 2px #0000000f}.settings-form-group input:focus,.settings-form-group textarea:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.settings-form-group input:disabled,.settings-form-group textarea:disabled{opacity:.6;cursor:not-allowed}.settings-form-group textarea{resize:vertical;min-height:100px}.settings-form-group textarea::placeholder{color:var(--text-tertiary);transition:color .3s ease}.settings-form-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.settings-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px #3b82f64d}.settings-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.settings-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.settings-btn-secondary{background:var(--bg-quaternary);color:var(--text-secondary);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.settings-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.settings-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.settings-danger-box{margin-top:24px;padding:24px;background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,rgba(239,68,68,.05) 100%);border:1px solid rgba(239,68,68,.3);border-radius:12px;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 2px 8px #ef44441a}.settings-danger-box-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-danger-box-info{flex:1}.settings-danger-box-title{font-size:16px;font-weight:600;color:#ef4444;margin:0 0 4px;transition:color .3s ease}.settings-danger-box-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;transition:color .3s ease}.settings-btn svg{flex-shrink:0}.settings-cloud-provider-info{margin-top:12px}.settings-cloud-provider-card{background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 2px 8px #0000000f}.settings-cloud-provider-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.settings-cloud-provider-header-left{display:flex;align-items:center;gap:14px;min-width:0}.settings-cloud-provider-header .settings-cloud-provider-unlink-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.settings-cloud-provider-error{padding-top:4px}.settings-cloud-provider-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}[data-theme=dark] .settings-cloud-provider-logo{filter:brightness(0) invert(1)}.settings-cloud-provider-logo-placeholder{width:40px;height:40px;border-radius:10px;background:var(--bg-quaternary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.settings-cloud-provider-name{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.settings-cloud-provider-details{display:flex;flex-direction:column;gap:0;padding:0}.settings-cloud-provider-item{display:grid;grid-template-columns:140px 1fr;align-items:baseline;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.settings-cloud-provider-item:last-child{border-bottom:none}.settings-cloud-provider-item-arn{align-items:flex-start;padding-top:14px}.settings-cloud-provider-label{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.settings-cloud-provider-value{font-size:14px;color:var(--text-primary);font-weight:500;transition:color .3s ease;word-break:break-word}.settings-cloud-provider-value-mono{font-family:ui-monospace,SF Mono,Monaco,Consolas,monospace;font-size:13px}.settings-cloud-provider-value-arn{word-break:break-all;line-height:1.45}.settings-cloud-provider-status-connected,.settings-cloud-provider-status-active{color:#10b981}.settings-cloud-provider-status-disconnected,.settings-cloud-provider-status-inactive{color:#ef4444}.settings-cloud-provider-status-pending{color:#f59e0b}.settings-unlink-resource-info .delete-modal-resource-label{width:90px;min-width:90px}.settings-unlink-resource-info .delete-modal-resource-row{align-items:center}.settings-unlink-resource-info .delete-modal-resource-value{flex:1;min-width:0}.delete-modal-resource-value-with-logo{display:inline-flex;align-items:center;gap:8px}.delete-modal-provider-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}[data-theme=dark] .delete-modal-provider-logo{filter:brightness(0) invert(1)}.settings-add-member-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:24px;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 2px 4px #0000000f}.settings-add-member-form input{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease}.settings-add-member-form input:focus{outline:none;border-color:#3b82f6;background:var(--bg-quaternary)}.settings-add-member-actions{display:flex;align-items:center;gap:12px}.settings-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.settings-environments-list{display:flex;flex-direction:column;gap:12px}.settings-environment-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease,background-color .3s ease,border-color .3s ease;box-shadow:0 2px 4px #00000014}.settings-environment-item:hover{border-color:#3b82f64d;background:var(--bg-tertiary);box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.settings-member-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:14px;transition:all .2s ease,background-color .3s ease,border-color .3s ease;box-shadow:0 2px 6px #00000014}.settings-member-card:hover{border-color:#3b82f64d;background:var(--bg-tertiary);box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.settings-member-menu-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.settings-member-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-member-avatar{width:64px;height:64px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.settings-member-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover}.settings-member-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.settings-member-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-align:center;transition:color .3s ease}.settings-member-role-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px;text-transform:capitalize;transition:all .2s}.settings-member-email-text{font-size:13px;color:var(--text-secondary);margin-bottom:4px;text-align:center;transition:color .3s ease}.settings-member-joined{font-size:11px;color:var(--text-secondary);opacity:.7;text-align:center;transition:color .3s ease}.settings-member-info{flex:1;display:flex;flex-direction:column;gap:6px}.settings-environment-info{flex:1;display:flex;align-items:center;gap:10px}.settings-environment-header{flex:1;display:flex;flex-direction:column;gap:8px}.settings-environment-name-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.settings-environment-name{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.settings-environment-current-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.1) 100%);color:#3b82f6;border:1px solid rgba(59,130,246,.3);text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap}.settings-environment-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.settings-member-email{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.settings-member-role,.settings-environment-description,.settings-environment-slug{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.settings-member-status{display:inline-block;padding:2px 8px;background:#f59e0b20;border:1px solid #f59e0b;border-radius:4px;color:#f59e0b;font-size:11px;font-weight:500;text-transform:uppercase}.settings-environment-name-row{display:flex;align-items:center;gap:8px}.settings-environment-badge{display:inline-block;padding:2px 8px;background:#3b82f620;border:1px solid #3b82f6;border-radius:4px;color:#3b82f6;font-size:11px;font-weight:500;text-transform:uppercase}.settings-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s,border-color .3s ease}.settings-remove-btn:hover{background:#ef444420;border-color:#ef4444}.settings-empty,.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-secondary);transition:color .3s ease}.settings-loading{gap:16px}.settings-loading svg{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.settings-empty svg{opacity:.4;margin-bottom:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.settings-empty p{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 10px;transition:color .3s ease;letter-spacing:-.01em}.settings-empty span{font-size:14px;color:var(--text-tertiary);transition:color .3s ease;line-height:1.5}.settings-panel-content::-webkit-scrollbar{width:8px}.settings-panel-content::-webkit-scrollbar-track{background:var(--bg-primary);transition:background-color .3s ease}.settings-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease}.settings-panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}@keyframes settings-content-skeleton-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.settings-content-skeleton{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0;padding-bottom:120px;pointer-events:none}.settings-content-skeleton-card{margin-bottom:0;box-shadow:0 2px 6px #0000000f}.settings-content-skeleton-title{width:32%;max-width:200px;height:22px;border-radius:8px;margin-bottom:16px;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 68%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:settings-content-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--settings-skeleton-stagger, 0s)}.settings-content-skeleton-line{height:14px;border-radius:7px;max-width:100%;margin-bottom:12px;background:linear-gradient(100deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.04) 32%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 68%,rgba(255,255,255,.04) 100%);background-size:220% 100%;animation:settings-content-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--settings-skeleton-stagger, 0s)}.settings-content-skeleton-line--wide{width:min(100%,520px)}.settings-content-skeleton-line--medium{width:min(72%,400px);margin-bottom:0}.settings-content-skeleton-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.settings-content-skeleton-pill{width:108px;height:36px;border-radius:10px;background:linear-gradient(100deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.045) 32%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.045) 68%,rgba(255,255,255,.045) 100%);background-size:220% 100%;animation:settings-content-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--settings-skeleton-stagger, 0s)}.settings-content-skeleton-pill--short{width:92px}.settings-nav-item:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.settings-nav-item.active:disabled{opacity:.7}[data-theme=light] .settings-content-skeleton-title,[data-theme=light] .settings-content-skeleton-line,[data-theme=light] .settings-content-skeleton-pill{background:linear-gradient(100deg,var(--bg-quaternary) 0%,var(--bg-quaternary) 32%,rgba(0,0,0,.06) 50%,var(--bg-quaternary) 68%,var(--bg-quaternary) 100%);background-size:220% 100%}.settings-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.settings-usage-card{padding:24px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:14px;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.settings-usage-card:hover{border-color:#3b82f64d;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.settings-usage-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.settings-usage-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000026}.settings-usage-card-icon.environments{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.settings-usage-card-icon.resources{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.settings-usage-card-icon.environment{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.settings-usage-card-content{flex:1;min-width:0}.settings-usage-card-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.settings-usage-card-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em;transition:color .3s ease}.settings-usage-card-limit{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:6px;transition:color .3s ease}.settings-usage-progress{width:100%;height:10px;background:var(--bg-quaternary);border-radius:6px;overflow:hidden;margin-top:16px;box-shadow:inset 0 1px 2px #0000001a}[data-theme=light] .settings-usage-progress{background:var(--border-color)}.settings-usage-progress-bar{height:100%;border-radius:6px;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s ease;position:relative;overflow:hidden}.settings-usage-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.settings-usage-progress-bar.success{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.settings-usage-progress-bar.warning{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.settings-usage-progress-bar.danger{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%)}.settings-usage-progress-bar.blue{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)}.settings-usage-environments-section{grid-column:1 / -1;margin-top:24px}.settings-usage-environments-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.01em;transition:color .3s ease}.settings-usage-environments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.settings-usage-env-card{padding:20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;box-shadow:0 2px 6px #0000000f}.settings-usage-env-card:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.settings-usage-env-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.settings-usage-env-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00000026}.settings-usage-env-card-content{flex:1;min-width:0}.settings-usage-env-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:color .3s ease}.settings-usage-env-card-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em;transition:color .3s ease}.settings-usage-env-card-limit{font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:6px;transition:color .3s ease}.settings-usage-env-progress{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:12px;box-shadow:inset 0 1px 2px #0000001a}.settings-nav::-webkit-scrollbar{width:6px}.settings-nav::-webkit-scrollbar-track{background:transparent}.settings-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background-color .3s ease}.settings-nav::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}@media (max-width: 768px){.settings-panel{min-width:0;overflow-x:hidden}.settings-panel-header{padding:16px;min-width:0}.settings-panel-header-left{min-width:0}.settings-panel-title{font-size:20px;word-wrap:break-word}.settings-panel-subtitle{font-size:13px;word-wrap:break-word}.settings-panel-tabs-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}.settings-panel-tabs-inner::-webkit-scrollbar{display:none}.settings-tab{padding:12px 14px;font-size:13px;white-space:nowrap}.settings-panel-content{padding:16px;min-width:0}.settings-section{width:100%;max-width:100%;min-width:0;overflow:hidden}.settings-section-inner{flex-direction:column;gap:16px;min-width:0;width:100%;max-width:100%;overflow:hidden}.settings-nav-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.settings-nav-scroll::-webkit-scrollbar{display:none}.settings-nav{width:max-content;min-width:100%;max-height:none;position:static;flex-direction:row;flex-wrap:nowrap;overflow:visible;padding:8px 4px}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex-shrink:0;padding:10px 14px;font-size:13px;white-space:nowrap}.settings-content{padding:0 0 400px}.settings-form-section{padding:20px 16px;min-width:0;overflow-wrap:break-word}.settings-form-title{font-size:18px;word-wrap:break-word}.settings-form-group input,.settings-form-group textarea{max-width:100%;box-sizing:border-box}.settings-form-actions{flex-wrap:wrap}.settings-btn{min-width:100px}.settings-danger-box{padding:16px}.settings-cloud-provider-name{word-break:break-word}.settings-section-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.settings-section-header h3{font-size:16px}.settings-cloud-provider-item{grid-template-columns:1fr;gap:8px;padding:12px 16px}.settings-cloud-provider-header{flex-wrap:wrap;padding:14px 16px}.settings-cloud-provider-header-left{min-width:0}.settings-usage-grid{grid-template-columns:1fr;gap:16px}.settings-usage-environments-grid{grid-template-columns:1fr}.settings-danger-box-content{flex-direction:column;align-items:flex-start;gap:12px}.settings-members-grid{grid-template-columns:1fr}.settings-environment-item{flex-direction:column;align-items:stretch;gap:12px}.settings-environment-actions{justify-content:flex-start}.settings-add-member-form{padding:12px}.settings-add-member-actions{flex-wrap:wrap}.settings-usage-card,.settings-usage-env-card,.settings-member-card{min-width:0}}@media (max-width: 480px){.settings-panel-header,.settings-panel-content{padding:12px}.settings-form-section{padding:16px 12px}.settings-section-header{margin-bottom:16px}.settings-danger-box{padding:12px}}.plan-change-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.plan-change-modal-content{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border-color)}.plan-change-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.plan-change-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.plan-change-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.plan-change-modal-close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.plan-change-modal-close:disabled{opacity:.5;cursor:not-allowed}.plan-change-modal-body{padding:24px;flex:1;overflow-y:auto}.plan-change-confirmation-info{display:flex;flex-direction:column;gap:20px}.plan-change-confirmation-text{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0}.plan-change-details{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.plan-change-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.plan-change-detail-label{color:var(--text-secondary);font-size:14px;font-weight:500}.plan-change-detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.plan-change-detail-value.highlight{color:#10b981}.plan-change-warning{margin-top:8px;padding:12px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:6px}.plan-change-warning p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.plan-change-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.plan-change-modal-cancel,.plan-change-modal-confirm{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.plan-change-modal-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.plan-change-modal-cancel:hover:not(:disabled){background:var(--bg-quaternary)}.plan-change-modal-confirm{color:#fff}.plan-change-modal-confirm.upgrade{background:#3b82f6}.plan-change-modal-confirm.upgrade:hover:not(:disabled){background:#2563eb}.plan-change-modal-confirm.downgrade{background:#6b7280}.plan-change-modal-confirm.downgrade:hover:not(:disabled){background:#4b5563}.plan-change-modal-cancel:disabled,.plan-change-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;position:relative;overflow:hidden;background:#030712;padding:24px;box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}.auth-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.auth-background-gradient{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(59,130,246,.35) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 75%,rgba(14,165,233,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(99,102,241,.12) 0%,transparent 45%);animation:authMeshShift 28s ease-in-out infinite}@keyframes authMeshShift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2%,-1%) scale(1.02)}}.auth-background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.045) 1px,transparent 0);background-size:32px 32px;opacity:.85;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,#000 20%,transparent 100%)}.auth-background-shapes{position:absolute;top:0;left:0;width:100%;height:100%}.auth-shape{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45;animation:float 15s ease-in-out infinite}.auth-shape-1{width:400px;height:400px;background:linear-gradient(135deg,#2563eb,#3b82f6);top:-100px;left:-100px;animation-delay:0s}.auth-shape-2{width:300px;height:300px;background:linear-gradient(135deg,#1d4ed8,#2563eb);bottom:-50px;right:-50px;animation-delay:5s}.auth-shape-3{width:250px;height:250px;background:linear-gradient(135deg,#2563eb,#60a5fa);top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-container{position:relative;z-index:1;width:100%;max-width:1120px;min-height:min(640px,90vh);height:90vh;max-height:760px;display:grid;grid-template-columns:1fr 1fr;background:rgba(15,23,42,.58);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:28px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0d inset;animation:containerFadeIn .55s cubic-bezier(.22,1,.36,1)}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-left-panel{position:relative;overflow:hidden;z-index:10;padding:52px 44px 48px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(152deg,#1e40af 0%,#2563eb 42%,#0284c7 100%)}.auth-left-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 100% 0%,rgba(255,255,255,.18) 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(0,0,0,.12) 0%,transparent 50%);pointer-events:none}.auth-left-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none;background-image:repeating-linear-gradient(-14deg,transparent,transparent 3px,rgba(255,255,255,.045) 3px,rgba(255,255,255,.045) 4px)}.auth-left-content{position:relative;z-index:3;width:100%;max-width:100%}.auth-logo-wrapper{display:flex;align-items:center;justify-content:flex-start;margin-bottom:40px}.auth-logo-link{display:inline-block;text-decoration:none;color:inherit;line-height:0}.auth-logo-img{height:52px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 16px rgba(0,0,0,.15));transition:transform .25s ease,filter .25s ease}.auth-logo-img:hover{transform:translateY(-1px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.2))}.auth-welcome-title{font-size:clamp(1.875rem,2.6vw,2.25rem);font-weight:600;color:#fff;margin:0 0 14px;line-height:1.12;letter-spacing:-.035em;text-shadow:0 1px 20px rgba(0,0,0,.12)}.auth-welcome-description{font-size:1.0625rem;color:#ffffffd1;line-height:1.65;margin:0 0 40px;max-width:38ch;font-weight:400}.auth-left-content:has(.auth-checkout-preview--left) .auth-welcome-description{margin-bottom:22px}.auth-features{display:flex;flex-direction:column;gap:10px}.auth-feature{display:flex;align-items:flex-start;gap:12px;color:#ffffffeb;font-size:13.5px;font-weight:500;line-height:1.5;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);isolation:isolate}.auth-feature-icon{color:#a7f3d0;flex-shrink:0;margin-top:2px;opacity:.95}.auth-right-panel{position:relative;isolation:isolate;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:52px 48px;background:linear-gradient(180deg,#0c0c0e 0%,#09090b 55%,#0c0c0e 100%)}.auth-right-panel:before{content:"";position:absolute;top:-40%;right:-20%;width:70%;height:80%;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 68%);pointer-events:none}.auth-mobile-logo{display:none}.auth-mobile-logo-link{display:inline-block;text-decoration:none}.auth-mobile-logo-img{display:block;height:36px;width:auto;object-fit:contain}.auth-content{position:relative;z-index:1;width:100%;max-width:392px}.auth-panel-top{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:28px}.auth-tabs{display:flex;gap:4px;margin-bottom:0;padding:4px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.auth-tab{flex:1;padding:12px 18px;background:transparent;border:none;border-radius:999px;color:#ffffff7a;font-size:14px;font-weight:600;letter-spacing:.015em;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.auth-tab:hover{color:#ffffffe0;background:rgba(255,255,255,.055)}.auth-tab.active{color:#fff;background:#2563eb;box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000059}.auth-tab:focus{outline:none}.auth-tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.auth-checkout-preview{margin:0;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);box-shadow:0 1px #ffffff0a inset}.auth-checkout-preview-row{display:flex;align-items:center;gap:12px}.auth-checkout-preview-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#e2e8f0f2;background:linear-gradient(160deg,rgba(59,130,246,.22),rgba(59,130,246,.06));border:1px solid rgba(96,165,250,.3)}.auth-checkout-preview-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.auth-checkout-preview-eyebrow{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8e0}.auth-checkout-preview-headline{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.auth-checkout-preview-title{font-size:17px;font-weight:650;letter-spacing:-.03em;color:#f8fafc;line-height:1.25}.auth-checkout-preview-price-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:-.01em;color:#e2e8f0eb;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08)}.auth-checkout-preview-hint{margin:12px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.07);font-size:12px;line-height:1.4;font-weight:400;color:#94a3b8d1}.auth-checkout-preview--left{margin:0 0 28px;max-width:100%;background:rgba(255,255,255,.1);border-color:#fff3;box-shadow:0 1px #ffffff1f inset,0 12px 32px #0000001f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-checkout-preview--left .auth-checkout-preview-icon{background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border-color:#ffffff59;color:#fff}.auth-checkout-preview--left .auth-checkout-preview-eyebrow{color:#ffffffbf}.auth-checkout-preview--left .auth-checkout-preview-title{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.12)}.auth-checkout-preview--left .auth-checkout-preview-price-pill{color:#fffffff2;background:rgba(0,0,0,.2);border-color:#ffffff2e}.auth-checkout-preview--left .auth-checkout-preview-hint{border-top-color:#ffffff29;color:#ffffffc7}.auth-checkout-preview--mobile-only{display:none}@media (max-width: 968px){.auth-checkout-preview--mobile-only{display:block}}.auth-form{display:flex;flex-direction:column;gap:22px;position:relative;z-index:10}.auth-field{display:flex;flex-direction:column;align-items:stretch;gap:10px}.auth-label-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px 16px;width:100%}.auth-label-row .auth-label{flex:1 1 auto;min-width:0}.auth-field-hint-inline{flex:0 1 auto;align-self:center;max-width:min(100%,58%);margin:0;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.01em;text-align:right;word-break:break-word}.auth-field-hint-inline.auth-field-hint--error{color:#f87171}@media (max-width: 420px){.auth-label-row{flex-wrap:wrap}.auth-field-hint-inline{flex:1 1 100%;max-width:100%;align-self:stretch;text-align:left;padding-left:28px;box-sizing:border-box}}.auth-label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:500;letter-spacing:.01em;color:#ffffff9e;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.auth-label-icon{flex-shrink:0;color:#93c5fde0;transition:color .2s ease}.auth-field:has(.auth-input:focus) .auth-label{color:#ffffffd1}.auth-field:has(.auth-input:focus) .auth-label-icon{color:#bfdbfe}.auth-input-wrapper{position:relative}.auth-input-wrapper--password-toggle .auth-input{padding-right:48px}.auth-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.auth-password-toggle:hover{color:#4b5563;background:transparent}.auth-password-toggle:focus,.auth-password-toggle:focus-visible{outline:none;box-shadow:none;color:#4b5563;background:transparent}.auth-password-toggle .auth-password-toggle-icon{flex-shrink:0;opacity:1;stroke:currentColor;color:inherit}.auth-input{width:100%;box-sizing:border-box;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f1f5f9;font-size:16px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;font-weight:500}.auth-input::placeholder{color:#94a3b8bf;font-weight:400}.auth-input:hover{border-color:#ffffff29;background:rgba(255,255,255,.085)}.auth-input:focus{outline:none;border-color:#60a5faa6;background:rgba(255,255,255,.09);box-shadow:0 0 0 3px #3b82f633}.auth-password-strength{margin-top:10px;display:flex;flex-direction:column;gap:6px}.auth-password-strength-bars{display:flex;gap:6px;width:100%}.auth-password-strength-seg{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.1);transition:background .2s ease,transform .15s ease}.auth-password-strength-bars--short .auth-password-strength-seg--active,.auth-password-strength-bars--empty .auth-password-strength-seg--active,.auth-password-strength-bars--weak .auth-password-strength-seg--active{background:#ef4444;box-shadow:0 0 8px #ef444459}.auth-password-strength-bars--fair .auth-password-strength-seg--active{background:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.auth-password-strength-bars--good .auth-password-strength-seg--active{background:#22c55e;box-shadow:0 0 8px #22c55e47}.auth-password-strength-bars--strong .auth-password-strength-seg--active{background:#10b981;box-shadow:0 0 10px #10b98166}.auth-password-strength-label{font-size:12px;font-weight:600;letter-spacing:.02em;color:#94a3b8f2}.auth-password-strength-bars--short+.auth-password-strength-label,.auth-password-strength-bars--weak+.auth-password-strength-label{color:#fca5a5}.auth-password-strength-bars--fair+.auth-password-strength-label{color:#fbbf24}.auth-password-strength-bars--good+.auth-password-strength-label,.auth-password-strength-bars--strong+.auth-password-strength-label{color:#86efac}.auth-input--error{border-color:#ef4444b3!important;background:rgba(239,68,68,.06)!important;box-shadow:0 0 0 1px #ef444440!important}.auth-input--error:focus{border-color:#f87171e6!important;box-shadow:0 0 0 3px #ef444438!important}.auth-label--error,.auth-label--error .auth-label-icon{color:#fca5a5!important}.auth-field-hint{margin:8px 0 0;font-size:12px;font-weight:500;line-height:1.4}.auth-field-hint--error{color:#f87171}.auth-status-msg{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:14px;line-height:1.45;text-align:left;transition:opacity .2s ease}.auth-status-msg-icon{flex-shrink:0;color:#f87171;margin-top:1px}.auth-status-msg span{flex:1;min-width:0}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:-4px}.auth-checkbox{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;border-radius:4px}.auth-link-button{background:none;border:none;color:#7dd3fc;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:color .18s ease,opacity .18s ease;padding:4px 0}.auth-link-button:hover{color:#bae6fd;text-decoration:none}.auth-back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px 8px 0;text-decoration:none;flex-shrink:0;white-space:nowrap}.auth-back-button span{white-space:nowrap}.auth-back-button:hover{text-decoration:none}.auth-back-button svg{transition:transform .2s ease}.auth-back-button:hover svg{transform:translate(-2px)}.auth-forgot-password-link{display:block;width:100%;text-align:center;margin-top:16px;padding:8px 0}.auth-oauth-buttons+.auth-forgot-password-link{margin-top:14px}.auth-submit-button{width:100%;padding:15px 24px;margin-top:6px;border:none;border-radius:12px;background:#3b82f6;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 1px 2px #00000052,inset 0 1px #ffffff1f;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease}.auth-submit-button:hover:not(:disabled){transform:translateY(-1px);background:#2563eb;box-shadow:0 4px 14px #2563eb59,0 1px 2px #00000047,inset 0 1px #ffffff24}.auth-submit-button:active:not(:disabled){transform:translateY(0);background:#1d4ed8}.auth-submit-button:focus{outline:none}.auth-submit-button:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.auth-submit-button:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.auth-submit-icon{transition:transform .3s ease}.auth-submit-button:hover .auth-submit-icon{transform:translate(4px)}.auth-footer{margin-top:32px;text-align:center}.auth-footer-text{color:var(--text-tertiary);font-size:13px;line-height:1.6}.auth-footer-text .auth-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer-text .auth-link:hover{color:#60a5fa;text-decoration:underline}.auth-forgot-password{margin-top:24px}.auth-forgot-title{color:#fff;font-size:22px;font-weight:600;margin-bottom:12px;letter-spacing:-.03em;line-height:1.25}.auth-forgot-text{color:#ffffffb8;font-size:15px;margin-bottom:32px;line-height:1.65;font-weight:400}.auth-forgot-text strong{color:#fff;font-weight:600}.auth-forgot-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.auth-forgot-actions .auth-submit-button{width:auto;flex:0 0 auto;margin-top:0;padding:10px 20px;font-size:14px;font-weight:600;border-radius:10px}.auth-forgot-password .auth-forgot-text .auth-submit-button{width:auto;max-width:100%;display:inline-flex;padding:10px 20px;font-size:14px;border-radius:10px}.auth-forgot-success{text-align:center;padding:24px 0}.auth-forgot-success .auth-forgot-title{margin-bottom:16px}.auth-forgot-success .auth-forgot-text{margin-bottom:32px}.auth-2fa-verification{margin-top:24px}.auth-2fa-header{text-align:center;margin-bottom:40px}.auth-2fa-icon{color:#93c5fd;margin-bottom:20px}.auth-2fa-title{color:#fff;font-size:22px;font-weight:600;margin-bottom:12px;letter-spacing:-.03em;line-height:1.25}.auth-2fa-description{color:#ffffffb8;font-size:15px;line-height:1.65;margin:0;font-weight:400}.auth-2fa-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.auth-2fa-digit{width:54px;height:60px;padding:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:26px;font-weight:600;text-align:center;outline:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace}.auth-2fa-digit:hover{border-color:#cbd5e1;background:#fff}.auth-2fa-digit:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f638}.auth-2fa-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:nowrap}.auth-2fa-actions .auth-submit-button{width:auto;flex:1 1 auto;min-width:0;margin-top:0}@media (prefers-reduced-motion: reduce){.auth-background-gradient,.auth-shape,.auth-container{animation:none!important}.auth-container{backdrop-filter:none;-webkit-backdrop-filter:none}.auth-background-gradient{transform:none!important}.auth-shape{animation:none!important;transform:none!important}}@media (max-width: 968px){.auth-background-gradient{animation:none;transform:none}.auth-shape{animation:none;transform:none!important;filter:blur(28px);opacity:.3}.auth-container{grid-template-columns:1fr;max-width:480px;height:auto;min-height:0;max-height:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,23,42,.97);border-radius:28px;box-shadow:0 20px 56px #00000080}.auth-left-panel{display:none}.auth-mobile-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-mobile-logo-img{height:40px}.auth-right-panel{padding:40px 32px}}@media (max-width: 640px){.auth-page{padding:16px}.auth-container{border-radius:24px;max-height:none}.auth-mobile-logo{margin-bottom:20px}.auth-mobile-logo-img{height:36px}.auth-right-panel{padding:32px 24px}.auth-welcome-title{font-size:28px}.auth-welcome-description{font-size:18px}.auth-2fa-digit{width:48px;height:56px;font-size:24px}}[data-theme=light] .auth-page{background:#f1f5f9}[data-theme=light] .auth-container{background:rgba(255,255,255,.92);border-color:#0f172a14;box-shadow:0 24px 64px #0f172a1f,0 0 0 1px #fffc inset}[data-theme=light] .auth-left-panel{border-right-color:#0f172a14;background:linear-gradient(165deg,#2563eb 0%,#3b82f6 45%,#0ea5e9 100%)}[data-theme=light] .auth-left-panel:before{background:radial-gradient(ellipse 120% 80% at 100% 0%,rgba(255,255,255,.22) 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(0,0,0,.06) 0%,transparent 50%)}[data-theme=light] .auth-right-panel{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}[data-theme=light] .auth-right-panel:before{background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 65%)}[data-theme=light] .auth-tabs{background:rgba(15,23,42,.05);border-color:#0f172a14}[data-theme=light] .auth-signup-back{color:#475569f2}[data-theme=light] .auth-signup-back:hover{color:#0f172ae0;background:rgba(15,23,42,.05)}[data-theme=light] .auth-tab{color:#0f172a80}[data-theme=light] .auth-tab:hover{color:#0f172ad9;background:rgba(255,255,255,.7)}[data-theme=light] .auth-label{color:#0f172a8c}[data-theme=light] .auth-label-icon{color:#2563eb}[data-theme=light] .auth-field:has(.auth-input:focus) .auth-label{color:#0f172ad9}[data-theme=light] .auth-input{background:rgba(255,255,255,.95);border-color:#0f172a1f;color:var(--text-primary)}[data-theme=light] .auth-input:hover{border-color:#0f172a2e;background:#ffffff;box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}[data-theme=light] .auth-input--error{border-color:#dc2626!important;background:rgba(254,242,242,.9)!important;box-shadow:0 0 0 1px #dc262640!important}[data-theme=light] .auth-input--error:focus{border-color:#b91c1c!important;box-shadow:0 0 0 3px #dc262633!important}[data-theme=light] .auth-label--error,[data-theme=light] .auth-label--error .auth-label-icon{color:#b91c1c!important}[data-theme=light] .auth-field-hint--error{color:#b91c1c}[data-theme=light] .auth-password-strength-bars--short+.auth-password-strength-label,[data-theme=light] .auth-password-strength-bars--weak+.auth-password-strength-label{color:#b91c1c}[data-theme=light] .auth-password-strength-bars--fair+.auth-password-strength-label{color:#b45309}[data-theme=light] .auth-password-strength-bars--good+.auth-password-strength-label,[data-theme=light] .auth-password-strength-bars--strong+.auth-password-strength-label{color:#15803d}[data-theme=light] .auth-password-toggle{color:#6b7280}[data-theme=light] .auth-password-toggle:hover{color:#4b5563;background:transparent}[data-theme=light] .auth-password-toggle:focus,[data-theme=light] .auth-password-toggle:focus-visible{outline:none;box-shadow:none;color:#4b5563;background:transparent}.auth-pages-root .auth-input{background:rgba(255,255,255,.06);border-color:#ffffff1a;color:#f1f5f9;box-shadow:none}.auth-pages-root .auth-input::placeholder{color:#94a3b8bf}.auth-pages-root .auth-input:hover{border-color:#ffffff29;background:rgba(255,255,255,.085);box-shadow:none}.auth-pages-root .auth-input:focus{border-color:#60a5faa6;background:rgba(255,255,255,.09);box-shadow:0 0 0 3px #3b82f633}.auth-pages-root .auth-input--error{border-color:#ef4444bf!important;background:rgba(239,68,68,.08)!important;box-shadow:0 0 0 1px #ef444447!important}.auth-pages-root .auth-input--error:focus{border-color:#f87171e6!important;background:rgba(239,68,68,.1)!important;box-shadow:0 0 0 3px #ef444438!important}.auth-pages-root .auth-password-toggle{color:#6b7280}.auth-pages-root .auth-password-toggle:hover{color:#4b5563;background:transparent}.auth-pages-root .auth-password-toggle:focus,.auth-pages-root .auth-password-toggle:focus-visible{outline:none;box-shadow:none;color:#4b5563;background:transparent}[data-theme=light] .auth-2fa-digit{background:rgba(248,249,250,.8);border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .auth-2fa-digit:hover{border-color:#00000026;background:rgba(248,249,250,1)}[data-theme=light] .auth-status-msg{background:rgba(239,68,68,.06);border-color:#ef444433;color:#b91c1c}.auth-container-reset{display:flex!important;flex-direction:column;grid-template-columns:none!important;max-width:500px;height:auto;min-height:auto;padding:40px;align-items:stretch}.auth-header{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:0}.auth-logo{display:flex;align-items:center;gap:12px}.auth-logo-img{height:32px;width:auto;object-fit:contain}.auth-content-reset{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0 auto}.auth-content-reset .auth-forgot-title,.auth-content-reset .auth-forgot-text{text-align:center;width:100%}.auth-content-reset .auth-form{width:100%;margin-top:8px}.auth-error{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:14px;line-height:1.45;text-align:left;transition:opacity .2s ease;margin-top:-8px}.auth-footer{margin-top:24px;text-align:center;width:100%}.auth-link-button{background:none;border:none;color:#60a5fa;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;padding:4px 0}.auth-link-button:hover{color:#93c5fd}[data-theme=light] .auth-error{background:rgba(239,68,68,.06);border-color:#ef444433;color:#b91c1c}.auth-oauth-divider{display:flex;align-items:center;gap:12px;margin:8px 0 4px;color:#94a3b8e6;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-oauth-divider:before,.auth-oauth-divider:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}.auth-oauth-divider-text{flex-shrink:0}.auth-oauth-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.auth-oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,transform .1s ease;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#f8fafc}.auth-oauth-button:hover{background:rgba(255,255,255,.09);border-color:#ffffff38}.auth-oauth-button:active{transform:scale(.99)}.auth-oauth-button-google{border-color:#4285f459}.auth-oauth-button-github{border-color:#9ca3af59}.auth-oauth-button-github .auth-oauth-icon{color:#e5e7eb}.auth-oauth-icon{flex-shrink:0}.auth-signup-methods{display:flex;flex-direction:column;gap:2px;width:100%}button.auth-oauth-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.auth-signup-email-cta .auth-oauth-icon{color:#94a3b8f2}.auth-signup-back{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;margin:0;padding:6px 10px 6px 8px;border:none;border-radius:10px;background:transparent;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;color:#94a3b8eb;cursor:pointer;transition:color .15s ease,background .15s ease}.auth-signup-back-icon{flex-shrink:0;opacity:.85;margin-right:1px}.auth-signup-back:hover{color:#e2e8f0fa;background:rgba(255,255,255,.055)}.auth-signup-back:hover .auth-signup-back-icon{opacity:1}.auth-signup-back:focus{outline:none}.auth-signup-back:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.auth-signup-back--below-submit{align-self:stretch;justify-content:center;width:100%;max-width:100%;padding:12px 16px;margin-top:2px}.auth-oauth-callback-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#030712}.auth-oauth-callback-text{margin:0;font-size:15px;font-weight:500;color:#94a3b8f2}@media (max-width: 640px){.auth-container-reset{padding:32px 24px;max-width:100%}.auth-header{margin-bottom:32px}}.user-settings-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);min-height:0;min-width:0;width:100%;max-width:100%;overflow:hidden;transition:background-color .3s ease;box-sizing:border-box}.user-settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.user-settings-panel-header-left{flex:1;min-width:0;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;width:100%}.user-settings-panel-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em;transition:color .3s ease}.user-settings-panel-subtitle{font-size:14px;color:var(--text-secondary);margin:0;font-weight:400;transition:color .3s ease}.user-settings-panel-tabs{display:flex;align-items:center;gap:0;padding:0;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.user-settings-panel-tabs-inner{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;gap:0;padding:0}.user-settings-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s,color .3s ease;outline:none}.user-settings-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.user-settings-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:transparent}.user-settings-tab svg{flex-shrink:0}.user-settings-panel-content{flex:1;min-width:0;min-height:0;padding:32px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-primary);box-sizing:border-box}.user-settings-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef444420;border:1px solid #ef444440;border-radius:6px;color:#ef4444;margin-bottom:24px;font-size:14px}.user-settings-error button{background:transparent;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.user-settings-error button:hover{background:#ef444440}.user-settings-section{flex:none;width:100%;max-width:1200px;margin:0 auto;padding:0;min-width:0;min-height:0;box-sizing:border-box;display:flex}.user-settings-section-inner{display:flex;gap:32px;align-items:stretch;min-width:0;min-height:0;width:100%;flex:none;box-sizing:border-box}.user-settings-nav-scroll{flex-shrink:0;align-self:stretch}@media (min-width: 769px){.user-settings-nav{position:sticky;top:0;z-index:2}}.user-settings-nav{flex-shrink:0;width:220px;display:flex;flex-direction:column;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:8px;transition:background-color .3s ease,border-color .3s ease;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:visible;box-shadow:0 2px 8px #0000000d}[data-theme=light] .user-settings-nav{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 1px 3px #0000000f}.user-settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease,color .3s ease;text-align:left}.user-settings-nav-item:hover{background:var(--bg-quaternary);color:var(--text-primary);transform:translate(2px)}.user-settings-nav-item.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px #3b82f64d}.user-settings-nav-item:focus{outline:none}.user-settings-nav-item:focus-visible:not(.active){outline:2px solid rgba(59,130,246,.65);outline-offset:2px}.user-settings-nav-item svg{flex-shrink:0;width:16px;height:16px}.user-settings-workspace-selector{position:relative;margin-bottom:8px}.user-settings-workspace-selector-button{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-sizing:border-box}.user-settings-workspace-selector-button:hover{background:var(--bg-quaternary);border-color:var(--border-color-hover)}.user-settings-workspace-option-avatar-wrap{position:relative;flex-shrink:0}.user-settings-workspace-option-check{position:absolute;left:-2px;top:-2px;width:16px;height:16px;border-radius:50%;background:#2563eb;color:#fff;border:1.5px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;flex-shrink:0}.user-settings-workspace-option-check .workspace-check-svg{width:10px;height:10px;color:#fff}[data-theme=light] .user-settings-workspace-option-check{background:#2563eb;border-color:#fff;box-shadow:0 1px 3px #0000001f;color:#fff}[data-theme=light] .user-settings-workspace-option-check .workspace-check-svg{color:#fff}.user-settings-workspace-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-settings-workspace-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.user-settings-workspace-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.user-settings-workspace-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-settings-workspace-slug{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-settings-workspace-chevron{flex-shrink:0;transition:transform .2s;color:var(--text-secondary)}.user-settings-workspace-chevron.open{transform:rotate(180deg)}.user-settings-workspace-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px;z-index:1001;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026;overflow-x:visible}.user-settings-workspace-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-sizing:border-box}.user-settings-workspace-option:hover,.user-settings-workspace-option.selected{background:var(--bg-tertiary)}.user-settings-content{flex:1 1 0;min-width:0;min-height:0;max-width:100%;padding-bottom:400px;overflow:visible;overflow-wrap:break-word;box-sizing:border-box;align-self:stretch;direction:ltr}.user-settings-form-section{margin-bottom:48px;padding:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;scroll-margin-top:100px;transition:border-color .3s ease,background-color .3s ease;box-shadow:0 2px 6px #0000000d;min-width:0;max-width:100%;box-sizing:border-box}[data-theme=light] .user-settings-form-section{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 1px 3px #0000000f}.user-settings-form-section:last-child{margin-bottom:0}.user-settings-workspace-page-skeleton{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.user-settings-workspace-page-skeleton-card{margin-bottom:0;pointer-events:none}.user-settings-workspace-page-skeleton-line{height:14px;max-width:100%;border-radius:7px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-workspace-page-skeleton-line--title{width:38%;height:22px;border-radius:8px;margin-bottom:12px}.user-settings-workspace-page-skeleton-line--muted{width:72%;height:13px;margin-bottom:28px;opacity:.85}.user-settings-workspace-page-skeleton-line--short{width:55%}.user-settings-workspace-page-skeleton-profile{display:flex;gap:24px;align-items:flex-start}.user-settings-workspace-page-skeleton-avatar{width:96px;height:96px;border-radius:14px;flex-shrink:0;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-secondary) 50%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-workspace-page-skeleton-profile-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding-top:8px}.user-settings-workspace-page-skeleton-billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:24px}@media (max-width: 600px){.user-settings-workspace-page-skeleton-billing-grid{grid-template-columns:1fr}}.user-settings-workspace-page-skeleton-actions{display:flex;justify-content:flex-start}.user-settings-workspace-page-skeleton-pill{width:140px;height:40px;border-radius:8px;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-secondary) 50%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}@keyframes user-settings-workspace-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .user-settings-workspace-page-skeleton-line,[data-theme=light] .user-settings-workspace-page-skeleton-avatar,[data-theme=light] .user-settings-workspace-page-skeleton-pill{background:linear-gradient(90deg,var(--bg-quaternary) 0%,rgba(0,0,0,.06) 50%,var(--bg-quaternary) 100%);background-size:200% 100%}.user-settings-members-page-skeleton{width:100%;min-width:0;pointer-events:none}.user-settings-members-page-skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:38px;flex-wrap:wrap}.user-settings-members-page-skeleton-header-text{flex:1;min-width:160px;display:flex;flex-direction:column;gap:10px}.user-settings-members-page-skeleton-title{height:22px;width:42%;max-width:280px;border-radius:8px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-members-page-skeleton-desc{height:13px;width:72%;max-width:420px;border-radius:7px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite;opacity:.9}.user-settings-members-page-skeleton-add-btn{width:132px;height:40px;border-radius:8px;flex-shrink:0;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-secondary) 50%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-members-page-skeleton-member-card{pointer-events:none}.user-settings-members-page-skeleton-member-card .user-settings-member-card-inner{padding:28px 20px 24px}.user-settings-members-page-skeleton-menu-dot{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-secondary) 50%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-members-page-skeleton-avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0;margin-bottom:16px;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-secondary) 50%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-members-page-skeleton-name{width:78%;max-width:220px;height:22px;border-radius:7px;margin-bottom:10px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-members-page-skeleton-role-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;width:100%}.user-settings-members-page-skeleton-role-pill{width:72px;height:30px;border-radius:20px;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-secondary) 50%,var(--bg-quaternary) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite}.user-settings-members-page-skeleton-email{width:88%;max-width:240px;height:14px;border-radius:7px;margin-bottom:8px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite;opacity:.92}.user-settings-members-page-skeleton-joined{width:52%;max-width:160px;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-quaternary, rgba(255, 255, 255, .06)) 0%,var(--bg-secondary, rgba(255, 255, 255, .12)) 50%,var(--bg-quaternary, rgba(255, 255, 255, .06)) 100%);background-size:200% 100%;animation:user-settings-workspace-skeleton-shimmer 1.35s ease-in-out infinite;opacity:.85}[data-theme=light] .user-settings-members-page-skeleton-title,[data-theme=light] .user-settings-members-page-skeleton-desc,[data-theme=light] .user-settings-members-page-skeleton-add-btn,[data-theme=light] .user-settings-members-page-skeleton-menu-dot,[data-theme=light] .user-settings-members-page-skeleton-avatar,[data-theme=light] .user-settings-members-page-skeleton-name,[data-theme=light] .user-settings-members-page-skeleton-role-pill,[data-theme=light] .user-settings-members-page-skeleton-email,[data-theme=light] .user-settings-members-page-skeleton-joined{background:linear-gradient(90deg,var(--bg-quaternary) 0%,rgba(0,0,0,.06) 50%,var(--bg-quaternary) 100%);background-size:200% 100%}@keyframes user-settings-sessions-skeleton-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.user-settings-sessions-page-skeleton{width:100%;min-width:0;pointer-events:none}.user-settings-sessions-page-skeleton-section{display:flex;flex-direction:column;gap:24px;min-width:0;padding-top:38px}.user-settings-sessions-page-skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:0;flex-wrap:wrap}.user-settings-sessions-page-skeleton-header-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:12px}.user-settings-sessions-page-skeleton-page-title{width:28%;max-width:200px;height:24px;border-radius:8px;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.04) 32%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 68%,rgba(255,255,255,.04) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite}.user-settings-sessions-page-skeleton-page-desc{width:min(92%,520px);height:14px;border-radius:7px;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.035) 32%,rgba(255,255,255,.075) 50%,rgba(255,255,255,.035) 68%,rgba(255,255,255,.035) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;opacity:.92}.user-settings-sessions-page-skeleton-logout-btn{width:124px;height:40px;border-radius:10px;flex-shrink:0;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.05) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;box-shadow:0 1px #ffffff0a inset}.user-settings-sessions-page-skeleton-list{gap:18px;margin-top:0;flex-shrink:0}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item{pointer-events:none;position:relative;border-color:#ffffff12;box-shadow:0 1px #ffffff0d inset,0 10px 32px #0000002e;padding:27px 20px}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item--primary{border-color:#3b82f638;box-shadow:0 1px #ffffff0d inset,0 0 0 1px #3b82f61f,0 12px 36px #0003}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item:hover{transform:none;border-color:#ffffff12;box-shadow:0 1px #ffffff0d inset,0 10px 32px #0000002e}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item--primary:hover{border-color:#3b82f638;box-shadow:0 1px #ffffff0d inset,0 0 0 1px #3b82f61f,0 12px 36px #0003}.user-settings-sessions-page-skeleton-top{align-items:flex-start}.user-settings-sessions-page-skeleton-icon-cluster{gap:10px}.user-settings-sessions-page-skeleton-device-icon,.user-settings-sessions-page-skeleton-browser-icon{flex-shrink:0;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--sessions-skeleton-stagger, 0s);box-shadow:0 1px #ffffff0f inset;border:1px solid rgba(255,255,255,.06)}.user-settings-sessions-page-skeleton-device-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(100deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.045) 30%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.045) 70%,rgba(255,255,255,.045) 100%);background-size:220% 100%}.user-settings-sessions-page-skeleton-browser-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(100deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 70%,rgba(255,255,255,.04) 100%);background-size:220% 100%}.user-settings-sessions-page-skeleton-actions{align-items:flex-end}.user-settings-sessions-page-skeleton-badge{width:100px;height:21px;border-radius:999px;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.055) 28%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.055) 72%,rgba(255,255,255,.055) 100%);background-size:220% 100%;box-shadow:0 1px #ffffff0d inset}.user-settings-sessions-page-skeleton-badge--wide{width:132px}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item--primary .user-settings-sessions-page-skeleton-badge{background:linear-gradient(100deg,rgba(16,185,129,.12) 0%,rgba(16,185,129,.12) 28%,rgba(52,211,153,.35) 50%,rgba(16,185,129,.12) 72%,rgba(16,185,129,.12) 100%);background-size:220% 100%;box-shadow:0 0 0 1px #10b9812e}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item:not(.user-settings-sessions-page-skeleton-session-item--primary) .user-settings-sessions-page-skeleton-badge{background:linear-gradient(100deg,rgba(59,130,246,.1) 0%,rgba(59,130,246,.1) 28%,rgba(96,165,250,.32) 50%,rgba(59,130,246,.1) 72%,rgba(59,130,246,.1) 100%);background-size:220% 100%;box-shadow:0 0 0 1px #3b82f629}.user-settings-sessions-page-skeleton-logout-pill{width:82px;height:30px;border-radius:6px;margin-top:0;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.05) 100%);background-size:220% 100%;border:1px solid rgba(255,255,255,.06)}.user-settings-sessions-page-skeleton-session-device{width:min(48%,180px);height:16px;border-radius:6px;margin-bottom:4px;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.048) 0%,rgba(255,255,255,.048) 30%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.048) 70%,rgba(255,255,255,.048) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite}.user-settings-sessions-page-skeleton-session-browser{width:min(64%,240px);height:13px;border-radius:6px;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.038) 0%,rgba(255,255,255,.038) 30%,rgba(255,255,255,.085) 50%,rgba(255,255,255,.038) 70%,rgba(255,255,255,.038) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;opacity:.95}.user-settings-sessions-page-skeleton-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin-top:0;width:100%}.user-settings-sessions-page-skeleton-detail-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.user-settings-sessions-page-skeleton-detail-label{width:72%;max-width:88px;height:10px;border-radius:4px;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 32%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 68%,rgba(255,255,255,.03) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite;opacity:.65}.user-settings-sessions-page-skeleton-detail-value{width:100%;height:13px;border-radius:5px;animation-delay:var(--sessions-skeleton-stagger, 0s);background:linear-gradient(100deg,rgba(255,255,255,.042) 0%,rgba(255,255,255,.042) 30%,rgba(255,255,255,.095) 50%,rgba(255,255,255,.042) 70%,rgba(255,255,255,.042) 100%);background-size:220% 100%;animation:user-settings-sessions-skeleton-shimmer 2.1s ease-in-out infinite}.user-settings-sessions-page-skeleton-detail-cell:nth-child(2) .user-settings-sessions-page-skeleton-detail-value{width:96%}.user-settings-sessions-page-skeleton-detail-cell:nth-child(3) .user-settings-sessions-page-skeleton-detail-value{width:88%}@media (max-width: 720px){.user-settings-sessions-page-skeleton-details{grid-template-columns:1fr;gap:12px}}[data-theme=light] .user-settings-session-item.user-settings-sessions-page-skeleton-session-item{border-color:#0000000f;box-shadow:0 1px #ffffffd9 inset,0 8px 24px #0000000f}[data-theme=light] .user-settings-session-item.user-settings-sessions-page-skeleton-session-item--primary{border-color:#3b82f647;box-shadow:0 1px #ffffffe6 inset,0 0 0 1px #3b82f61f,0 10px 28px #00000014}[data-theme=light] .user-settings-sessions-page-skeleton-page-title,[data-theme=light] .user-settings-sessions-page-skeleton-page-desc,[data-theme=light] .user-settings-sessions-page-skeleton-logout-btn,[data-theme=light] .user-settings-sessions-page-skeleton-device-icon,[data-theme=light] .user-settings-sessions-page-skeleton-browser-icon,[data-theme=light] .user-settings-sessions-page-skeleton-logout-pill,[data-theme=light] .user-settings-sessions-page-skeleton-session-device,[data-theme=light] .user-settings-sessions-page-skeleton-session-browser,[data-theme=light] .user-settings-sessions-page-skeleton-detail-label,[data-theme=light] .user-settings-sessions-page-skeleton-detail-value{background:linear-gradient(100deg,var(--bg-quaternary) 0%,var(--bg-quaternary) 32%,rgba(0,0,0,.05) 50%,var(--bg-quaternary) 68%,var(--bg-quaternary) 100%);background-size:220% 100%}[data-theme=light] .user-settings-session-item.user-settings-sessions-page-skeleton-session-item--primary .user-settings-sessions-page-skeleton-badge{background:linear-gradient(100deg,rgba(16,185,129,.15) 0%,rgba(16,185,129,.15) 28%,rgba(16,185,129,.35) 50%,rgba(16,185,129,.15) 72%,rgba(16,185,129,.15) 100%);background-size:220% 100%;box-shadow:0 0 0 1px #10b98133}[data-theme=light] .user-settings-session-item.user-settings-sessions-page-skeleton-session-item:not(.user-settings-sessions-page-skeleton-session-item--primary) .user-settings-sessions-page-skeleton-badge{background:linear-gradient(100deg,rgba(59,130,246,.12) 0%,rgba(59,130,246,.12) 28%,rgba(59,130,246,.3) 50%,rgba(59,130,246,.12) 72%,rgba(59,130,246,.12) 100%);background-size:220% 100%;box-shadow:0 0 0 1px #3b82f62e}.user-settings-profile-section .user-settings-form-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.user-settings-profile-intro{font-size:14px;color:var(--text-secondary);margin-bottom:28px!important;line-height:1.5}.user-settings-compact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.user-settings-compact-header-left{flex:1}.user-settings-compact-header .user-settings-form-title{margin-bottom:8px}.user-settings-compact-header .user-settings-form-description{margin-bottom:0}.user-settings-password-reset-hint{margin:10px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.user-settings-password-reset-hint--inline{margin-top:-8px;margin-bottom:20px}.user-settings-password-reset-link{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;font-weight:500;color:#3b82f6;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.user-settings-password-reset-link:hover{color:#2563eb}.user-settings-password-reset-flow{margin-bottom:24px;padding:20px;border-radius:12px;border:1px solid var(--border-color, rgba(0, 0, 0, .08));background:var(--surface-elevated, var(--bg-secondary, rgba(0, 0, 0, .03)))}.user-settings-password-reset-flow .auth-forgot-title{margin-top:0}.user-settings-section-header-with-action{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.user-settings-section-header-with-action .user-settings-section-header-text{flex:1;min-width:0}.user-settings-section-header-with-action .user-settings-section-header-action{flex-shrink:0;margin-left:auto}#sessions.user-settings-form-section .user-settings-section-header-with-action .user-settings-section-header-action{display:flex;justify-content:flex-end}.user-settings-sessions-header{margin-bottom:24px}.user-settings-sessions-description{margin-bottom:0!important;margin-top:4px}.user-settings-logout-all-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;font:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.01em;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #0000000a;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}.user-settings-logout-all-btn svg{flex-shrink:0;opacity:.92}.user-settings-logout-all-btn:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444459;color:var(--text-error, #ef4444);box-shadow:0 1px 3px #ef44441f}.user-settings-logout-all-btn:active:not(:disabled){background:rgba(239,68,68,.14);box-shadow:none}.user-settings-logout-all-btn:focus{outline:none}.user-settings-logout-all-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.user-settings-logout-all-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}[data-theme=dark] .user-settings-logout-all-btn{background:rgba(255,255,255,.06);border-color:#ffffff1f;color:#ffffffc7;box-shadow:0 1px 3px #0003}[data-theme=dark] .user-settings-logout-all-btn:hover:not(:disabled){background:rgba(239,68,68,.14);border-color:#f8717173;color:#f87171}[data-theme=light] .user-settings-logout-all-btn:hover:not(:disabled){color:#dc2626}.user-settings-compact-header .user-settings-btn{margin-top:0;flex-shrink:0;align-self:flex-start}.user-settings-form-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.01em;transition:color .3s ease}.user-settings-form-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 24px;transition:color .3s ease}.user-settings-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%}.user-settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.user-settings-form-row .user-settings-form-group{margin-bottom:0}.user-settings-form-group:last-of-type{margin-bottom:0}.user-settings-form-group label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.user-settings-verify-email-banner{margin-top:12px;padding:12px 14px;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,rgba(245,158,11,.05) 100%);box-sizing:border-box}[data-theme=light] .user-settings-verify-email-banner{border-color:#d9770673;background:linear-gradient(135deg,rgba(251,191,36,.18) 0%,rgba(254,243,199,.35) 100%)}.user-settings-verify-email-banner-main{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.user-settings-verify-email-banner-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.2);color:#fbbf24}[data-theme=light] .user-settings-verify-email-banner-icon{background:rgba(217,119,6,.15);color:#b45309}.user-settings-verify-email-banner-copy{flex:1 1 200px;min-width:0}.user-settings-verify-email-banner-title{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.01em;color:#fbbf24}[data-theme=light] .user-settings-verify-email-banner-title{color:#b45309}.user-settings-verify-email-banner-hint{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.user-settings-verify-email-cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;line-height:1.2;color:#0f0f14;background:#fbbf24;border:1px solid rgba(245,158,11,.65);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.user-settings-verify-email-cta:hover:not(:disabled){background:#f59e0b;border-color:#f59e0be6}.user-settings-verify-email-cta:active:not(:disabled){transform:scale(.98)}.user-settings-verify-email-cta:disabled{opacity:.65;cursor:not-allowed}[data-theme=light] .user-settings-verify-email-cta{color:#422006;background:#f59e0b;border-color:#b453098c}[data-theme=light] .user-settings-verify-email-cta:hover:not(:disabled){background:#d97706;border-color:#92400ea6;color:#422006}@media (max-width: 560px){.user-settings-verify-email-banner-main{flex-direction:column;align-items:stretch}.user-settings-verify-email-banner-icon{align-self:flex-start}.user-settings-verify-email-cta{margin-left:0;width:100%}}.user-settings-form-section.user-settings-billing-address-section{margin-bottom:48px}.user-settings-form-actions-after-billing{margin-top:16px;padding-top:16px}.user-settings-billing-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media (max-width: 600px){.user-settings-billing-address-grid{grid-template-columns:1fr}}@media (max-width: 768px){.user-settings-panel{min-width:0;overflow-x:hidden}.user-settings-panel-header{padding:16px;min-width:0}.user-settings-panel-header-left{min-width:0}.user-settings-panel-title{font-size:20px;word-wrap:break-word}.user-settings-panel-subtitle{font-size:13px;word-wrap:break-word}.user-settings-panel-tabs-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}.user-settings-panel-tabs-inner::-webkit-scrollbar{display:none}.user-settings-tab{padding:12px 14px;font-size:13px;white-space:nowrap}.user-settings-panel-content{padding:16px;min-width:0}.user-settings-section{width:100%;max-width:100%;min-width:0;overflow:hidden}.user-settings-section-inner{flex-direction:column;gap:16px;min-width:0;width:100%;max-width:100%;overflow:hidden}.user-settings-nav-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.user-settings-nav-scroll::-webkit-scrollbar{display:none}.user-settings-nav{width:max-content;min-width:100%;max-height:none;position:static;flex-direction:row;flex-wrap:nowrap;overflow:visible;padding:8px 4px}.user-settings-nav-item{flex-shrink:0;padding:10px 14px;font-size:13px;white-space:nowrap}.user-settings-content{padding:0 0 400px}.user-settings-form-section{padding:20px 16px;min-width:0;overflow-wrap:break-word}.user-settings-form-section.user-settings-sessions-page-skeleton-section{padding-top:28px}.user-settings-form-title{font-size:18px;word-wrap:break-word}.user-settings-form-group input,.user-settings-form-group textarea{max-width:100%;box-sizing:border-box}.user-settings-form-actions{flex-wrap:wrap}.user-settings-section-header-with-action{flex-wrap:wrap;gap:12px}.user-settings-profile-layout{flex-direction:column;align-items:stretch;gap:24px}.user-settings-profile-left{width:100%;min-width:0;align-items:center}.user-settings-profile-right,.user-settings-profile-right .user-settings-form-group{width:100%;min-width:0}.user-settings-profile-right .user-settings-form-group input,.user-settings-profile-right .user-settings-form-group .user-settings-form-select{width:100%;min-width:0;max-width:100%}.user-settings-profile-image-group{flex-wrap:wrap;justify-content:center}.user-settings-profile-actions{margin-top:20px;padding-top:20px}.user-settings-profile-section .user-settings-form-title{font-size:20px}.user-settings-profile-intro{word-wrap:break-word}.user-settings-form-row{grid-template-columns:1fr;gap:16px}.user-settings-billing-address-grid{grid-template-columns:1fr}.user-settings-sessions-list{min-width:0}.user-settings-session-item{flex-direction:column;align-items:stretch;gap:12px;padding:16px;width:100%;box-sizing:border-box}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item{padding:23px 16px}.user-settings-session-details{grid-template-columns:1fr;min-width:0}.user-settings-session-info{min-width:0;width:100%}.user-settings-session-right{flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:8px}.user-settings-session-badges{flex-wrap:wrap;justify-content:flex-end}.user-settings-session-logout-btn{margin-left:0}.user-settings-sessions-pagination{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px;padding-top:20px}.user-settings-sessions-pagination-text{text-align:center;font-size:13px}.user-settings-sessions-pagination-controls{justify-content:center;flex-wrap:wrap}.user-settings-session-header{flex-wrap:wrap}.user-settings-session-title{min-width:0}.user-settings-session-device,.user-settings-session-browser{word-break:break-word}#sessions.user-settings-form-section .user-settings-section-header-with-action .user-settings-section-header-action{min-width:0}.user-settings-members-grid{grid-template-columns:1fr;gap:16px;width:100%;justify-content:stretch}.user-settings-member-card{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.user-settings-member-card-inner{min-width:0;width:100%;box-sizing:border-box}.user-settings-member-menu-dropdown{min-width:160px}.user-settings-members-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.user-settings-members-add-btn{width:100%;justify-content:center}.user-settings-payment-method-item{min-width:0;padding:16px;width:100%;box-sizing:border-box}.user-settings-payment-method-content{flex-wrap:wrap;gap:12px}.user-settings-payment-method-info{min-width:0;flex:1}.user-settings-payment-method-header{flex-wrap:wrap}.user-settings-payment-method-brand{word-break:break-word}.user-settings-payment-method-details{flex-wrap:wrap;word-break:break-word}.user-settings-payment-method-number{word-break:break-all}.user-settings-payment-method-actions{flex-wrap:wrap}.user-settings-cloud-connection-card{flex-direction:column;align-items:flex-start;padding:14px;gap:12px}.user-settings-cloud-connection-card-right{width:100%;justify-content:space-between}.user-settings-cloud-connection-edit-row{flex-wrap:wrap}.user-settings-cloud-connection-edit-row .user-settings-cloud-connection-edit-input{max-width:100%;flex:1;min-width:0}.user-settings-usage-grid{grid-template-columns:1fr;margin-top:20px}.user-settings-usage-card{width:100%;padding:16px}.user-settings-delete-account{flex-direction:column;align-items:stretch;padding:16px;margin-top:20px;gap:20px;min-width:0}.user-settings-delete-account-info{min-width:0}.user-settings-delete-account-description{word-wrap:break-word}.user-settings-delete-account-actions{flex-wrap:wrap;width:100%;gap:10px}.user-settings-delete-account-actions .user-settings-btn{flex:1 1 auto;min-width:120px}.user-settings-transfer-email-input{max-width:100%}.user-settings-invoice-item{min-width:0;flex-wrap:wrap}.user-settings-workspace-selector-button,.user-settings-workspace-info{min-width:0}.user-settings-workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-settings-plan-interval-toggle{flex-wrap:wrap}.user-settings-plan-cards-grid{grid-template-columns:1fr;gap:16px}.user-settings-plan-card-paid,.user-settings-plan-card-free{min-width:0;width:100%}.user-settings-plan-card-price-block{white-space:normal;word-break:break-word}.user-settings-plan-card-free-inner{flex-direction:column;gap:24px}.user-settings-plan-card-free-left,.user-settings-plan-card-free-features,.user-settings-plan-card-free-limits{flex:1 1 auto!important;width:100%!important;max-width:100%!important}.user-settings-plan-card-free .user-settings-plan-card-price-block{white-space:normal;word-break:break-word}.user-settings-plan-limit-row{flex-wrap:wrap;min-width:0}.user-settings-plan-limit-row span:last-child{white-space:normal;word-break:break-word}.user-settings-plan-card-free h4{padding-right:5rem}.user-settings-invoice-header{flex-direction:column;align-items:stretch;gap:12px}.user-settings-invoice-header-left{min-width:0}.user-settings-invoice-header-right{margin-left:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.user-settings-invoice-amount{flex-shrink:0}.user-settings-invoice-download-btn{flex-shrink:0;white-space:nowrap}.user-settings-invoice-meta{flex-wrap:wrap;gap:6px}.user-settings-invoice-meta .user-settings-invoice-separator{flex-shrink:0}.user-settings-invoice-description{word-break:break-word}.user-settings-invoice-footer{flex-wrap:wrap;gap:6px}.user-settings-invoice-item{min-width:0}.user-settings-invoices-list{gap:16px}.user-settings-activity-item{flex-wrap:wrap;padding:14px 16px}.user-settings-activity-info{min-width:0}.user-settings-preferences{padding:16px;min-width:0}}@media (max-width: 480px){.user-settings-panel-header,.user-settings-panel-content{padding:12px}.user-settings-form-section{padding:16px 12px}.user-settings-form-section.user-settings-sessions-page-skeleton-section{padding-top:28px}.user-settings-session-item{padding:12px}.user-settings-session-item.user-settings-sessions-page-skeleton-session-item{padding:14px 12px}.user-settings-payment-method-item{padding:12px}.user-settings-member-card-inner{padding:20px 16px}.user-settings-invoice-item{padding:14px 16px}.user-settings-invoice-header-right{flex-wrap:wrap;gap:8px}.user-settings-invoice-download-btn{padding:8px 12px}.user-settings-form-section#billing-history .user-settings-form-title,.user-settings-form-section#billing-history .user-settings-form-description{text-align:left}.user-settings-plan-card-free,.user-settings-plan-card-paid{padding:16px!important}.user-settings-plan-card-free h4{padding-right:4rem}.user-settings-delete-account{padding:14px 12px}.user-settings-delete-account-actions{flex-direction:column}.user-settings-delete-account-actions .user-settings-btn{width:100%;min-width:0;justify-content:center}}.user-settings-plan-details-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}.user-settings-plan-details-header .user-settings-form-title{margin-bottom:0}.user-settings-plan-interval-toggle{display:flex;gap:8px}.user-settings-plan-interval-btn{padding:8px 20px;font-size:14px;font-weight:500;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-quaternary);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.user-settings-plan-interval-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover, var(--border-color));color:var(--text-primary)}.user-settings-plan-interval-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.user-settings-plan-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;width:100%;min-width:0}.user-settings-plan-card{min-width:0;box-sizing:border-box}.user-settings-plan-card-free{width:100%;overflow:hidden}.user-settings-plan-card-free-inner{min-width:0}.user-settings-plan-card-paid h4,.user-settings-plan-card-free h4,.user-settings-plan-card-paid p,.user-settings-plan-card-free p{word-wrap:break-word;overflow-wrap:break-word;min-width:0}.user-settings-plan-card-header{min-width:0}.user-settings-plan-card-price-block{white-space:nowrap;overflow-wrap:normal;min-width:0}@media (max-width: 1100px){.user-settings-plan-details-header{flex-wrap:wrap;gap:12px}.user-settings-plan-interval-toggle{flex-wrap:wrap}.user-settings-plan-cards-grid{grid-template-columns:1fr;gap:16px}.user-settings-plan-card-paid,.user-settings-plan-card-free{min-width:0;width:100%}.user-settings-plan-card-price-block{white-space:normal;word-break:break-word}.user-settings-plan-card-free-inner{flex-direction:column;gap:24px}.user-settings-plan-card-free-left,.user-settings-plan-card-free-features,.user-settings-plan-card-free-limits{flex:1 1 auto!important;width:100%!important;max-width:100%!important}.user-settings-plan-card-free .user-settings-plan-card-price-block{white-space:normal;word-break:break-word}.user-settings-plan-limit-row{flex-wrap:wrap;min-width:0}.user-settings-plan-limit-row span:last-child{white-space:normal;word-break:break-word}.user-settings-plan-card-free h4{padding-right:5rem}}@media (max-width: 992px){.user-settings-plan-cards-grid{grid-template-columns:1fr}}.user-settings-country-select{position:relative;width:100%}.user-settings-country-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box;box-shadow:0 1px 2px #0000000d;text-align:left}.user-settings-country-select-trigger:hover{border-color:var(--border-color-hover, var(--border-color))}.user-settings-country-select-trigger.open{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.user-settings-country-select-trigger .user-settings-country-select-chevron{flex-shrink:0;margin-left:8px;transition:transform .2s;color:var(--text-secondary)}.user-settings-country-select-trigger.open .user-settings-country-select-chevron{transform:rotate(180deg);color:#3b82f6}.user-settings-country-select-placeholder{color:var(--text-tertiary)}.user-settings-country-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px #00000026;z-index:1002;overflow:hidden;max-height:280px;display:flex;flex-direction:column}.user-settings-country-select-search-wrap{padding:8px;border-bottom:1px solid var(--border-color);flex-shrink:0}.user-settings-country-select-search-inner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;transition:border-color .2s ease,background-color .3s ease}.user-settings-country-select-search-inner:focus-within{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.user-settings-country-select-search-inner .user-settings-country-select-search-icon{flex-shrink:0;pointer-events:none;color:var(--text-tertiary)}.user-settings-country-select-search{flex:1;min-width:0;width:100%;padding:0;margin:0;background:transparent;border:none;border-radius:0;color:var(--text-primary);font-size:14px;font-family:inherit;transition:color .3s ease;box-sizing:border-box}.user-settings-country-select-search:focus{outline:none}.user-settings-country-select-search::placeholder{color:var(--text-tertiary)}.user-settings-country-select-list{overflow-y:auto;padding:4px;max-height:220px}.user-settings-country-select-option{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;transition:background-color .2s ease,color .3s ease}.user-settings-country-select-option:hover{background:var(--bg-quaternary)}.user-settings-country-select-option.is-active{background:var(--bg-quaternary);outline:2px solid rgba(59,130,246,.45);outline-offset:-2px}.user-settings-country-select-option.is-active.selected{background:rgba(59,130,246,.2)}.user-settings-country-select-option.selected{background:rgba(59,130,246,.15);color:#3b82f6;font-weight:500}.user-settings-country-select-no-results{padding:12px;font-size:14px;color:var(--text-tertiary);text-align:center}.user-settings-form-group--error input,.user-settings-form-group--error .user-settings-form-select,.user-settings-form-group--error .user-settings-country-select-trigger{border-color:#ef4444}.user-settings-form-group--error input:focus,.user-settings-form-group--error .user-settings-form-select:focus,.user-settings-form-group--error .user-settings-country-select-trigger.open{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.user-settings-form-group-error-text{font-size:12px;color:#ef4444;margin-top:4px}.user-settings-required-asterisk{color:#ef4444}.user-settings-form-group input:not(.user-settings-country-select-search){padding:12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 2px #0000000d}.user-settings-form-group input:not(.user-settings-country-select-search):hover:not(:disabled){border-color:var(--border-color-hover, var(--border-color))}.user-settings-form-group input:not(.user-settings-country-select-search):disabled{opacity:.6;cursor:not-allowed}.user-settings-form-group input:not(.user-settings-country-select-search):focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.user-settings-form-group .user-settings-form-select{padding:12px 40px 12px 16px;background-color:var(--bg-quaternary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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 12px center;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.25;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 2px #0000000d;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.user-settings-form-group .user-settings-form-select:hover:not(:disabled){border-color:var(--border-color-hover, var(--border-color))}.user-settings-form-group .user-settings-form-select:focus{outline:none;border-color:#3b82f6;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.user-settings-form-group .user-settings-form-select:disabled{opacity:.6;cursor:not-allowed}.user-settings-input{padding:10px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:background-color .3s ease,border-color .3s ease,color .3s ease;box-sizing:border-box;width:100%}.user-settings-input::placeholder{color:var(--text-tertiary)}.user-settings-input:hover:not(:disabled){border-color:var(--border-color-hover, var(--border-color))}.user-settings-input:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f626}.user-settings-input:disabled{opacity:.6;cursor:not-allowed}.user-settings-cloud-connection-edit-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin-bottom:4px}.user-settings-cloud-connection-edit-row .user-settings-cloud-connection-edit-input{width:200px;min-width:140px;max-width:280px;flex-shrink:0}.user-settings-cloud-connection-edit-row .user-settings-cloud-connection-save-btn{flex-shrink:0}.user-settings-cloud-connection-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-quaternary);color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.user-settings-cloud-connection-close-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-color-hover, var(--border-color))}.user-settings-cloud-connection-close-btn:disabled{opacity:.5;cursor:not-allowed}.user-settings-cloud-connect-btn{display:inline-flex;align-items:center;gap:8px}.user-settings-cloud-connections-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px 44px;gap:10px}.user-settings-cloud-connections-empty-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:linear-gradient(145deg,rgba(59,130,246,.14) 0%,rgba(139,92,246,.08) 100%);border:1px solid rgba(59,130,246,.22);color:#60a5faf2;transition:background .2s ease,border-color .2s ease,color .2s ease}.user-settings-cloud-connections-empty-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.user-settings-cloud-connections-empty-desc{margin:0;max-width:380px;font-size:14px;line-height:1.55;color:var(--text-secondary)}[data-theme=light] .user-settings-cloud-connections-empty-icon{background:linear-gradient(145deg,rgba(59,130,246,.1) 0%,rgba(139,92,246,.06) 100%);border-color:#3b82f64d;color:#2563eb}.user-settings-cloud-connections-list{display:flex;flex-direction:column;gap:12px}.user-settings-cloud-connection-card{padding:16px 20px;background:var(--bg-quaternary);border-radius:10px;border:1px solid var(--border-color);display:flex;align-items:center;gap:14px;min-width:0;box-sizing:border-box;transition:border-color .15s}.user-settings-cloud-connection-card:hover{border-color:var(--border-hover, rgba(255, 255, 255, .12))}.user-settings-cloud-connection-card-icon{flex-shrink:0}.user-settings-cloud-connection-card-body{flex:1;min-width:0}.user-settings-cloud-connection-card-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 2px;word-break:break-word;line-height:1.3}.user-settings-cloud-connection-card-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary);flex-wrap:wrap;line-height:1.4}.user-settings-cloud-connection-card-right{flex-shrink:0;display:flex;align-items:center;gap:12px}.user-settings-cloud-connection-card-buttons{display:inline-flex;align-items:center;gap:6px}.user-settings-cloud-connection-card-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:13px;border-radius:6px}.user-settings-cloud-connection-card-buttons .user-settings-cloud-connection-card-btn svg{width:13px;height:13px;flex-shrink:0}.user-settings-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}@media (max-width: 992px){.user-settings-usage-grid{grid-template-columns:1fr}}.user-settings-usage-card{padding:20px;background:var(--bg-quaternary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease;position:relative;overflow:hidden;min-width:0;box-sizing:border-box}.user-settings-usage-card-inner{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-settings-usage-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-settings-usage-card-icon--blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.user-settings-usage-card-icon--green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-settings-usage-card-icon--orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.user-settings-usage-card-icon--purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.user-settings-usage-card-content{flex:1;min-width:0}.user-settings-usage-card-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-settings-usage-card-value{font-size:18px;font-weight:700;color:var(--text-primary)}.user-settings-usage-card-limit{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:4px}.user-settings-usage-card-bar{width:100%;height:8px;background:var(--bg-quaternary);border-radius:4px;overflow:hidden}.user-settings-usage-card-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}.user-settings-usage-card-bar-fill--blue{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)}.user-settings-usage-card-bar-fill--green{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.user-settings-usage-card-bar-fill--orange{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.user-settings-usage-card-bar-fill--purple{background:linear-gradient(90deg,#8b5cf6 0%,#7c3aed 100%)}.user-settings-form-group select{padding:12px 40px 12px 16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%;max-width:100%;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;box-shadow:0 1px 2px #0000000d}.user-settings-form-group select:focus{outline:none;border-color:#3b82f6;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b82f6' d='M6 9L1 4h10z'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.user-settings-form-group select:hover:not(:disabled){border-color:var(--border-color-hover, var(--border-color))}.user-settings-form-group select:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .user-settings-form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[data-theme=light] .user-settings-form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b82f6' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.user-settings-profile-layout{display:flex;align-items:flex-start;gap:48px;margin-bottom:0;min-width:0}.user-settings-profile-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:140px}.user-settings-profile-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.user-settings-profile-right .user-settings-form-group{margin-bottom:20px}.user-settings-profile-right .user-settings-form-group:last-child{margin-bottom:0}.user-settings-profile-picture-label{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:none;letter-spacing:.01em;margin-bottom:0;display:block;align-self:flex-start}.user-settings-profile-image-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:background-color .3s ease,border-color .3s ease}.user-settings-profile-image-group{display:flex;align-items:center;gap:24px}.user-settings-profile-image-trigger{position:relative;width:104px;height:104px;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;border-radius:50%;overflow:hidden;display:block;transition:transform .2s ease,box-shadow .2s ease}.user-settings-profile-image-trigger:hover:not(:disabled){transform:scale(1.02)}.user-settings-profile-image-trigger:hover:not(:disabled) .user-settings-profile-image-hover-overlay,.user-settings-profile-image-trigger:focus-visible .user-settings-profile-image-hover-overlay{opacity:1}.user-settings-profile-image-trigger:focus-visible{outline:none}.user-settings-profile-image-trigger:focus-visible .user-settings-profile-image-preview,.user-settings-profile-image-trigger:focus-visible .user-settings-profile-image-placeholder{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px #3b82f6}.user-settings-profile-image-trigger:disabled{cursor:not-allowed;transform:none}.user-settings-profile-image-trigger .user-settings-profile-image-hover-overlay{opacity:0}.user-settings-profile-image-trigger:disabled .user-settings-profile-image-hover-overlay{opacity:1}.user-settings-profile-image-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .2s ease;pointer-events:none}.user-settings-profile-image-preview,.user-settings-profile-image-placeholder{width:104px;height:104px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid var(--border-color);background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:border-color .2s ease,background-color .3s ease,color .3s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001f}.user-settings-profile-image-trigger .user-settings-profile-image-preview,.user-settings-profile-image-trigger .user-settings-profile-image-placeholder{border-color:var(--border-color)}.user-settings-profile-image-trigger:hover .user-settings-profile-image-preview,.user-settings-profile-image-trigger:focus-visible .user-settings-profile-image-preview{border-color:#3b82f6;box-shadow:0 2px 12px #3b82f640}.user-settings-profile-image-preview{border-color:#3b82f6}.user-settings-profile-image-fields{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.user-settings-profile-image-upload-section{display:flex;flex-direction:column;gap:10px}.user-settings-profile-image-upload-desc{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4;text-align:center;max-width:140px;transition:color .3s ease}.user-settings-profile-left .user-settings-profile-image-upload-desc{align-self:center}.user-settings-profile-image-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.user-settings-profile-image-upload-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px}.user-settings-profile-image-input-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.user-settings-profile-image-url-input{padding:12px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;width:100%}.user-settings-profile-image-url-input:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary)}.user-settings-profile-image-url-input::placeholder{color:var(--text-tertiary)}.user-settings-profile-image-hint{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.user-settings-form-group input::placeholder{color:var(--text-tertiary);transition:color .3s ease}.user-settings-password-input-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:400px}.user-settings-password-input-wrapper input{padding-right:36px;width:100%;box-sizing:border-box}.user-settings-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:1}.user-settings-password-toggle:hover{color:var(--text-primary)}.user-settings-form-actions{display:flex;align-items:stretch;gap:12px;margin-top:32px}.user-settings-profile-actions{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-color);transition:border-color .3s ease;justify-content:flex-end}.user-settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid transparent;box-sizing:border-box;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;cursor:pointer;transition:all .2s ease;min-width:120px;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.user-settings-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px #3b82f64d;border-color:transparent}.user-settings-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.user-settings-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.user-settings-btn:disabled{opacity:.5;cursor:not-allowed}.user-settings-2fa-toggle{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.user-settings-2fa-info{display:flex;flex-direction:column;gap:6px}.user-settings-2fa-label{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.user-settings-2fa-status{font-size:13px;color:var(--text-secondary);transition:color .3s ease}#api-keys .user-settings-api-keys-create-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;row-gap:10px;margin-bottom:20px;min-width:0}#api-keys .user-settings-api-keys-create-label{margin:0;padding:0;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;line-height:1.3;align-self:center}#api-keys .user-settings-api-keys-create-input{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:8px 12px;min-height:36px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.35;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000d}#api-keys .user-settings-api-keys-create-input::placeholder{color:var(--text-secondary);opacity:.75}#api-keys .user-settings-api-keys-create-input:hover:not(:disabled){border-color:var(--border-color-hover, var(--border-color))}#api-keys .user-settings-api-keys-create-input:focus{outline:none;border-color:#3b82f6;background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61f}#api-keys .user-settings-api-keys-create-input:disabled{opacity:.6;cursor:not-allowed}#api-keys .user-settings-api-keys-create-btn{padding:0 12px;font-size:12px;font-weight:600;min-height:36px;height:36px;min-width:auto;gap:5px;border-radius:8px;flex-shrink:0;box-sizing:border-box}#api-keys .user-settings-api-keys-create-btn svg{width:13px;height:13px}@media (max-width: 560px){#api-keys .user-settings-api-keys-create-row{grid-template-columns:1fr;align-items:stretch}#api-keys .user-settings-api-keys-create-label{white-space:normal}#api-keys .user-settings-api-keys-create-btn{justify-content:center;width:100%}}#api-keys .user-settings-api-keys-list{display:flex;flex-direction:column;margin:0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--bg-quaternary)}[data-theme=dark] #api-keys .user-settings-api-keys-list{border-color:#ffffff14}#api-keys .user-settings-api-keys-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;min-width:0;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}#api-keys .user-settings-api-keys-row:last-child{border-bottom:none}[data-theme=dark] #api-keys .user-settings-api-keys-row{border-bottom-color:#ffffff0f}#api-keys .user-settings-api-keys-row:hover{background:rgba(59,130,246,.07)}#api-keys .user-settings-api-keys-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}#api-keys .user-settings-api-keys-row-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.35}#api-keys .user-settings-api-keys-row-prefix{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4;color:var(--text-secondary)}#api-keys .user-settings-api-keys-row-meta{font-size:12px;line-height:1.45;color:var(--text-secondary);margin-top:2px}#api-keys .user-settings-api-keys-revoke{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}#api-keys .user-settings-api-keys-revoke:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444459;color:#ef4444}#api-keys .user-settings-api-keys-revoke:disabled{opacity:.55;cursor:not-allowed}#api-keys .user-settings-api-keys-loading{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;padding:4px 0 8px}.user-settings-toggle-switch{position:relative;width:44px;height:24px;background:var(--border-color);border:none;border-radius:12px;cursor:pointer;transition:background .3s ease}.user-settings-toggle-switch.enabled{background:#3b82f6}.user-settings-toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#ffffff;border-radius:50%;transition:transform .2s}.user-settings-toggle-switch.enabled .user-settings-toggle-slider{transform:translate(20px)}.user-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;color:var(--text-secondary);transition:color .3s ease}.user-settings-loading svg{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.user-settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:20px;color:var(--text-secondary);transition:color .3s ease}.user-settings-empty svg{opacity:.4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.user-settings-empty p{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);transition:color .3s ease;letter-spacing:-.01em}.user-settings-activity-list{display:flex;flex-direction:column;gap:12px}.user-settings-activity-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease,background-color .3s ease,border-color .3s ease;box-shadow:0 2px 6px #0000000d}.user-settings-activity-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-settings-activity-info{display:flex;flex-direction:column;gap:4px}.user-settings-activity-ip{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.user-settings-activity-time{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.user-settings-activity-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.user-settings-activity-status.success{background:#10b98120;color:#10b981}.user-settings-activity-status.failed{background:#ef444420;color:#ef4444}.user-settings-preferences{padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.user-settings-sessions-list{display:flex;flex-direction:column;gap:16px}.user-settings-sessions-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);min-width:0}.user-settings-sessions-pagination-text{font-size:14px;color:var(--text-secondary);min-width:0;overflow-wrap:break-word;word-break:break-word}.user-settings-sessions-pagination-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:5px 6px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .user-settings-sessions-pagination-controls{background:rgba(255,255,255,.04);border-color:#ffffff14;box-shadow:0 1px 3px #0003}.user-settings-sessions-pagination-nav{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;margin:0;font:inherit;line-height:1;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}.user-settings-sessions-pagination-nav:hover:not(:disabled){background:var(--bg-secondary);border-color:#3b82f659;box-shadow:0 0 0 1px #3b82f61f}.user-settings-sessions-pagination-nav:focus{outline:none}.user-settings-sessions-pagination-nav:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.user-settings-sessions-pagination-nav:disabled{opacity:.42;cursor:not-allowed;color:var(--text-tertiary);background:var(--bg-secondary);border-color:var(--border-color);box-shadow:none}[data-theme=dark] .user-settings-sessions-pagination-nav:not(:disabled){color:#ffffffe0}.user-settings-sessions-pagination-pages{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 2px;min-height:36px}.user-settings-sessions-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:0 2px;font-size:14px;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em;-webkit-user-select:none;user-select:none;pointer-events:none}.user-settings-sessions-pagination-page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;margin:0;font:inherit;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}.user-settings-sessions-pagination-page:hover:not(:disabled):not(.user-settings-sessions-pagination-page--active){background:var(--bg-secondary);border-color:#3b82f647}.user-settings-sessions-pagination-page:focus{outline:none}.user-settings-sessions-pagination-page:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.user-settings-sessions-pagination-page:disabled{opacity:.55;cursor:not-allowed}.user-settings-sessions-pagination-page--active{font-weight:600;color:#fff;background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%);border-color:#1d4ed8;box-shadow:0 1px 2px #2563eb59}.user-settings-sessions-pagination-page--active:hover:not(:disabled){background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);border-color:#1e40af}.user-settings-session-item{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:14px;transition:all .2s ease,background-color .3s ease,border-color .3s ease;box-shadow:0 2px 6px #0000000d;min-width:0;overflow:hidden;box-sizing:border-box}[data-theme=dark] .user-settings-session-item{border-color:#ffffff14;box-shadow:0 2px 10px #00000047}.user-settings-session-top{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0;min-width:0;width:100%;box-sizing:border-box}.user-settings-session-top .user-settings-session-right{margin-left:auto;align-items:flex-end}[data-theme=light] .user-settings-session-item{background:var(--bg-quaternary);border-color:var(--border-color);box-shadow:0 1px 3px #0000000f}.user-settings-session-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-settings-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,320px));gap:24px;justify-content:start}.user-settings-member-card{background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:16px;transition:all .2s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%;min-width:0}[data-theme=light] .user-settings-member-card{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 1px 3px #0000000f}.user-settings-member-card:hover{border-color:var(--border-color);box-shadow:0 4px 16px #0000001f}.user-settings-member-card-inner{display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;position:relative;gap:0}.user-settings-member-menu-button{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s,color .2s}.user-settings-member-menu-button:hover{background:var(--bg-quaternary, rgba(255, 255, 255, .06));color:var(--text-primary)}.user-settings-members-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;flex-wrap:wrap}.user-settings-members-header-text{flex:1;min-width:0}.user-settings-members-header .user-settings-form-description{margin-top:4px;margin-bottom:0;word-wrap:break-word}.user-settings-members-add-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.user-settings-member-menu-dropdown{position:absolute;top:44px;right:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #0003;z-index:1000;min-width:180px;padding:6px;display:flex;flex-direction:column;gap:2px}.user-settings-member-menu-item{padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:10px;text-align:left;width:100%;transition:background .2s}.user-settings-member-menu-item:hover{background:var(--bg-tertiary)}.user-settings-member-menu-item-danger{color:#ef4444}.user-settings-member-menu-item-danger:hover{background:rgba(239,68,68,.1)}.user-settings-member-avatar{width:72px;height:72px;border-radius:50%;background:var(--bg-tertiary, #2c2c36);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #bbbbbb);margin-bottom:16px;flex-shrink:0;overflow:hidden}.user-settings-member-avatar img{width:100%;height:100%;object-fit:cover}.user-settings-member-name{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:10px;text-align:center;line-height:1.3;word-break:break-word;min-width:0}.user-settings-member-roles{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.user-settings-member-role-pill{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:var(--bg-tertiary, #2c2c36);color:var(--text-primary);text-transform:capitalize;display:inline-block}.user-settings-member-role-pill-pending{background:#b45309;color:#fff}.user-settings-member-email{font-size:14px;color:var(--text-secondary);margin-bottom:8px;text-align:center;word-break:break-word;min-width:0;overflow-wrap:break-word}.user-settings-member-joined{font-size:12px;color:var(--text-tertiary, #888);text-align:center}[data-theme=light] .user-settings-session-item:hover{box-shadow:0 2px 8px #0000000d}.user-settings-session-item.current{border-color:#3b82f673;background:var(--bg-selected, rgba(59, 130, 246, .1));box-shadow:0 4px 22px #3b82f61f}[data-theme=dark] .user-settings-session-item.current{border-color:#3b82f66b;background:rgba(59,130,246,.09);box-shadow:0 4px 24px #3b82f624}[data-theme=light] .user-settings-session-item.current{background:rgba(59,130,246,.06);border-color:#3b82f661;box-shadow:0 4px 18px #3b82f61a}.user-settings-session-icon-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0;position:relative}.user-settings-session-device-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--bg-quaternary);color:var(--text-secondary);transition:all .2s ease,background-color .3s ease,color .3s ease}.user-settings-session-item.current .user-settings-session-device-icon{background:var(--brand-primary);color:var(--text-on-brand)}.user-settings-session-browser-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-quaternary);transition:background-color .3s ease}[data-theme=dark] .user-settings-session-browser-icon{background:rgba(255,255,255,.12)}.user-settings-session-item.current .user-settings-session-browser-icon{background:rgba(255,255,255,.1)}[data-theme=light] .user-settings-session-item.current .user-settings-session-browser-icon{background:rgba(0,0,0,.06)}.user-settings-session-browser-icon svg,.user-settings-session-browser-icon img{width:22px;height:22px;object-fit:contain}.user-settings-session-device-icon img{width:20px;height:20px}[data-theme=dark] .user-settings-session-device-icon img{filter:invert(1)}[data-theme=light] .user-settings-session-device-icon img{filter:none}[data-theme=dark] .user-settings-session-item.current .user-settings-session-device-icon img{filter:invert(1)}[data-theme=dark] .user-settings-session-browser-icon img{filter:brightness(0) invert(1)}[data-theme=light] .user-settings-session-browser-icon img{filter:none}.user-settings-session-info{flex:1;width:100%;min-width:0;display:flex;flex-direction:column;gap:12px}.user-settings-session-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-shrink:0;min-width:0;gap:8px;align-self:flex-start}.user-settings-session-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.user-settings-session-title{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.user-settings-session-device{font-weight:600;color:var(--text-primary);font-size:15px;line-height:1.4;transition:color .3s ease}.user-settings-session-browser{font-size:13px;color:var(--text-secondary);font-weight:500;transition:color .3s ease}.user-settings-session-badges{display:flex;gap:8px;flex-shrink:0;align-items:center;flex-wrap:wrap}.user-settings-session-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.user-settings-session-badge-current{background:#10b981;color:#fff}.user-settings-session-badge-active{background:#3b82f6;color:#fff}.user-settings-session-badge-expired{background:#ef4444;color:#fff}.user-settings-session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.user-settings-session-detail-row{display:flex;flex-direction:column;gap:4px;min-width:0}.user-settings-session-detail-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.user-settings-session-detail-value{font-size:13px;color:var(--text-secondary);font-family:Monaco,Menlo,Courier New,monospace;transition:color .3s ease;word-break:break-all;overflow-wrap:break-word}.user-settings-session-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-quaternary);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0}.user-settings-session-delete:hover{background:var(--bg-error-light);border-color:var(--border-color-error);color:var(--text-error)}.user-settings-session-logout-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.01em;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px #0000000a;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.user-settings-session-logout-btn svg{flex-shrink:0;opacity:.92}.user-settings-session-logout-btn:hover{background:rgba(239,68,68,.1);border-color:#ef444459;color:var(--text-error);box-shadow:0 1px 3px #ef44441a}.user-settings-session-logout-btn:active{background:rgba(239,68,68,.14);box-shadow:none}.user-settings-session-logout-btn:focus{outline:none}.user-settings-session-logout-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[data-theme=dark] .user-settings-session-logout-btn{background:rgba(255,255,255,.05);border-color:#ffffff1f;color:#ffffffc7;box-shadow:0 1px 2px #0003}[data-theme=dark] .user-settings-session-logout-btn:hover{background:rgba(239,68,68,.14);border-color:#f8717173;color:#f87171}.user-settings-panel-content::-webkit-scrollbar{width:8px}.user-settings-panel-content::-webkit-scrollbar-track{background:var(--bg-primary);transition:background-color .3s ease}.user-settings-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease}.user-settings-panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}.user-settings-nav::-webkit-scrollbar{width:6px}.user-settings-nav::-webkit-scrollbar-track{background:transparent}.user-settings-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background-color .3s ease}.user-settings-nav::-webkit-scrollbar-thumb:hover{background:var(--bg-quaternary)}.user-settings-delete-account{padding:24px;background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,rgba(239,68,68,.05) 100%);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-top:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 2px 8px #ef44441a}[data-theme=light] .user-settings-delete-account{background:rgba(239,68,68,.05);border-color:#ef444433}.user-settings-delete-account-info{flex:1}.user-settings-delete-account-header{margin-bottom:8px}.user-settings-delete-account-title{font-size:16px;font-weight:600;color:#ef4444;transition:color .3s ease}.user-settings-delete-account-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;transition:color .3s ease}.user-settings-delete-account-actions{display:flex;gap:12px;align-items:stretch}.user-settings-delete-workspace-tooltip-wrap{position:relative;display:inline-flex;align-self:center}.user-settings-delete-workspace-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:220px;max-width:min(320px,85vw);padding:10px 12px;border-radius:8px;background:#1f2937;color:#f9fafb;font-size:13px;font-weight:400;line-height:1.45;text-align:center;box-shadow:0 8px 24px #00000059;border:1px solid rgba(255,255,255,.08);pointer-events:none;opacity:0;visibility:hidden;z-index:100;transition:opacity .12s ease,visibility .12s ease}.user-settings-delete-workspace-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#1f2937}.user-settings-delete-workspace-tooltip-wrap:hover .user-settings-delete-workspace-tooltip{opacity:1;visibility:visible}[data-theme=light] .user-settings-delete-workspace-tooltip{background:#111827;color:#f9fafb;border-color:#ffffff1a}[data-theme=light] .user-settings-delete-workspace-tooltip:after{border-top-color:#111827}.user-settings-transfer-email-input{max-width:320px;width:100%;box-sizing:border-box}.user-settings-btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:flex;align-items:center;gap:8px}.user-settings-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.user-settings-btn-danger:disabled{opacity:.6;cursor:not-allowed}.user-settings-btn-secondary{background:var(--bg-quaternary);color:var(--text-primary);border-color:var(--border-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.user-settings-btn-secondary:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color)}.user-settings-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.user-settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=light] .user-settings-modal-overlay{background:rgba(0,0,0,.5)}[data-theme=light] .user-settings-modal{--border-color: #ced4da;--bg-tertiary: #f8f9fa;--bg-quaternary: #e9ecef;--brand-primary: #2563eb;box-shadow:0 20px 60px #00000026}[data-theme=light] .user-settings-modal-body .user-settings-form-group input{background:#f8f9fa;border-color:#ced4da;color:#212529}[data-theme=light] .user-settings-modal-body .user-settings-form-group input::placeholder{color:#6c757d}[data-theme=light] .user-settings-modal-body .user-settings-form-group input:focus{background:#ffffff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}[data-theme=light] .user-settings-modal-footer .user-settings-btn-secondary{background:#f8f9fa;border-color:#ced4da;color:#212529}[data-theme=light] .user-settings-modal-footer .user-settings-btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#212529}.user-settings-modal{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:480px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;transition:background-color .3s ease,border-color .3s ease;overflow:hidden}@media (max-width: 768px){.user-settings-modal-overlay{align-items:flex-start;padding:32px 12px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.user-settings-modal{width:calc(100% - 24px);max-width:none;margin:0 auto 12px;max-height:min(85vh,calc(100vh - 44px));flex:0 0 auto}.user-settings-modal-header{padding:16px;flex-wrap:wrap;gap:12px;min-width:0}.user-settings-modal-title{flex:1;min-width:0;font-size:17px;word-wrap:break-word}.user-settings-modal-close{flex-shrink:0}.user-settings-modal-footer{padding:16px;flex-wrap:wrap;gap:10px}.user-settings-modal-footer .user-settings-btn{min-width:0}.user-settings-modal-body{padding:0 16px 16px;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0}.user-settings-modal-edit-role .user-settings-modal-body,.user-settings-modal-add-member .user-settings-modal-body{padding-top:20px}.user-settings-modal-edit-role{max-height:min(85vh,calc(100vh - 24px))}.user-settings-modal-edit-role .user-settings-modal-body{flex:1;min-height:0}.user-settings-edit-role-user-inline{flex-wrap:wrap;gap:8px}.user-settings-edit-role-user-name{white-space:normal;word-break:break-word}.user-settings-modal-body .user-settings-form-group input{width:100%;max-width:100%;box-sizing:border-box}.user-settings-2fa-modal .user-settings-2fa-step-header-section{flex-direction:column;align-items:stretch;gap:16px}.user-settings-2fa-modal .user-settings-2fa-step-left{order:1}.user-settings-2fa-modal .user-settings-2fa-qr-code-wrapper{order:2;display:flex;justify-content:center;align-items:center}.user-settings-2fa-modal .user-settings-2fa-qr-code img{max-width:100%;height:auto;width:180px}.user-settings-2fa-modal .user-settings-2fa-verification-section{width:100%;justify-content:center}.user-settings-2fa-modal .user-settings-2fa-verification-inputs{flex-wrap:wrap;justify-content:center;gap:6px}.user-settings-2fa-modal .user-settings-2fa-setup{gap:24px}.user-settings-2fa-method-card{flex-wrap:wrap}.user-settings-2fa-supported-apps-list{justify-content:flex-start}}@media (max-width: 480px){.user-settings-modal-overlay{padding:24px 8px 8px}.user-settings-modal{width:calc(100% - 16px);margin:0 auto 8px;max-height:min(80vh,calc(100vh - 32px))}.user-settings-modal-header,.user-settings-modal-footer{padding:12px}.user-settings-modal-title{font-size:16px}.user-settings-modal-body{padding:0 12px 12px}.user-settings-modal-edit-role .user-settings-modal-body,.user-settings-modal-add-member .user-settings-modal-body{padding-top:16px}.user-settings-modal-footer{flex-direction:column;align-items:stretch}.user-settings-modal-footer .user-settings-btn{width:100%;justify-content:center}.user-settings-2fa-modal .user-settings-2fa-qr-code img{width:160px}.user-settings-2fa-modal .user-settings-2fa-qr-placeholder{width:160px;height:160px}.user-settings-2fa-modal .user-settings-2fa-verification-digit{width:42px;height:42px;font-size:18px}.user-settings-2fa-modal .user-settings-2fa-verification-inputs{gap:6px}.user-settings-2fa-modal .user-settings-2fa-secret-input{font-size:13px;padding-right:40px}.user-settings-2fa-modal .user-settings-2fa-setup{gap:20px}}.user-settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:12px 12px 0 0;transition:background-color .3s ease,border-color .3s ease}.user-settings-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.user-settings-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;transition:all .2s ease,color .3s ease}.user-settings-modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.user-settings-modal-body{padding:0 24px 15px;color:var(--text-secondary);line-height:1.5;transition:color .3s ease;max-height:calc(85vh - 300px);overflow-y:auto}.user-settings-modal-edit-role{max-height:90vh;display:flex;flex-direction:column}.user-settings-modal-edit-role .user-settings-modal-body{padding-top:24px;flex:1;min-height:0;overflow-y:auto}.user-settings-edit-role-user-inline{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.user-settings-edit-role-user-label{font-size:14px;color:var(--text-secondary)}.user-settings-edit-role-user-row{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;transition:background-color .3s ease,border-color .3s ease}[data-theme=light] .user-settings-edit-role-user-row{background:rgba(59,130,246,.08);border-color:#3b82f633}.user-settings-edit-role-user-avatar{width:22px;height:22px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.user-settings-edit-role-user-avatar img{width:100%;height:100%;object-fit:cover}.user-settings-edit-role-user-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-settings-modal-add-member .user-settings-modal-body{padding-top:24px}.user-settings-modal-body .user-settings-form-group{margin-bottom:20px}.user-settings-modal-body .user-settings-form-group:last-of-type{margin-bottom:0}.user-settings-2fa-intro{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5;transition:color .3s ease}.user-settings-modal-body p{margin:0;font-size:14px}.user-settings-modal-footer{display:flex;align-items:stretch;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 12px 12px;transition:background-color .3s ease,border-color .3s ease}.user-settings-2fa-modal{max-width:600px}.user-settings-2fa-methods{display:flex;flex-direction:column;gap:16px;padding-top:16px}.user-settings-2fa-method-description{color:var(--text-secondary);margin:0 0 8px;font-size:14px;transition:color .3s ease}.user-settings-2fa-method-list{display:flex;flex-direction:column;gap:12px}.user-settings-2fa-method-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease,background-color .3s ease,border-color .3s ease;text-align:left;width:100%;position:relative}.user-settings-2fa-method-card:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--brand-primary)}.user-settings-2fa-method-card:disabled{opacity:.6;cursor:not-allowed}.user-settings-2fa-method-card .spinning{position:absolute;right:16px;color:var(--brand-primary, #60a5fa)}.user-settings-2fa-method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);flex-shrink:0;transition:background-color .3s ease,color .3s ease}.user-settings-2fa-method-info{flex:1}.user-settings-2fa-method-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.user-settings-2fa-method-info p{margin:0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.user-settings-2fa-setup{display:flex;flex-direction:column;gap:32px}.user-settings-2fa-step-container{display:flex;flex-direction:column;gap:12px}.user-settings-2fa-step-badge{display:inline-flex;align-items:center;padding:4px 12px;background:transparent;border:1px solid var(--brand-primary);border-radius:12px;font-size:12px;font-weight:600;color:var(--brand-primary);width:fit-content;transition:all .3s ease;margin-bottom:0}.user-settings-2fa-step-content-wrapper{display:flex;flex-direction:column;gap:12px}.user-settings-2fa-step-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.user-settings-2fa-step-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;transition:color .3s ease}.user-settings-2fa-step-header-section{display:flex;gap:24px;align-items:center;margin-top:8px}.user-settings-2fa-step-left{flex:1;display:flex;flex-direction:column;gap:12px}.user-settings-2fa-qr-code-wrapper{flex-shrink:0}.user-settings-2fa-qr-code{display:flex;justify-content:center;align-items:center;padding:16px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.user-settings-2fa-qr-code img{width:180px;height:180px;display:block}.user-settings-2fa-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;width:180px;height:180px;color:var(--text-tertiary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.user-settings-2fa-qr-placeholder p{margin:12px 0 0;font-size:12px}.user-settings-2fa-manual-entry-section{margin-top:20px;display:flex;flex-direction:column;gap:8px}.user-settings-2fa-manual-entry-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.user-settings-2fa-manual-entry-label{margin:0;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.user-settings-2fa-manual-entry-key{display:flex;align-items:stretch}.user-settings-2fa-secret-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease,background-color .3s ease,border-color .3s ease}.user-settings-2fa-secret-input-wrapper:focus-within{border-color:var(--brand-primary);background:var(--bg-tertiary)}.user-settings-2fa-secret-input{flex:1;min-width:0;padding:10px 44px 10px 14px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.02em;outline:none;transition:color .3s ease}.user-settings-2fa-secret-input:focus{outline:none}.user-settings-2fa-secret-input-wrapper .user-settings-2fa-copy-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px;margin:0;min-width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.user-settings-2fa-secret-input-wrapper .user-settings-2fa-copy-button:hover{background:var(--bg-tertiary)}.user-settings-2fa-supported-apps{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.user-settings-2fa-supported-apps-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.user-settings-2fa-supported-apps-list{display:flex;flex-wrap:wrap;gap:8px}.user-settings-2fa-supported-apps-list span{padding:6px 12px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary);transition:all .3s ease}.user-settings-2fa-verification-section{display:flex;align-items:center;flex-shrink:0}.user-settings-2fa-verification-inputs{display:flex;gap:8px;justify-content:flex-start}.user-settings-2fa-verification-digit{width:48px;height:48px;padding:0;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:20px;font-weight:600;text-align:center;outline:none;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;font-family:Monaco,Menlo,Courier New,monospace}.user-settings-2fa-verification-digit:focus{border-color:var(--brand-primary);background:var(--bg-tertiary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb, 59, 130, 246),.2)}.user-settings-2fa-verification-digit::placeholder{color:var(--text-tertiary)}.user-settings-2fa-complete{display:flex;flex-direction:column;align-items:center;text-align:center}.user-settings-2fa-success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--bg-success-dark);color:var(--text-success-light);border-radius:50%;margin-bottom:24px}.user-settings-2fa-complete h4{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.user-settings-2fa-complete>p{margin:0 0 12px;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.user-settings-2fa-complete-note{margin-top:12px!important;padding:10px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;color:var(--text-secondary);transition:all .3s ease}.user-settings-2fa-copy-button{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;flex-shrink:0;white-space:nowrap}.user-settings-2fa-copy-button:hover{background:var(--bg-tertiary);border-color:var(--brand-primary);color:var(--text-primary)}.user-settings-2fa-secret-input-wrapper .user-settings-2fa-copy-button{border:none;background:transparent}.user-settings-2fa-secret-input-wrapper .user-settings-2fa-copy-button:hover{border:none;background:var(--bg-quaternary)}.user-settings-error-message{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;line-height:1.5;transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=light] .user-settings-error-message{background:rgba(239,68,68,.08);border-color:#ef444440;color:#dc2626}.user-settings-error-message svg{flex-shrink:0;margin-top:2px}.user-settings-payment-methods-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;flex-wrap:wrap}.user-settings-payment-methods-header-text{flex:1;min-width:0}.user-settings-payment-methods-header .user-settings-form-description{margin-top:4px;margin-bottom:0;word-wrap:break-word}.user-settings-payment-methods-add-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.user-settings-payment-methods-list{display:flex;flex-direction:column;gap:12px}.user-settings-payment-method-item{padding:20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease,background-color .3s ease,border-color .3s ease;box-shadow:0 2px 6px #0000000d}.user-settings-payment-method-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-settings-payment-method-content{display:flex;align-items:center;gap:16px}.user-settings-payment-method-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-quaternary);border-radius:8px;color:var(--text-secondary);flex-shrink:0;transition:background-color .3s ease,color .3s ease}.user-settings-payment-method-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-settings-payment-method-header{display:flex;align-items:center;gap:8px}.user-settings-payment-method-brand{font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.user-settings-payment-method-default{padding:2px 8px;background:#3b82f6;color:#fff;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-settings-payment-method-details{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary);transition:color .3s ease}.user-settings-payment-method-number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.user-settings-payment-method-expiry{font-size:12px}.user-settings-payment-method-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-settings-payment-method-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s,background-color .3s ease,border-color .3s ease,color .3s ease;flex-shrink:0}.user-settings-payment-method-action-btn:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-color);color:var(--text-primary)}.user-settings-payment-method-action-btn:disabled{opacity:.6;cursor:not-allowed}.user-settings-payment-method-action-btn-danger{color:#ef4444;border-color:#ef44444d}.user-settings-payment-method-action-btn-danger:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444480;color:#ef4444}.user-settings-invoices-list{display:flex;flex-direction:column;gap:12px;min-width:0}.user-settings-invoice-item{padding:18px 20px;background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;box-shadow:0 2px 6px #0000000d;min-width:0}.user-settings-invoice-item:hover{border-color:#3b82f64d;background:var(--bg-quaternary);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-settings-invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.user-settings-invoice-header-left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.user-settings-invoice-number{font-size:14px;font-weight:600;color:var(--text-primary)}.user-settings-invoice-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.user-settings-invoice-date,.user-settings-invoice-type{color:var(--text-secondary)}.user-settings-invoice-status{font-weight:500}.user-settings-invoice-separator{color:var(--text-tertiary)}.user-settings-invoice-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:16px}.user-settings-invoice-amount{font-size:16px;font-weight:600;color:var(--text-primary)}.user-settings-invoice-download-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.user-settings-invoice-download-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:#3b82f680;color:#3b82f6}.user-settings-invoice-download-btn:disabled{opacity:.7;cursor:not-allowed}.user-settings-invoice-download-btn .spin{animation:user-settings-spin .8s linear infinite}@keyframes user-settings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-settings-invoice-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;word-break:break-word}.user-settings-invoice-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:12px;color:var(--text-secondary);padding-top:8px;border-top:1px solid var(--border-color)}.user-settings-invoice-footer-item{color:var(--text-secondary)}.maintenance-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0f172a);padding:24px}.maintenance-content{text-align:center;max-width:420px}.maintenance-icon{color:var(--text-muted, #94a3b8);margin-bottom:24px;opacity:.8}.maintenance-title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0 0 12px}.maintenance-message{font-size:1rem;color:var(--text-muted, #94a3b8);line-height:1.6;margin:0 0 24px}.maintenance-logout-btn{padding:10px 20px;font-size:.95rem;font-weight:500;color:var(--text-primary, #f1f5f9);background:var(--bg-tertiary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s}.maintenance-logout-btn:hover{background:var(--bg-quaternary, #334155);border-color:var(--border-color-hover, #475569)}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-primary);transition:background-color .3s ease}.app-body{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}@media (max-width: 768px){.app{min-height:100vh;min-height:100dvh}.app-body{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px)}.dashboard-loading-projects{left:16px!important;right:16px;max-width:calc(100% - 32px)}}.dashboard-canvas-loading-line{display:flex;align-items:center;justify-content:center;max-width:min(92vw,36rem);text-align:center;font-size:1.28rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em;line-height:1.25}.dashboard-canvas-loading-phase{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.22em;white-space:nowrap;line-height:1.2}.dashboard-canvas-loading-main{display:inline}.dashboard-canvas-loading-dots{display:inline-flex;align-items:center;height:1.2em;flex-shrink:0;gap:.28em;transform:translateY(.11em)}.dashboard-canvas-loading-dot{display:block;width:.2em;min-width:3px;max-width:5px;height:.2em;min-height:3px;max-height:5px;flex-shrink:0;border-radius:50%;background:currentColor;animation:dashboard-canvas-loading-dot 1.2s ease-in-out infinite}.dashboard-canvas-loading-dots .dashboard-canvas-loading-dot:nth-child(1){animation-delay:0s}.dashboard-canvas-loading-dots .dashboard-canvas-loading-dot:nth-child(2){animation-delay:.16s}.dashboard-canvas-loading-dots .dashboard-canvas-loading-dot:nth-child(3){animation-delay:.32s}@keyframes dashboard-canvas-loading-dot{0%,to{opacity:.2}50%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000;--bg-secondary: #0f0f15;--bg-tertiary: #0f0f14;--bg-quaternary: #242430;--border-color: #191920;--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fefefe;--bg-tertiary: #ffffff;--bg-quaternary: #f1f3f5;--border-color: #dee2e6;--text-primary: #212529;--text-secondary: #495057;--text-tertiary: #6c757d}[data-theme=dark]{--bg-primary: #000;--bg-secondary: #0f0f15;--bg-tertiary: #0f0f14;--bg-quaternary: #242430;--border-color: #191920;--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;transition:background-color .3s ease,color .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}#root{width:100vw;height:100vh}.auth-pages-root{width:100%;min-height:100vh;--bg-primary: #000;--bg-secondary: #0f0f15;--bg-tertiary: #0f0f14;--bg-quaternary: #242430;--border-color: #191920;--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666;background:var(--bg-primary);color:var(--text-primary)}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (max-width: 768px){body{overflow-x:hidden;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px}}