.dashboardHeader{padding:20px 30px 10px;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand . toggle actions" "menu menu menu menu";align-items:center;width:100%;height:64px;gap:10px;background-color:#131315}.dashboardHeaderActions{grid-area:actions;display:flex;align-items:center;gap:8px}.dashboardHeaderBrand img{width:24px;height:24px}.dashboardHeaderBrand h1{font-size:16px;font-weight:500;color:#E6E1CE;white-space:nowrap}.dashboardHeaderBrand{grid-area:brand;display:flex;align-items:center;gap:10px}.dashboardHeaderMenuToggle{grid-area:toggle;display:none;background:none;border:1px solid #232428;color:#E6E1CE;border-radius:6px;padding:6px 10px;font-size:14px;cursor:pointer}.dashboardHeaderMenu{grid-area:menu}.accountArea,.dashboardHeaderMenu{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1;height:40px;gap:10px}.strippedButton{display:flex;justify-content:center;align-items:center;padding:9.5px 16px 10.5px;border-radius:6px;cursor:pointer}.strippedButton p{font-size:16px;font-weight:500;color:#949D99;white-space:nowrap}.notif{width:40px;height:40px;padding:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.notif img{width:18px;height:18px}.notifBadge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#E5484D;color:#FBF9EF;font-size:10px;font-weight:700;line-height:16px;display:inline-flex;box-shadow:0 0 0 1px #131315}.account,.notifBadge{align-items:center;justify-content:center}.account{width:28px;height:40px;display:flex}.account img{width:28px;height:28px;border-radius:50%}.loginButton{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:transform .2s}.loginButton:hover{transform:scale(1.05)}.loginButton img{width:28px;height:28px;border-radius:50%}@media (max-width:768px){.dashboardHeader{grid-template-columns:auto 1fr auto auto;height:auto;padding-bottom:12px}.dashboardHeaderMenuToggle{display:inline-flex;align-items:center;justify-content:center}.dashboardHeaderMenu{display:none;width:100%;flex-wrap:wrap;justify-content:flex-start;padding-top:10px}.dashboardHeaderMenu.open{display:flex}.strippedButton p{font-size:14px}}.loginModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2001}.loginModal{background-color:#1A1A1C;border-radius:12px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.loginModalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.loginModalHeader h2{font-size:24px;font-weight:600;color:#E6E1CE;margin:0}.loginModalClose{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.loginModalClose:hover{background-color:rgba(255,255,255,.1)}.loginModalClose img{width:20px;height:20px;filter:invert(1)}.loginModalForm{gap:20px}.loginModalField,.loginModalForm{display:flex;flex-direction:column}.loginModalField{gap:8px}.loginModalField.hasToggle{position:relative}.passwordToggle{position:absolute;right:10px;top:36px;background:transparent;color:#949D99;border:none;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px}.passwordToggle:hover{color:#E6E1CE}.loginModalField label{font-size:14px;font-weight:500;color:#949D99}.loginModalField input{padding:12px 16px;border:1px solid #2a2a2c;border-radius:8px;background-color:#131315;color:#E6E1CE;font-size:16px;transition:border-color .2s}.loginModalField input:focus{outline:none;border-color:#4A9EFF}.loginModalField input:disabled{opacity:.6;cursor:not-allowed}.loginModalError{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px}.loginModalError p{color:#EF4444;font-size:14px;margin:0}.loginModalSubmit{background-color:#4A9EFF;color:white;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.loginModalSubmit:hover:not(:disabled){background-color:#3B82F6}.loginModalSubmit:disabled{opacity:.6;cursor:not-allowed}.loginModalFooter{margin-top:24px;text-align:center}.loginModalFooter p{color:#949D99;font-size:14px;margin:0}.loginModalFooter a{color:#4A9EFF;text-decoration:none;font-weight:500}.loginModalFooter a:hover{text-decoration:underline}.userDropdownContainer{position:relative;z-index:2000}.userDropdownTrigger{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:transform .2s}.userDropdownTrigger:hover{transform:scale(1.05)}.userDropdownTrigger img{width:28px;height:28px;border-radius:50%}.userDropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:#1A1A1C;border:1px solid #2a2a2c;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);min-width:240px;z-index:1000;overflow:hidden}.userDropdownHeader{display:flex;align-items:center;padding:16px;gap:12px}.userDropdownAvatar img{width:40px;height:40px;border-radius:50%}.userDropdownInfo{flex:1;min-width:0}.userDropdownName{font-size:14px;font-weight:600;color:#E6E1CE;margin:0 0 4px}.userDropdownEmail,.userDropdownName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userDropdownEmail{font-size:12px;color:#949D99;margin:0}.userDropdownDivider{height:1px;background-color:#2A2A2C;margin:0}.userDropdownMenu{padding:8px 0}.userDropdownItem{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#E6E1CE;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:left}.userDropdownItem:hover{background-color:rgba(255,255,255,.05)}.userDropdownItem img{width:16px;height:16px;filter:invert(1);opacity:.7}.userDropdownItem span{flex:1}.userDropdownItemDanger{color:#EF4444}.userDropdownItemDanger img{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.accountSettingsModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2001}.accountSettingsModal{background-color:#0F0F10;border:1px solid #2a2a2c;border-radius:12px;width:100%;max-width:860px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.accountSettingsHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2a2a2c}.accountSettingsHeader h2{font-size:22px;color:#E6E1CE;margin:0}.accountSettingsClose{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px}.accountSettingsClose img{width:18px;height:18px;filter:invert(1)}.accountSettingsContent{padding:8px 24px 16px}.accountSettingsRow{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:18px 0;border-bottom:1px solid #1c1c1e}.accountSettingsLabel p{margin:0 0 6px;color:#E6E1CE}.accountSettingsLabel span{color:#949D99;font-size:13px}.accountSettingsAction{display:flex;align-items:center;gap:12px}.accountSettingsInput{padding:10px 14px;border:1px solid #2a2a2c;border-radius:8px;background-color:#131315;color:#E6E1CE;width:100%}.accountSettingsAvatar{width:48px;height:48px;border-radius:999px;border:1px solid #2a2a2c}.accountSettingsFooter{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px}.accountSettingsPrimary{background-color:#4A9EFF;color:white;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.accountSettingsSecondary{background:transparent;color:#E6E1CE;border:1px solid #2a2a2c;padding:10px 18px;border-radius:8px;cursor:pointer}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2A2A2C;border-radius:999px}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%}.switch input:checked+.slider{background-color:#4A9EFF}.switch input:checked+.slider:before{transform:translateX(20px)}.notifications-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none}.notifications-popup{position:absolute;top:80px;right:30px;width:380px;max-height:500px;background-color:#18181B;border:1px solid #232428;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);pointer-events:all;display:flex;flex-direction:column;overflow:hidden}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #232428;background:linear-gradient(180deg,#1a1a1d,#18181B)}.notifications-header h3{font-size:16px;font-weight:600;color:#FBF9EF;margin:0}.mark-all-read-btn{background:none;border:none;color:#469173;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:rgba(70,145,115,.1)}.notifications-list{flex:1;overflow-y:auto;max-height:350px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:#469173;border-radius:3px}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #232428;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:rgba(70,145,115,.05)}.notification-item.unread{background-color:rgba(70,145,115,.08)}.notification-item.read{opacity:.7}.notification-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-right:12px;flex-shrink:0;background-color:#469173;color:white}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.notification-header h4{font-size:14px;font-weight:600;color:#FBF9EF;margin:0;line-height:1.3}.notification-time{font-size:12px;color:#949D99;white-space:nowrap;margin-left:8px;position:relative}.notification-message{font-size:13px;color:#B7C2BB;line-height:1.4;margin:0}.unread-indicator{display:inline-block;width:8px;height:8px;background-color:#469173;border-radius:50%;margin-left:6px;vertical-align:middle}.no-notifications{padding:40px 20px;text-align:center}.no-notifications p{color:#949D99;font-size:14px;margin:0}.notifications-footer{padding:16px 20px;border-top:1px solid #232428;background:linear-gradient(0deg,#1a1a1d,#18181B)}.view-all-btn{width:100%;background:none;border:1px solid #469173;color:#469173;font-size:14px;font-weight:500;padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background-color:#469173;color:white}.notification-item[data-type=success] .notification-icon{background-color:#4CAF50}.notification-item[data-type=warning] .notification-icon{background-color:#FF9800}.notification-item[data-type=error] .notification-icon{background-color:#F44336}.notification-item[data-type=info] .notification-icon{background-color:#2196F3}.projectToolbar{border-top:1px solid #232428;border-bottom:1px solid #232428;background-color:#161619;padding:10px 30px;gap:10px;justify-content:flex-start}.projectToolbar,.projectToolbarDropdownGroup{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.projectToolbarDropdownGroup{gap:8px}.projectToolbarDropdownContainer{position:relative}.projectToolbarDropdown{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:200px;height:36px;padding:0 10px;border-radius:8px;border:1px solid #232428;cursor:pointer;transition:border-color .2s ease}.projectToolbarDropdown:hover{border-color:#469173}.projectToolbarDropdown.open{border-color:#469173;border-radius:8px 8px 0 0}.projectToolbarDropdown p{font-size:14px;font-weight:500;color:#FBF9EF}.projectToolbarDropdown img{width:16px;height:16px;transition:transform .2s ease}.projectToolbarDropdown img.rotated{transform:rotate(180deg)}.projectToolbarDropdownOptions{position:absolute;top:100%;left:0;right:0;background-color:#18181B;border:1px solid #232428;border-top:none;border-radius:0 0 8px 8px;z-index:10000;max-height:200px;overflow-y:auto}.projectToolbarDropdownOption{padding:12px 16px;color:#949D99;font-size:14px;cursor:pointer;transition:background-color .2s ease}.projectToolbarDropdownOption:hover{background-color:#232428;color:#FBF9EF}.projectToolbarDropdownOption.selected{background-color:rgba(70,145,115,.1);color:#469173}.projectToolbarDropdownOption.deselect{border-bottom:1px solid #232428;color:#949D99;font-style:italic}.projectToolbarSeparator{color:#949D99;font-size:16px;font-weight:500;margin:0 4px;user-select:none}.projectToolbarDropdown.serviceDropdown{min-width:180px}.projectToolbarDropdown.serviceDropdown p{color:#949D99}.projectToolbarButton{display:flex;flex-direction:row;align-items:center;justify-content:center;width:110px;height:36px;padding:10px;border-radius:8px;background-color:#E6E1CE;cursor:pointer;transition:background-color .2s ease}.projectToolbarButton p{font-size:14px;font-weight:500;color:#131315;white-space:nowrap}.projectToolbarButton:hover{background-color:#d4cfbc}.projectToolbarFiltersAndActions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1;gap:10px;width:100%}.projectToolbarFilter{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;gap:10px;background-color:#131315;border-radius:30px}.projectToolbarFilterContent{display:flex;flex-direction:row;align-items:center;gap:5px}.projectToolbarFilterContentText{font-size:13px;font-weight:500;color:#949D99}.projectToolbarFilterContentTextSelected{font-size:13px;font-weight:500;color:#B7C2BB}.projectDropdownOptionContent{display:flex;align-items:center;gap:8px}.projectColorIndicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.serviceToolbarSection{justify-content:flex-start;width:100%;padding-left:60px;gap:10px;flex-direction:row}.serviceToolbarSection,.serviceToolbarTabs{display:flex;align-items:center;flex-wrap:nowrap}.serviceToolbarTabs{gap:0;min-width:0}.serviceToolbarTab{display:flex;align-items:center;justify-content:center;padding:8px 16px;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.serviceToolbarTab p{font-size:13px;font-weight:500;color:#949D99;white-space:nowrap}.serviceToolbarTab:hover p{color:#B7C2BB}.serviceToolbarTab.active{border-bottom-color:#E6E1CE}.serviceToolbarTab.active p{color:#E6E1CE}.serviceToolbarActions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-left:auto}@media (max-width:720px){.serviceToolbarSection{padding-left:20px;justify-content:center;flex-wrap:wrap}.serviceToolbarTabs{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;gap:6px 0}.serviceToolbarActions,.serviceToolbarTabs{justify-content:center;width:100%}}@media (min-width:1400px){.projectToolbar,.projectToolbarDropdownGroup{flex-wrap:nowrap}}.serviceToolbarButton{padding:10px 17px;border-radius:8px;border:none;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:60px;height:36px;display:flex;align-items:center;justify-content:center}.serviceToolbarButton.startButton{background-color:#E6E1CE;color:#131315}.serviceToolbarButton.startButton:hover{background-color:#4DA899}.serviceToolbarButton.stopButton{background-color:#E6E1CE;color:#131315}.serviceToolbarButton.stopButton:hover{background-color:#E55757}.serviceToolbarButton.restartButton{background-color:#131315;color:#E6E1CE}.serviceToolbarButton.restartButton:hover{background-color:#4C4E58}.boardContainer{width:100%;flex:1;position:relative;overflow:hidden}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:3000px;height:2000px;gap:101px;background-color:#131315;background-image:url(/resources/images/dots.png);background-repeat:repeat;background-position:0 0;background-size:auto;cursor:grab;user-select:none;border:1px solid #232428;position:absolute;z-index:1;top:0;left:0}.board:not(.boardMobile){touch-action:none}.board.boardMobile{display:block;width:100%;height:auto;min-height:100%;gap:0;cursor:default;position:relative;border:none;background-size:16px 16px;touch-action:pan-y}.board:active{cursor:grabbing}.projectGroup{display:flex;flex-flow:column;min-width:400px;min-height:300px;position:absolute;transition:all .3s ease}.projectGroupMobile{position:relative;left:auto!important;top:auto!important;width:100%!important;min-width:0;margin:12px 12px 20px}.projectGroupToolbar{z-index:1;position:absolute;top:4px;left:0;right:0}.projectGroupContent{border:2px dashed #469173;border-radius:8px;background-color:rgba(70,145,115,.05);padding:0;width:100%;flex:1;overflow:visible;position:relative;margin-top:32px}.boardMobile .projectGroupContent{padding:12px}.projectGroupToolbar{display:flex;flex-flow:row;align-items:center;justify-content:space-between;width:100%;height:32px;z-index:10;padding-left:8px;padding-right:8px}.projectGroupToolbarLabel{display:flex;align-items:center;justify-content:center;width:110px;height:24px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#469173;position:relative;cursor:pointer}.projectGroupToolbarLabel:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--project-color,#469173)}.projectGroupToolbarLabel p{font-size:12px;font-weight:500;color:#131315}.projectGroupToolbarCollaborators{display:flex;flex-flow:row;align-items:center;justify-content:center;padding-right:5px;gap:-7px;cursor:pointer}.projectGroupToolbarCollaborators img{min-width:18px;min-height:18px;max-width:18px;max-height:18px;border-radius:50%;object-fit:cover;border:1px solid #131315;margin-left:-7px}.computeUnit{display:flex;flex-flow:column;align-items:center;justify-content:center;gap:0;width:336px;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;transition:box-shadow .3s ease,transform .3s ease;outline:none!important;-webkit-tap-highlight-color:transparent;z-index:11}.boardMobile .computeUnit{width:100%}.computeUnit:focus,.computeUnit:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}.computeUnit:focus{outline:none!important}.computeUnit--highlighted{animation:computeUnitPulse 2s ease-in-out infinite;cursor:pointer;z-index:20}@keyframes computeUnitPulse{0%,to{box-shadow:0 0 0 0 rgba(74,158,255,.4),0 2px 8px rgba(0,0,0,.1)}50%{box-shadow:0 0 0 8px rgba(74,158,255,0),0 0 20px rgba(74,158,255,.3)}}.computeUnit.dragging{box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000}.computeUnit.dragging .computeUnitCard{background-color:#1a1a1d;border-color:#469173}.computeUnitCard{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:20px 24px;border:1px solid #232428;background-color:#18181B;border-radius:8px;gap:12px;width:100%;outline:none!important}@media (max-width:768px){.computeUnitCard{padding:16px}.computeUnitHeaderName{font-size:15px}.computeUnitHeaderStatus{height:22px}.serverStats{gap:12px}.serverStatsStatLabel,.serverStatsStatValue,.serverStatsStatValuePct{font-size:12px}.serverStatsGraph{height:28px}}.computeUnitCardContainer{display:flex;flex-flow:row;align-items:center;justify-content:space-between;gap:8px;width:100%}.computeUnitCardContainerIcon{width:19px;height:19px;object-fit:contain}.computeUnitHeader{display:flex;flex-flow:column;align-items:center;justify-content:center;gap:0;width:100%}.computeUnitHeaderNameGroup{display:flex;flex-flow:row;align-items:center;justify-content:space-between;width:100%}.computeUnitHeaderName{font-size:14px;font-weight:700;color:#FBF9EF}.computeUnitHeaderStatus{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:4px;padding:2px 6px;border-radius:10px;height:20px;background-color:rgba(83,187,171,.1)}.computeUnitHeaderStatus.offline{background-color:rgba(255,100,100,.1)}.computeUnitHeaderStatusIndicator{width:6px;height:6px;border-radius:50%;background-color:#53BBAB}.computeUnitHeaderStatusIndicator.offline{background-color:#FF6464}.computeUnitHeaderStatusText{font-size:12px;font-weight:400;color:#949D99}.computeUnitHeaderSubtitle{display:flex;flex-flow:row;align-items:center;justify-content:left;width:100%}.computeUnitHeaderSubtitleText{font-size:12px;font-weight:400;color:#80898B}@media (max-width:768px){.boardContainer{overflow:auto;-webkit-overflow-scrolling:touch}}.computeUnitTagsCotnainer{display:flex;flex-flow:row;justify-content:flex-start;gap:5px;width:100%;flex-wrap:wrap}.computeUnitAlerts{padding-top:10px;width:100%}.computeUnitAlert{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;gap:8px;width:100%}.computeUnitAlertText{font-size:13px;font-weight:400;color:#949D99}.computeUnitAlert img{width:18px;height:18px}.computeUnitAddOns{width:100%;padding:0 8px}.computeUnitAddOn{display:flex;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:#131315;width:100%;border-bottom:1px solid #232428;border-left:1px solid #232428;border-right:1px solid #232428;padding:10px 16px}.computeUnitAddOnContainer{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:8px;width:100%}.computeUnitAddOnContainer img{width:19px;height:19px;object-fit:contain}.computeUnitAddOnHeader{display:flex;flex-flow:column;gap:0;width:100%}.computeUnitAddOnHeaderNameGroup{display:flex;flex-flow:row;align-items:center;justify-content:space-between;width:100%}.computeUnitAddOnHeaderName{font-size:14px;font-weight:500;color:#B7C2BB}.computeUnitAddOnHeaderSize{font-size:12px;font-weight:500;color:#949D99}.computeUnitAddOnHeaderSubtitle{display:flex;flex-flow:row;justify-content:flex-start;width:100%}.computeUnitAddOnHeaderSubtitleText{font-size:12px;font-weight:400;color:#80898B}.connectionLine{z-index:50}.connectionLine,.connectionLine svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connectionLine line{stroke:#4C4E58;stroke-width:1;stroke-dasharray:5,5}.connection-line-to-center,.connectionLine line{animation:dash-to-center 1s linear infinite}.connection-line-to-center-reverse{animation:dash-to-center-reverse 1s linear infinite}@keyframes dash-to-center{to{stroke-dashoffset:-10}}@keyframes dash-to-center-reverse{to{stroke-dashoffset:-10}}.badge{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:6px;padding:3px 8px;border-radius:11px;height:22px;border:1px solid #232428;position:relative;transition:opacity .2s ease}.badge:hover{opacity:.5}.badgeRemoveButton{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background-color:#E86969;border:none;color:white;font-size:12px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1;transition:background-color .2s ease}.badge:hover .badgeRemoveButton{display:flex;align-items:center;justify-content:center}.badgeRemoveButton:hover{background-color:#d15555}.badgeIndicator{width:10px;height:10px;border-radius:50%}.badgeContent{font-size:12px;font-weight:500;color:#BAC3D1}#badgeCyan{background-color:#4EACAF}#badgePurple{background-color:#8A69E8}#badgeRed{background-color:#E86969}#badgeOrange{background-color:#CD8E61}.serverStats{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:100%}.serverStats.vertical{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.serverStats.tall{height:100%;display:flex;flex-direction:column}.serverStats.tall .serverStatsDisplayGroup{flex:1 1 0;min-height:0}.serverStatsDisplayGroup{width:100%}.serverStats.tall .serverStatsGraph{flex:1 1 auto;height:auto;min-height:0}.projectLevelDetails{width:600px;margin:20px 20px 0;position:fixed;top:125px;right:0;bottom:20px;z-index:1002;transform-origin:bottom right;transform:scale(1)}@media (max-width:768px){.projectLevelDetails{position:fixed;right:0;left:0;bottom:0;top:auto;margin:0;width:100vw;height:var(--mobile-panel-height,60vh);transform-origin:bottom center;padding:0 env(safe-area-inset-right,12px) 0 env(safe-area-inset-left,12px);box-sizing:border-box}.projectLevelDetails.closed{height:0;pointer-events:none}.projectLevelDetailsPanel{border-radius:16px 16px 0 0;height:100%;padding-bottom:calc(env(safe-area-inset-bottom, 16px) + 24px)}.projectLevelHandle{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--project-color,#469173) 50%,#ffffff10);z-index:1004;cursor:pointer}.projectLevelOpenButton{position:fixed;right:calc(env(safe-area-inset-right, 12px) + 12px);bottom:calc(env(safe-area-inset-bottom, 16px) + 16px);z-index:1005;padding:10px 14px;background:#18181B;color:#FBF9EF;border:1px solid var(--project-color,#469173);border-radius:999px;font-size:13px}}.projectLevelDetails.closed{pointer-events:none}.projectLevelDetails:before{content:"";position:absolute;left:-6px;top:-1.225px;bottom:0;width:calc(100% + 2px);height:calc(100% + 2.5px);background:linear-gradient(to left,transparent,color-mix(in srgb,var(--project-color,#469173) 50%,transparent) 25%);cursor:ew-resize;opacity:0;transition:opacity .2s ease;filter:blur(2px);z-index:1001;border-radius:8px 0 0 8px}.projectLevelDetails:hover:before{opacity:.8}.projectLevelDetails:after{content:"⋮";position:absolute;left:4px;top:50%;transform:translateY(-50%);color:var(--project-color,#469173);font-size:12px;opacity:0;transition:opacity .2s ease;z-index:1003;pointer-events:none}.projectLevelDetails:hover:after{opacity:1}.projectLevelDetails.closed:after,.projectLevelDetails.closed:before{opacity:0!important}.projectLevelDetailsPanel{width:100%;height:100%;background-color:#131315;border-radius:12px;border:1px solid #232428;display:flex;flex-direction:column;position:relative;z-index:1002;overflow:hidden}.projectLevelCloseButton{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;background:#18181B;color:#FBF9EF;border:1px solid #232428;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.projectLevelCloseButton:hover{background:#1f1f23}@media (min-width:769px){.projectLevelOpenButton{position:fixed;right:20px;bottom:20px;z-index:1005;padding:10px 14px;background:#18181B;color:#FBF9EF;border:1px solid var(--project-color,#469173);border-radius:999px;font-size:13px}}.projectLevelDetailsTabList{display:flex;flex-flow:row wrap;justify-content:center;gap:8px;padding:20px 12px 24px}.projectLevelDetailsButton{padding:10px 17px;cursor:pointer;color:#949D99}.projectLevelSelected{background:linear-gradient(180deg,rgba(116,118,105,0) 48%,rgba(116,118,105,.15));border-bottom:1px solid #747669}.projectLevelSelected p{color:#B7C2BB}.projectLevelDetailsSectionList{padding:0 24px 20px;display:flex;flex-flow:column;gap:50px;flex:1 1 auto;overflow-y:auto;min-height:0;scrollbar-color:var(--project-color,#469173) transparent;scrollbar-width:thin}@media (max-width:768px){.projectLevelDetailsSectionList{padding:0 16px 24px;gap:28px}}.projectLevelDetailsSection{display:flex;flex-flow:column;gap:12px;flex:0 0 auto;min-height:0}.projectLevelDetailsFooter{padding:12px 24px 16px;border-top:1px solid #232428;background:linear-gradient(0deg,#18181B,#18181B00)}.sectionHeader{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;padding-bottom:15px;gap:2px}.sectionHeaderNameGroup{width:100%;display:flex;flex-flow:row}.sectionHeaderNameGroup p{font-size:16px;font-weight:600;color:#FBF9EF}.sectionHeaderSubtitle{width:100%;display:flex;flex-flow:row}.sectionHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B}.sectionItemList{gap:12px}.sectionItemErrorContainer{display:flex;flex-flow:row;gap:8px;width:100%}.sectionItemErrorContainer img{width:18px;height:18px}.sectionItemError{flex-flow:column;gap:20px}.sectionItemHeader{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:5px}.sectionItemErrorHeaderText{font-size:14px}.sectionItemErrorLocation{display:flex;flex-flow:row;gap:2px;align-items:center}.sectionItemErrorLocationText{font-size:12px;font-weight:400;color:#949D99}.sectionItemList{display:flex;flex-flow:column;gap:25px;flex:1 1 auto;min-height:0}.sectionItemList::-webkit-scrollbar{width:6px}.sectionItemList::-webkit-scrollbar-track{background:#232428;border-radius:3px}.sectionItemList::-webkit-scrollbar-thumb{background:var(--project-color,#469173);border-radius:3px}.projectLevelDetailsSectionList::-webkit-scrollbar{width:6px}.projectLevelDetailsSectionList::-webkit-scrollbar-track{background:transparent}.projectLevelDetailsSectionList::-webkit-scrollbar-thumb{background:#469173;border-radius:3px}.projectLevelDetailsSetting{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:space-between}.projectLevelDetailsSettingHeader{max-width:50%}.projectLevelDetailsSettingHeaderNameGroup p{font-size:14px;font-weight:500;color:#FBF9EF}.projectLevelDetailsSectionSettingHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B}.projectLevelDetailsSaveCancelButtons{display:flex;justify-content:flex-end;width:100%;gap:8px}#errorSection,#outagesSection{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}.errorSectionItem{display:flex;flex-flow:column;gap:20px;width:100%}.sectionItemError{display:flex;width:100%;flex-flow:row;gap:8px}.consoleErrorNumber,.sectionItemErrorHeaderText{font-size:14px;font-family:DM Sans,sans-serif}.sectionItemErrorHeaderText{font-weight:600;color:#B7C2BB}.consoleErrorNumber{width:18px;height:18px}.tag{padding-left:6px}.serviceTag,.tag{display:flex;align-items:center;justify-content:center;gap:5px;flex-flow:row nowrap;border-radius:24px;height:18px}.serviceTag{padding:0 6px}.tagContent{font-weight:400;font-size:13px;margin-top:1px}.tagContent,.tagRemove{display:flex;align-items:center;justify-content:center}.tagRemove{width:18px;height:18px;background-color:rgba(0,0,0,.07);border-top-right-radius:24px;border-bottom-right-radius:24px}.tagRemove img{width:10px;height:10px}#tagRed{background-color:rgba(220,78,78,.15)}#tagRed .tagContent{color:rgba(220,78,78,1)}#tagGreen{background-color:rgba(44,175,116,.15)}#tagGreen .tagContent{color:rgba(44,175,116,1)}#tagPurple{background-color:rgba(138,105,232,.15)}#tagPurple .tagContent{color:#8A69E8}#tagBlue{background-color:rgba(44,60,175,.15)}#tagBlue .tagContent{color:rgba(44,146,175,1)}#tagOrange{background-color:rgba(205,142,97,.15)}#tagOrange .tagContent{color:#CD8E61}#tagCyan{background-color:rgba(78,172,175,.15)}#tagCyan .tagContent{color:#4EACAF}#tagGray{background-color:rgba(116,118,105,.15)}#tagGray .tagContent{color:#949D99}#tagNone{border:1px solid rgba(44,146,175,.15)}.consoleMessage{font-size:12px;font-weight:400;font-family:DM Mono,monospace;color:#949D99;word-break:keep-all}.colorRed{color:#E46560}.errorConsole{display:flex;flex-flow:column;gap:5px;border:1px solid #232428;border-radius:6px;max-height:405px}.errorConsoleHeader{display:flex;flex-flow:row;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#74766910,#E6E1CE20);padding:5px 10px 3px}.errorConsoleHeader p{color:#949D99}.errorConsoleContent{display:flex;flex-flow:column;gap:5px;padding:0 10px 10px;overflow-x:auto}.deploymentItem{display:flex;flex-flow:row;gap:8px;width:100%}#deploymentSection{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}.ended{opacity:.5}.deploymentContainer img{width:18px;height:18px;margin-top:2px}.deploymentDetails{width:100%;display:flex;flex-flow:row;gap:20px;justify-content:space-between}.deploymentHeader{display:flex;flex-flow:column;gap:5px}.nameGroup{display:flex;flex-flow:row;gap:5px;align-items:center}.deploymentActions{display:flex;flex-flow:row;padding:0 10px;gap:15px}.externalLink{display:flex;flex-flow:row;gap:2px}.externalLink:hover{cursor:pointer}.externalLink img{height:14px;width:14px}.viewLogsOnly{color:#6b7280;opacity:.7}.paymentModalOverlay input{color:#fff}.externalLink p{color:#E6E1CE;font-size:14px;font-weight:500}.deploymentContainer img{width:19px;height:19px}.deploymentContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;opacity:.8;cursor:pointer;transition:opacity .2s ease-in-out}.deploymentContainer:hover{opacity:1}.deploymentContainer:hover .deploymentActions .createServicePriceGroupActionButton:nth-child(3){display:inline-flex!important}.bar p,.deploymentName p{color:#FBF9EF;font-size:14px;font-weight:500}.statDisplayGroup{flex-direction:row;border-radius:6px;border:1px solid #232428}.statContainer,.statDisplayGroup{display:flex;align-items:center;justify-content:center;width:100%}.statContainer{flex-direction:column;height:100%;gap:5px;padding:10px 0}.currentMonthStat p{color:#949D99;font-size:12px;font-weight:400}.currentMonthStatAmount p{color:#BAC3D1;font-size:24px;font-weight:400}.customSwitch{width:35px;height:20px;background-color:rgba(150,150,134,.15);border-radius:10px;cursor:pointer;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.customSwitch.checked{background-color:#969686}.switchThumb{width:16px;height:16px;background-color:white;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.2)}.customSwitch.checked .switchThumb{transform:translateX(15px)}.dropdownContainer{position:relative}.createServiceSectionSettingActionsDropdown{width:200px;height:36px;border-radius:8px;border:1px solid #232428;padding:0 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s ease}.createServiceSectionSettingActionsDropdown:hover{border-color:#469173}.createServiceSectionSettingActionsDropdown.open{border-color:#469173;border-radius:8px 8px 0 0}.createServiceSectionSettingActionsDropdown.locked{background-color:#232428;cursor:not-allowed;opacity:.6}.createServiceSectionSettingActionsDropdown.locked:hover{border-color:#232428}.createServiceSectionSettingActionsDropdown p{font-size:14px;font-weight:400;color:#949D99}.createServiceSectionSettingActionsDropdown img{width:16px;height:16px;transition:transform .2s ease}.createServiceSectionSettingActionsDropdown img.rotated{transform:rotate(180deg)}.dropdownOptions{position:absolute;top:100%;left:0;right:0;background-color:#18181B;border:1px solid #232428;border-top:none;border-radius:0 0 8px 8px;z-index:1000;max-height:200px;overflow-y:auto}.dropdownOptionsOverlay{border-radius:8px;border-top:1px solid #232428}.dropdownOption{padding:12px 16px;color:#949D99;font-size:14px;cursor:pointer;transition:background-color .2s ease}.dropdownOption:hover{background-color:#232428;color:#FBF9EF}.dropdownOption.selected{background-color:rgba(70,145,115,.1);color:#469173}.contextMenu{position:fixed;z-index:1000;background:#1A1A1E;border:1px solid #2a2a2e;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);padding:8px 0;min-width:200px;backdrop-filter:blur(10px);animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.contextMenuItem{display:flex;align-items:center;width:100%;padding:10px 16px;background:none;border:none;color:#BAC3D1;font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease;gap:12px}.contextMenuItem:hover:not(.disabled){background:#2A2A2E;color:#FFFFFF}.contextMenuItem:active:not(.disabled){background:#3A3A3E;transform:translateY(1px)}.contextMenuItem.disabled{color:#6B7280;cursor:not-allowed;opacity:.6}.contextMenuItem.disabled:hover{background:none}.contextMenuIcon{font-size:16px;width:20px;text-align:center;opacity:.8}.contextMenuLabel{flex:1;font-weight:500}.contextMenuSeparator{height:1px;background:#2A2A2E;margin:4px 0}@media (max-width:768px){.contextMenu{min-width:180px;padding:6px 0}.contextMenuItem{padding:12px 16px;font-size:15px}}@media (max-width:480px){.contextMenu{min-width:160px}.contextMenuItem{padding:14px 16px;font-size:16px}}.onboardingOverlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.onboardingBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}.onboardingHighlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px rgba(0,0,0,.55);outline:2px solid #469173;pointer-events:none}.onboardingTargetPulse{position:relative;box-shadow:0 0 0 2px #469173,0 0 0 8px rgba(70,145,115,.25)!important;border-radius:8px!important;transition:box-shadow .2s ease}.onboardingTargetPulse:after{content:"";position:absolute;inset:-6px;border-radius:10px;border:2px dashed rgba(70,145,115,.7);animation:onboardingPulse 1.2s ease-out infinite;pointer-events:none}@keyframes onboardingPulse{0%{opacity:.9}70%{opacity:.15}to{opacity:0}}.onboardingCard{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 40px));background-color:#18181B;border:1px solid #232428;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.45);pointer-events:auto}.onboardingHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.onboardingTitle{font-size:16px;font-weight:700;color:#FBF9EF;margin:0}.onboardingClose{background:transparent;border:none;cursor:pointer;color:#949D99;font-size:16px}.onboardingBody{padding:0 16px 8px}.onboardingDescription{font-size:14px;color:#B7C2BB;margin:0}.onboardingFooter{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px 14px}.onboardingButton{min-width:86px;height:34px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #232428}.onboardingButton.primary{background-color:#E6E1CE;color:#131315}.onboardingButton.primary:hover{background-color:#d4cfbc}.onboardingButton.secondary{background-color:#131315;color:#B7C2BB}.onboardingButton.secondary:disabled{opacity:.5;cursor:not-allowed}.onboardingProgress{display:flex;align-items:center;gap:6px;padding:0 16px 16px}.onboardingDot{width:8px;height:8px;border-radius:50%;background-color:#4C4E58}.onboardingDot.active{background-color:#469173}@media (max-width:768px){.onboardingCard{width:calc(100% - 20px);left:10px;right:10px;transform:none}}.createServiceContainer{width:100%;height:calc(100vh - 122px);background-color:#131315;color:#FBF9EF;padding:20px;display:flex;flex-direction:row;justify-content:center;gap:50px;box-sizing:border-box;overflow:hidden}.backButton{padding:8px 0}.backButton:hover{color:#FBF9EF}.createServiceContent{max-width:1200px}.serviceTypeSelection{margin-bottom:40px}.serviceTypeSelection h2{font-size:20px;font-weight:600;color:#FBF9EF;margin-bottom:24px}.serviceTypeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.serviceTypeCard{display:flex;align-items:center;gap:16px;padding:20px;background-color:#18181B;border:2px solid #232428;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.serviceTypeCard:hover{border-color:#469173;background-color:#1a1a1d}.serviceTypeCard.selected{border-color:#469173;background-color:rgba(70,145,115,.1)}.serviceTypeIcon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.serviceTypeIcon img{width:24px;height:24px;object-fit:contain}.serviceTypeInfo{flex:1}.serviceTypeInfo h3{font-size:16px;font-weight:600;color:#FBF9EF;margin-bottom:4px}.serviceTypeInfo p{font-size:14px;color:#949D99;margin:0;line-height:1.4}.selectedIndicator{position:absolute;top:12px;right:12px;width:24px;height:24px;background-color:#469173;border-radius:50%;display:flex;align-items:center;justify-content:center}.checkmark{color:#131315;font-size:14px;font-weight:700}.serviceConfiguration{background-color:#18181B;border:1px solid #232428;border-radius:12px;padding:32px}.serviceConfiguration h2{font-size:20px;font-weight:600;color:#FBF9EF;margin-bottom:24px}.configurationForm{max-width:600px}.formGroup{margin-bottom:24px}.formGroup label{display:block;font-size:14px;font-weight:500;color:#FBF9EF;margin-bottom:8px}.formGroup input,.formGroup textarea{width:100%;padding:12px 16px;background-color:#131315;border:1px solid #232428;border-radius:8px;color:#FBF9EF;font-size:14px;transition:border-color .2s ease}.formGroup input:focus,.formGroup textarea:focus{outline:none;border-color:#469173}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#80898B}.formGroup textarea{resize:vertical;min-height:80px}.formActions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.cancelButton{padding:12px 24px;background-color:transparent;border:1px solid #232428;border-radius:8px;color:#949D99;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancelButton:hover{border-color:#469173;color:#FBF9EF}.createButton{padding:12px 24px;background-color:#469173;border:none;border-radius:8px;color:#131315;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.createButton:hover:not(:disabled){background-color:#3a7a5f}.createButton:disabled{background-color:#232428;color:#80898B;cursor:not-allowed}.createServiceSectionSettingItemList{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;align-items:start}.createServiceSectionSettingCard{gap:16px;padding:20px}.createServiceHeader{display:flex;flex-direction:column;margin-bottom:15px;gap:2px}.createServiceHeaderNameGroup p{font-size:32px;font-weight:600;color:#FBF9EF}.createServiceHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B}.createServiceSectionList{display:flex;flex-direction:column;gap:50px;padding-right:50px;border-right:1px solid #232428;overflow-y:auto;min-height:0}.createServiceSectionList::-webkit-scrollbar{width:6px}.createServiceSectionList::-webkit-scrollbar-track{background:#232428;border-radius:3px}.createServiceSectionList::-webkit-scrollbar-thumb{background:#469173;border-radius:3px}.createServiceSection{width:100%}.createServiceSectionItemList{display:flex;flex-direction:column;gap:25px}.createServiceSectionSetting{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:space-between}.createServiceSectionSettingHeaderNameGroup p{font-size:14px;font-weight:500;color:#FBF9EF}.createServiceSectionSettingHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B}.createServiceSectionSettingActions{width:400px;display:flex;justify-content:flex-end}.createServiceSectionSettingActionsInput{width:200px;height:36px;border-radius:8px;border:1px solid #232428;font-size:14px;font-weight:400;color:#949D99;padding:0 10px}.createServiceActionsMultiline{width:100%;flex-wrap:wrap;gap:12px;justify-content:flex-start}.createServiceActionsMultiline .createServiceSectionSettingActionsInput{flex:1 1 260px;min-width:220px}.createServiceActionsMultiline .serviceToolbarButton{flex:0 0 auto}@media (max-width:768px){.createServiceActionsMultiline{gap:10px}.createServiceActionsMultiline .serviceToolbarButton{width:100%}}.createServiceSectionSettingActionsTagsContainer{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:flex-start}.createServiceSectionSettingActionsTagsAddMore{display:flex;cursor:pointer;padding:4px;border-radius:8px;transition:background-color .2s ease}.createServiceSectionSettingActionsTagsAddMore:hover{background-color:#232428}.addItemInputContainer{display:flex;align-items:center;gap:8px}.addItemInput{width:120px;height:28px;padding:4px 8px;background-color:#131315;border:1px solid #232428;border-radius:8px;color:#FBF9EF;font-size:12px;outline:none;transition:border-color .2s ease}.addItemInput:focus{border-color:#469173}.addItemInput::placeholder{color:#80898B}.addItemButton{padding:4px 8px;background-color:#469173;border:none;border-radius:8px;color:#131315;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.addItemButton:hover{background-color:#3a7a5f}.cancelItemButton{padding:4px 8px;background-color:transparent;border:1px solid #232428;border-radius:8px;color:#949D99;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancelItemButton:hover{border-color:#469173;color:#FBF9EF}.createServiceSectionSettingNameGroup p{font-size:16px;font-weight:500;color:#FBF9EF}.createServiceSectionSettingSubtitle p{font-size:12px;font-weight:400;color:#80898B}.createServiceSectionSettingCard{background-color:#18181B;border:1px solid #232428;border-radius:8px;padding:15px 20px;display:flex;cursor:pointer;transition:all .2s ease;position:relative;min-height:80px;align-items:center}.createServiceSectionSettingCard:hover{border-color:#469173;background-color:#1a1a1d}.createServiceSectionSettingCard.selected{border-color:#469173;background-color:rgba(70,145,115,.1)}.createServiceSectionSettingCardContainer{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.createServiceSectionSettingCardContainer img{width:32px;height:32px;object-fit:contain}.createServiceSectionSettingCardHeader{display:flex;flex-direction:column}.createServiceSectionSettingCardHeaderNameGroup p{font-size:14px;font-weight:600;color:#FBF9EF}.createServiceSectionSettingCardHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B}.createServicePriceGroup{padding:15px;border-radius:6px;border:1px solid #232428;gap:15px;width:300px;flex-shrink:0;align-self:flex-start;position:sticky;top:20px}.createServicePriceGroup,.stat{display:flex;flex-direction:column}.stat{align-items:center;justify-content:center;gap:5px;padding:10px 0}.stat p{font-size:14px;font-weight:400;color:#949D99}.createServiceMoney{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:2px;padding-left:5px}.createServiceMoney p{font-size:24px;font-weight:400;color:#BAC3D1;line-height:31px}.createServiceMoneyCents p{font-size:14px;font-weight:400;color:#949D99;line-height:21px}.createServicePriceGroupActions{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.createServicePriceGroupActionButton{width:100%;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:10px 17px}#cancelButton{border:1px solid #232428;color:#969686}#checkoutButton{background-color:#E6E1CE;color:#131315}.confirmContainer{gap:12px}.confirmContainer,.confirmSummary{display:flex;flex-direction:column}.confirmSummary{border:1px solid #232428;border-radius:8px;background:#18181B;padding:12px;gap:8px}.confirmRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.confirmRow span:first-child{color:#80898B;font-size:12px}.confirmRow span:last-child{color:#E6E1CE;font-size:13px}.confirmDivider{height:1px;background:#232428;margin:4px 0}.confirmRow.total span:first-child{font-weight:600;color:#FBF9EF}.confirmRow.total span:last-child{font-weight:700;color:#BAC3D1;font-size:14px}.confirmNote{color:#949D99;font-size:12px}.createServiceSectionSettingItemList{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}@media (max-width:768px){.createServiceContainer{height:auto;flex-direction:column;gap:16px;padding:16px 16px calc(env(safe-area-inset-bottom, 16px) + 24px)}.createServiceSectionList{gap:24px;padding-right:0;border-right:none;overflow:visible}.serviceTypeGrid{grid-template-columns:1fr}.serviceConfiguration{padding:20px}.configurationForm{max-width:100%}.createServicePriceGroup{position:relative;top:auto;width:100%;align-self:stretch}.createServicePriceGroupActions{gap:10px}.createServicePriceGroupActionButton{width:100%}.createServiceSectionSettingItemList{grid-template-columns:1fr}}.sv-entering{opacity:0}.sv-entered{opacity:1;transition:opacity .3s ease}.sv-anim-banner{opacity:0;transform:scale(1.08);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.sv-anim-banner.sv-visible{opacity:.3;transform:scale(1)}.sv-anim-card{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.16,1,.3,1) .1s,transform .5s cubic-bezier(.16,1,.3,1) .1s}.sv-anim-card.sv-visible{opacity:1;transform:none}.sv-anim-content{opacity:0;transform:translateY(32px);transition:opacity .5s cubic-bezier(.16,1,.3,1) .2s,transform .5s cubic-bezier(.16,1,.3,1) .2s}.sv-anim-content.sv-visible{opacity:1;transform:none}.loadingService.sv-entering{opacity:0;transform:translateY(16px)}.loadingService.sv-entered{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.serviceViewContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:50px 250px;gap:50px;width:100%;background-color:#111111;position:relative}.serviceViewCard{padding:40px 0;width:100%}.serviceViewCardContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:16px}.serviceViewCardIcon{min-width:36px;min-height:36px;max-width:36px;max-height:36px}.serviceViewCardIcon img{width:100%;height:100%}.serviceViewCardHeader{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.serviceViewCardHeaderNameGroup p{font-size:24px;font-weight:600;color:#FBF9EF;line-height:31px;white-space:nowrap}.serviceViewCardHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B;line-height:16px;white-space:nowrap}.serviceViewCardBadges{display:flex;flex-flow:column;gap:8px;align-items:flex-end;justify-content:center;width:100%}.serviceViewCardBadge{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:4px;padding:2px 6px;border-radius:10px;height:20px;background-color:rgba(83,187,171,.1)}.serviceViewCardBadge.offline{background-color:rgba(255,100,100,.1)}.serviceViewCardBadge.pending{background-color:rgba(208,184,87,.12)}.serviceViewCardBadgeIndicator{width:6px;height:6px;border-radius:50%;background-color:#53BBAB}.serviceViewCardBadgeIndicator.offline{background-color:#FF6464}.serviceViewCardBadgeIndicator.pending{background-color:#D0B857}.serviceViewCardBadgeText{font-size:12px;font-weight:400;color:#949D99}.serviceViewCardTagsContainer{display:flex;flex-flow:row;gap:5px}.serviceViewHeader{justify-content:flex-start;width:100%;padding:20px 250px 0}.backButton,.serviceViewHeader{display:flex;align-items:center}.backButton{gap:8px;background:none;border:none;color:#949D99;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease}.backButton:hover{color:#B7C2BB}.backButton img{width:16px;height:16px;transform:rotate(90deg)}.serviceViewActions{display:flex;flex-direction:row;gap:8px;align-items:center}.serviceActionButton{padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px}.startButton{background-color:#53BBAB;color:#131315}.startButton:hover{background-color:#4DA899}.stopButton{background-color:#FF6464;color:#FBF9EF}.stopButton:hover{background-color:#E55757}.restartButton{background-color:#949D99;color:#131315}.restartButton:hover{background-color:#828A87}.killButton{background-color:#FF6464;color:#FBF9EF}.killButton:hover{background-color:#E55757}.serviceViewTabs{width:calc(100% - 500px);margin:0 250px;border-bottom:1px solid #2a2a2a}.serviceViewContent{padding:20px 0}.serviceTabContent{color:#FBF9EF}.serviceTabContent h3{font-size:18px;font-weight:600;margin-bottom:10px;color:#FBF9EF}.serviceTabContent p{font-size:14px;color:#949D99}.serviceViewServerBanner{width:100%;height:202px;background-image:url(/resources/images/serviceViewBanner.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:0;pointer-events:none}.serviceViewServerBanner:not(.sv-anim-banner){opacity:.3}.serviceViewServerBannerFade{width:100%;height:202px;background:linear-gradient(180deg,rgba(19,19,21,0),#131315);z-index:1}.serviceViewContainer>:not(.serviceViewServerBanner):not(.sv-anim-banner){z-index:2;position:relative}.sv-anim-card,.sv-anim-content{width:100%}.serviceViewConfigList{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.serviceViewConfigListCard{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:15px 20px;border-radius:8px;background-color:#18181B;border:1px solid #232428}@media (max-width:1200px){.serviceViewConfigList{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.serviceViewConfigList{grid-template-columns:1fr}}@media (min-width:1400px){.serviceViewConfigList{grid-template-columns:unset;grid-auto-flow:column;grid-auto-columns:1fr;overflow-x:hidden}}.serviceViewConfigListCardContainer{display:flex}.serviceViewConfigListCardHeader{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.serviceViewConfigListCardHeader p{font-size:14px;font-weight:500;color:#FBF9EF;line-height:20px}.serviceViewModpackValue{display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serviceViewConfigListCardHeaderSubtitle p{font-size:12px;font-weight:400;color:#80898B;line-height:16px}.serviceConsole{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;border-radius:6px;border:1px solid #232428;overflow:hidden}.serviceConsoleHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:5px 10px 3px;background:linear-gradient(180deg,#74766900,#E6E1CE10);border-radius:6px 6px 0 0}.serviceConsoleHeader p{font-size:12px;font-weight:400;color:#949D99;line-height:16px}.serviceConsoleContent{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:500px;gap:3px;padding:5px 10px 10px;overflow-y:auto}.serviceConsoleLine{margin:0;font-family:monospace;font-size:12px;color:#949D99}.serviceConsoleContent::-webkit-scrollbar{width:6px}.serviceConsoleContent::-webkit-scrollbar-track{background:#232428;border-radius:3px}.serviceConsoleContent::-webkit-scrollbar-thumb{background:#469173;border-radius:3px}.seedScroll{max-height:360px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#469173 #232428}.seedScroll::-webkit-scrollbar{width:6px}.seedScroll::-webkit-scrollbar-track{background:#232428;border-radius:3px}.seedScroll::-webkit-scrollbar-thumb{background:#469173;border-radius:3px}.serviceConsoleContent p{font-size:12px;font-weight:400;color:#949D99;line-height:16px}.serviceConsoleContent .warn p{color:#D09857}.serviceConsoleContent .error p{color:#E46560}.serviceConsoleContent .success p{color:#57D057}.serverStatsserviceConsole{display:flex;flex-flow:column;align-items:center;justify-content:space-between;gap:20px}.serviceConsoleInputBar{display:flex;gap:8px;padding:10px;border-top:1px solid #232428;background-color:#18181B;width:100%}.serviceConsoleInput{flex:1;padding:8px 12px;background-color:#131315;border:1px solid #232428;border-radius:4px;color:#FBF9EF;font-size:12px;font-family:monospace;outline:none}.serviceConsoleSendButton{padding:8px 16px;background-color:#53BBAB;color:#131315;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.serviceConsoleSendButton:hover{background-color:#4DA899}.serverStatsDisplayGroup{display:flex;flex-flow:column;gap:5px;border:1px solid #232428;border-radius:6px}.serverStatsStat{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;gap:5px;padding:5px 0 0 10px}.serverStatsStatLabel{font-size:12px;font-weight:400;color:#949D99}.serverStatsStatValue{color:#BAC3D1}.serverStatsStatValue,.serverStatsStatValuePct{font-size:12px;font-weight:400;transition:all .3s ease}.serverStatsStatValuePct{color:#949D99}.serverStatsGraph{height:22px;width:100%;display:flex;align-items:center;justify-content:center}.serverStatsGraph svg{width:100%;height:100%}.serviceViewColumns{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;gap:25px;margin-top:25px}.serviceConsole form{width:100%}.serviceViewColumns .serverStats.vertical.tall{min-width:340px;max-width:340px;height:540px;display:flex;flex-direction:column}.serviceViewColumns .serverStats.vertical.tall .serverStatsDisplayGroup{flex:1 1 33%;min-height:0;display:flex;height:100%}.serviceViewColumns .serverStats.vertical.tall .serverStatsGraph{flex:1 1 auto;min-height:0}.settings{width:100%}.cards{gap:20px}.card,.cards{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.card{padding:15px 20px;gap:6px;border-radius:8px;background-color:#18181B;border:1px solid #232428;width:340px}.cardHeader p{color:#80898B;font-size:12px;font-weight:400;line-height:16px}.actionList{flex-direction:column;align-items:flex-start;gap:5px}.actionButton,.actionList{display:flex;justify-content:flex-start;width:100%}.actionButton{flex-direction:row;align-items:center;gap:10px;padding:10px 5px 10px 0;cursor:pointer;border-radius:6px}.actionButton img{width:18px;height:18px}.actionButton p{font-size:14px;font-weight:400;color:#E6E1CE;line-height:18px}.actionButton:hover{background-color:#E6E1CE05}.jarContainerEvent{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.jarContainerEvent h1{font-size:14px;font-weight:600;color:#B7C2BB;line-height:18px}.jarContainerEvent p{font-size:12px;font-weight:400;color:#949D99;line-height:16px}.changeVersionButton{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 17px;cursor:pointer;border-radius:8px;width:100%;height:36px}.changeVersionButton p{font-size:14px;font-weight:400;color:#E6E1CE;line-height:18px}.changeVersionButton:hover{background-color:#E6E1CE05}.deploymentContainerActions{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end}.serverIconSelectorContainer{position:relative}.serverIconPreview{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #232428;background-color:#18181B;cursor:pointer;display:flex;align-items:center;justify-content:center}.serverIconPreview img{width:100%;height:100%;object-fit:cover}.iconPickerDropdown{position:absolute;top:56px;left:0;background-color:#18181B;border:1px solid #232428;border-radius:8px;padding:12px;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.4);min-width:260px}.iconPickerHeader p{font-size:12px;font-weight:400;color:#80898B;margin-bottom:8px}.iconGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.iconOption{width:44px;height:44px;border-radius:8px;border:1px solid #232428;padding:0;background:#131315;cursor:pointer;display:flex;align-items:center;justify-content:center}.iconOption img{width:100%;height:100%;object-fit:cover;border-radius:8px}.iconOption:hover{border-color:#469173}.iconUploadRow{display:flex;justify-content:flex-end;padding-top:10px}.iconUploadButton{padding:6px 12px;border-radius:6px;border:1px solid #232428;color:#949D99;background:transparent;font-size:12px;cursor:pointer}.iconUploadButton:hover{border-color:#469173;color:#FBF9EF}.modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:4000}.modalContent{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:520px;max-width:90vw;background:#18181B;border:1px solid #232428;border-radius:10px;padding:16px;max-height:90vh;overflow:auto;z-index:4001}.modalHeader p{font-size:16px;font-weight:600;color:#FBF9EF}.modalBody p{font-size:13px;color:#949D99}.modalActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.editorTextarea{width:100%;min-height:320px;background:#131315;border:1px solid #232428;border-radius:6px;color:#FBF9EF;font-size:12px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.serviceViewContent{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}@media (max-width:1366px){.serviceViewColumns{flex-direction:column;gap:16px}.serviceViewColumns .serverStats.vertical.tall{min-width:100%;max-width:100%;height:auto}.serviceViewColumns .serverStats.vertical.tall .serverStatsDisplayGroup{min-height:80px}.serviceViewColumns .serverStats.vertical.tall .serverStatsGraph{height:40px}}@media (max-width:768px){.serviceViewContainer{padding:20px 12px;gap:24px}.serviceViewHeader{padding:12px 12px 0}.serviceViewCard{padding:16px 0}.serviceViewCardContainer{flex-direction:column;align-items:flex-start;gap:8px}.serviceViewCardHeaderNameGroup p{font-size:18px;line-height:24px;white-space:normal}.serviceViewCardHeaderSubtitle p{font-size:12px}.serviceViewCardBadges{align-items:flex-start}.serviceViewTabs{width:100%;margin:0}.serviceViewContent{padding:12px 0}.serviceViewColumns{flex-direction:column;gap:16px}.serviceViewColumns .serverStats.vertical.tall{min-width:100%;max-width:100%;height:auto}.serviceViewColumns .serverStats.vertical.tall .serverStatsDisplayGroup{min-height:80px}.serviceViewColumns .serverStats.vertical.tall .serverStatsGraph{height:40px}.serviceConsole{height:auto}.serviceConsoleContent{height:300px}}.fileHelperBar{width:100%;justify-content:space-between}.fileHelperBar,.fileHelperBarBreadcrumbs{display:flex;flex-direction:row;align-items:center}.fileHelperBarBreadcrumbs{justify-content:flex-start;gap:10px}.fileHelperBarLink{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;gap:4px;cursor:pointer;border-radius:6px;transition:all .2s ease}.fileHelperBarLink:hover{background-color:#E6E1CE05}.fileHelperBarLink img{width:16px;height:16px}.fileHelperBarLink p{font-size:14px;font-weight:400;color:#949D99;line-height:18px}.fileHelperBarActions{justify-content:flex-end;flex-wrap:wrap;gap:15px}.configFilter,.fileHelperBarActions{display:flex;flex-direction:row;align-items:center}.configFilter{justify-content:flex-start;gap:10px;padding-right:20px}.configFilter p{font-weight:400;color:#949D99;line-height:18px}.checkbox{min-width:20px;height:20px;border-radius:6px;background-color:#96968615}.checkbox:hover{background-color:#E6E1CE05}.checkbox img{width:20px;height:20px;border-radius:6px}.configFilter p{font-size:14px}.fileHelperBarActionsButtons{padding:10px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fileHelperBarActionsButtons.uploadButton{background-color:#E6E1CE}.fileHelperBarActionsButtons.uploadButton p{font-size:14px;font-weight:400;color:#131315;line-height:18px;transition:all .2s ease}.fileHelperBarActionsButtons.uploadButton:hover{background-color:#93937C}.fileHelperBarActionsButtons.deleteButton{background-color:#E46560}.fileHelperBarActionsButtons.deleteButton p{font-size:14px;font-weight:400;color:#131315;line-height:18px;transition:all .2s ease}.fileHelperBarActionsButtons.deleteButton:hover{background-color:#c1534f}.fileHelperBarActionsButtons p{font-size:14px;font-weight:400;color:#969686;line-height:18px}.fileHelperBarActionsButtons:hover{background-color:#E6E1CE05}.fileViewer{flex-direction:column;align-items:flex-start;border-radius:6px;border:1px solid #232428}.fileViewer,.fileViewerHeader{display:flex;justify-content:flex-start;width:100%}.fileViewerHeader{flex-direction:row;align-items:center;padding:5px 36px 3px 10px;background:linear-gradient(180deg,#74766900,#E6E1CE10);border-radius:6px 6px 0 0;gap:15px}.fileViewerHeader p{font-size:12px;font-weight:400;color:#949D99;line-height:16px}#file{width:50%}#modified,#size,#type{width:200px}.loadingService{align-items:center;justify-content:center;gap:10px;height:100%;padding-top:100px}.fileViewerContent,.loadingService{display:flex;flex-direction:column;width:100%}.fileViewerContent{align-items:flex-start;justify-content:flex-start;gap:0}.loadingService img{width:16px;height:16px}.fileViewerContent.Service{flex-direction:column;align-items:flex-start;gap:0}.fileViewerContent.Service,.fileViewerContentFile{display:flex;justify-content:flex-start;width:100%}.fileViewerContentFile{flex-direction:row;align-items:center;gap:15px;padding:0 10px;border-bottom:1px solid #232428;height:42px;overflow:visible}.fileViewerContentFile.selected,.fileViewerContentFile:hover{background-color:#18181B}.fileViewerContentFileEllipsis{width:16px;height:16px}.fileViewerContentFileName{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.fileViewerContentFileName img{width:16px;height:16px}.fileViewerContentFileText{font-size:12px;font-weight:400;color:#949D99;line-height:16px}.fileViewerContentFileName{width:50%}.fileViewerContentFileModified,.fileViewerContentFileSize,.fileViewerContentFileType{width:200px}.fileViewerContentFileMenuAnchor{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.fileActionMenu{position:absolute;top:20px;right:0;background-color:#18181B;border:1px solid #232428;border-radius:6px;min-width:140px;z-index:2100;box-shadow:0 8px 32px rgba(0,0,0,.4)}.fileActionMenu.above{top:auto;bottom:20px}.fileActionMenuItem{padding:8px 12px;font-size:12px;color:#949D99;cursor:pointer}.fileActionMenuItem:hover{background-color:#E6E1CE05}.fileActionMenuItem.destructive{color:#E46560}.modpackBadge{padding:6px;border-radius:20px;border:1px solid #232428;display:flex;flex-flow:row;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer}.modpackBadgeImage{width:32px;height:32px;border-radius:20px}.modpackBadge p{font-size:12px;font-weight:500;color:#BAC3D1;line-height:16px}.modpackBadgePlus{width:16px;height:16px}.modpackDeploymentContainer{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;border-radius:6px;transition:all .2s ease}.modpackDeploymentContainer:hover{background-color:#18181B}.modpackDeploymentImage{min-width:39px;max-width:39px;min-height:39px;max-height:39px;border-radius:8px;background-image:url(/resources/images/ATM8.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.modpackDeploymentImage img{width:18px;height:18px;position:absolute;bottom:-5px;right:-5px}.modpackDeploymentDetails{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.modpackDeploymentDetailsHeader{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.modpackDeploymentDetailsTitle{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.modpackDeploymentDetailsTitle p{font-size:14px;font-weight:500;color:#FBF9EF;line-height:18px}.modpackDeploymentDetailsSubtitle p,.modpackDeploymentDetailsTitle p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:329px}.modpackDeploymentDetailsSubtitle p{font-size:12px;font-weight:400;color:#80898B;line-height:16px}.modpackDeploymentActions{padding:0 10px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:20px;width:100%}.modpackDeploymentExternalLink{display:flex;flex-direction:row;gap:2px;cursor:pointer}.modpackDeploymentExternalLink p{font-size:12px;color:#80898B;line-height:16px;font-weight:400}.modpackDeploymentExternalLink img{width:10px;height:10px}.modpackDeploymentInstallButton{display:flex;cursor:pointer}.modpackDeploymentInstallButton p{font-size:12px;color:#E6E1CE;line-height:16px;font-weight:400}.modpackDeploymentInstallButton:hover p{color:#E6E1CE85}.projectLevelDetailsFooter{padding:0 10px;gap:10px}.paginationList,.projectLevelDetailsFooter{display:flex;flex-direction:row;align-items:center;justify-content:center}.paginationList{gap:4px}.paginationItem,.paginationItemLink{display:flex;flex-direction:row}.paginationItemLink{padding:10px 16px;border-radius:6px;align-items:center;justify-content:center;gap:4px}.paginationItemLink.current{border:1px solid #232428}.paginationItemLink p{color:#949D99;font-size:14px;font-weight:400;line-height:18px}.paginationItemLink img{width:16px;height:16px}.sectionHeaderSearchInput{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%}.sectionHeaderSubtitle{padding-bottom:20px}.sectionHeaderSearchbar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;border:1px solid #232428;border-radius:8px;padding:0 10px;width:100%;height:36px}.sectionHeaderSearchbar img{width:16px;height:16px}.sectionHeaderSearchbar input{width:100%;color:#949D99;font-size:14px;font-weight:400;line-height:18px;background-color:transparent;border:none;outline:none}.modalOverlay{position:fixed!important;inset:0!important}.seedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.seedOption{display:flex;flex-direction:column;align-items:center;width:100%;padding:8px;border:1px solid #2b2b2b;border-radius:10px;background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .15s ease,background .15s ease}.seedOption:hover{background:rgba(70,145,115,.08)}.seedOption.selected,.seedOption:hover{border-color:#469173}.seedOption img{width:100%;height:96px;object-fit:cover;border-radius:8px}.seedOption .seedCaption{text-align:center;margin-top:6px}.seedOption .seedCaption .seedLabel{font-weight:600}.seedOption .seedCaption .seedValue{opacity:.7;font-size:12px}.dbTabContainer{width:100%;display:flex;flex-direction:column;gap:12px}.dbHeader{display:flex;align-items:center;justify-content:space-between}.dbSectionTitle{color:#FBF9EF;font-size:14px;font-weight:600}.createDbButton{background-color:#E6E1CE;color:#131315}.createDbButton:hover{background-color:#93937C}.dbList{display:flex;flex-direction:column;gap:12px}.dbItem{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;width:100%;padding:14px 16px;border-radius:8px;background-color:#141417;border:1px solid #232428}.dbItemMain{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}.dbItemIcon{min-width:24px;min-height:24px;max-width:24px;max-height:24px}.dbItemIcon img{width:100%;height:100%}.dbItemText{display:flex;flex-direction:column;gap:2px;min-width:0}.dbItemTitleRow{display:flex;align-items:center;gap:8px;min-width:0}.dbItemTitle{color:#E6E1CE;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbItemSubtitle{color:#80898B;font-size:12px}.dbStatus{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;height:20px;border-radius:10px;font-size:12px;color:#949D99;background-color:rgba(83,187,171,.1)}.dbStatus .dbStatusDot{width:6px;height:6px;border-radius:50%;background-color:#53BBAB}.dbStatus.starting{background-color:rgba(183,183,120,.1)}.dbStatus.starting .dbStatusDot{background-color:#D0B857}.dbStatus.down{background-color:rgba(255,100,100,.1)}.dbStatus.down .dbStatusDot{background-color:#FF6464}.dbItemMeta{justify-content:center;gap:16px}.dbItemMeta,.dbMetaItem{display:flex;align-items:center}.dbMetaItem{gap:6px;color:#949D99;font-size:12px}.dbMetaItem img{width:14px;height:14px}.dbItemActions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.dbKebab{width:16px;height:16px;opacity:.8}@media (max-width:768px){.dbItem{grid-template-columns:1fr;gap:10px}.dbItemActions,.dbItemMeta{justify-content:flex-start}}.dbMenu{min-width:120px;max-width:180px;padding:4px 0}.dbMenuDivider{height:1px;background:#2A2A2A;margin:6px 0}.networkingTabContainer{width:100%}.exposedPortsRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.portChip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #232428;border-radius:16px;background:#18181B}.portChip span{color:#E6E1CE;font-size:12px}.portChip img{width:14px;height:14px;cursor:pointer;opacity:.8}.portChip img:hover{opacity:1}