.devblog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.devblog-overlay .devblog-overlay-background{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.devblog-overlay .devblog-container{position:relative;background:#fff;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.15);width:100%;max-width:1200px;height:80vh;display:flex;flex-direction:column;overflow:hidden}.devblog-overlay .devblog-header{display:flex;justify-content:space-between;align-items:center;padding:.75em 1rem;background:#2b8074;color:#fff;border-radius:1rem 1rem 0 0}.devblog-overlay .devblog-header .devblog-header-content .devblog-title{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:600}.devblog-overlay .devblog-header .devblog-header-content .devblog-title .devblog-title-icon{width:2rem;height:2rem}.devblog-overlay .devblog-header .devblog-header-content .devblog-subtitle{margin:.5rem 0 0;opacity:.9;font-size:.95rem}.devblog-overlay .devblog-header .devblog-close-btn{background:none;border:none;color:#fff;cursor:pointer;border-radius:.5rem;transition:background-color .2s}.devblog-overlay .devblog-header .devblog-close-btn .devblog-close-icon{width:1.5rem;height:1.5rem}.devblog-overlay .devblog-content{display:flex;flex:1;overflow:hidden}.devblog-overlay .devblog-content .devblog-sidebar{width:350px;border-right:1px solid #e5e7eb;background:#f9fafb;overflow-y:auto}.devblog-overlay .devblog-content .devblog-main{flex:1;overflow-y:auto;padding:2rem}.devblog-list{height:100%}.devblog-list .devblog-list-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.devblog-list .devblog-list-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.devblog-list .devblog-list-content{padding:1rem}.devblog-list .devblog-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;cursor:pointer;transition:all .2s;position:relative}.devblog-list .devblog-item:hover{border-color:#2b8074;box-shadow:0 4px 12px rgba(43,128,116,.1);transform:translateY(-1px)}.devblog-list .devblog-item.selected{border-color:#2b8074;background:#f0fdfa;box-shadow:0 4px 12px rgba(43,128,116,.15)}.devblog-list .devblog-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2b8074;border-radius:.75rem 0 0 .75rem}.devblog-list .devblog-item .devblog-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;align-items:center}.devblog-list .devblog-item .devblog-item-header .devblog-item-meta{display:flex;align-items:center;gap:.5rem}.devblog-list .devblog-item .devblog-item-header .devblog-item-meta .devblog-version{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#2b8074}.devblog-list .devblog-item .devblog-item-header .devblog-item-meta .devblog-featured{font-size:.875rem}.devblog-list .devblog-item .devblog-item-header .devblog-item-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.devblog-list .devblog-item .devblog-item-header .devblog-item-date .devblog-date-icon{width:.875rem;height:.875rem}.devblog-list .devblog-item .devblog-item-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1f2937;line-height:1.4}.devblog-list .devblog-item .devblog-item-excerpt{margin:0 0 1rem;font-size:.875rem;color:#6b7280;line-height:1.5}.devblog-list .devblog-item .devblog-item-footer{display:flex;justify-content:space-between;align-items:center}.devblog-list .devblog-item .devblog-item-footer .devblog-item-author{font-size:.75rem;color:#6b7280}.devblog-list .devblog-item .devblog-item-footer .devblog-item-tags{display:flex;gap:.25rem;flex-wrap:wrap}.devblog-list .devblog-item .devblog-item-footer .devblog-item-tags .devblog-tag{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#f3f4f6;border-radius:.5rem;font-size:.625rem;color:#6b7280}.devblog-list .devblog-item .devblog-item-footer .devblog-item-tags .devblog-tag .devblog-tag-icon{width:.75rem;height:.75rem}.devblog-list .devblog-item .devblog-item-footer .devblog-item-tags .devblog-tag-more{font-size:.625rem;color:#9ca3af;padding:.125rem .5rem}.devblog-details .devblog-details-header{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.devblog-details .devblog-details-header .devblog-details-header-content{display:flex;align-items:center;gap:1rem}.devblog-details .devblog-details-header .devblog-details-header-content .devblog-version{padding:.25rem .75rem;border-radius:.25rem;font-size:1rem;font-weight:500;color:#fff;background-color:#2b8074}.devblog-details .devblog-details-header .devblog-details-header-content .devblog-details-title{font-size:2rem;font-weight:700;color:#3d403f;line-height:1.2}.devblog-details .devblog-details-header .devblog-details-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.devblog-details .devblog-details-header .devblog-details-meta .devblog-details-category{padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500;color:#fff}.devblog-details .devblog-details-header .devblog-details-meta .devblog-details-featured{font-size:.875rem;color:#f59e0b;font-weight:500}.devblog-details .devblog-details-header .devblog-details-info{display:flex;gap:2rem;font-size:.875rem;color:#888f8c}.devblog-details .devblog-details-header .devblog-details-info .devblog-details-author,.devblog-details .devblog-details-header .devblog-details-info .devblog-details-date{display:flex;align-items:center;gap:.5rem}.devblog-details .devblog-details-header .devblog-details-info .devblog-details-author .devblog-details-icon,.devblog-details .devblog-details-header .devblog-details-info .devblog-details-date .devblog-details-icon{width:1rem;height:1rem}.devblog-details .devblog-details-content .devblog-section{margin-bottom:2rem}.devblog-details .devblog-details-content .devblog-section .devblog-introduction{font-size:1.125rem;line-height:1.7;color:#374151;margin:0 0 1.5rem;padding:1.5rem;background:#f9fafb;border-radius:.75rem;border-left:4px solid #2b8074}.devblog-details .devblog-details-content .devblog-section .devblog-section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.devblog-details .devblog-details-content .devblog-section .devblog-section-title .devblog-section-icon{width:1.25rem;height:1.25rem;color:#2b8074}.devblog-details .devblog-details-content .devblog-section .devblog-section-list{margin:0;padding-left:1.5rem}.devblog-details .devblog-details-content .devblog-section .devblog-section-list .devblog-section-item{margin-bottom:.75rem;line-height:1.6;color:#374151;position:relative}.devblog-details .devblog-details-content .devblog-section .devblog-section-list .devblog-section-item::marker{color:#2b8074}.devblog-details .devblog-details-content .devblog-section .devblog-conclusion{font-size:1rem;line-height:1.6;color:#374151;margin:0;padding:1.5rem;background:#f0fdfa;border-radius:.75rem;border:1px solid #a7f3d0}.devblog-details .devblog-details-tags{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.devblog-details .devblog-details-tags h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937}.devblog-details .devblog-details-tags .devblog-tags-list{display:flex;gap:.5rem;flex-wrap:wrap}.devblog-details .devblog-details-tags .devblog-tags-list .devblog-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:1rem;font-size:.875rem;color:#6b7280;transition:all .2s}.devblog-details .devblog-details-tags .devblog-tags-list .devblog-tag:hover{background:#e5e7eb;color:#374151}.devblog-details .devblog-details-tags .devblog-tags-list .devblog-tag .devblog-tag-icon{width:1rem;height:1rem}.devblog-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:1.125rem}@media(max-width:768px){.devblog-overlay{padding:1rem}.devblog-overlay .devblog-container{height:90vh}.devblog-overlay .devblog-content{flex-direction:column}.devblog-overlay .devblog-content .devblog-sidebar{width:100%;height:40%;border-right:none;border-bottom:1px solid #e5e7eb}.devblog-overlay .devblog-content .devblog-main{height:60%;padding:1rem}.devblog-details .devblog-details-header .devblog-details-title{font-size:1.5rem}.devblog-details .devblog-details-header .devblog-details-info{flex-direction:column;gap:.5rem}}.app-main-container{display:flex;flex-direction:column;height:100dvh;box-sizing:border-box;width:100%;font-family:sans-serif}.app-main-container .custom-tooltip{background-color:#3d403f!important;color:#fff!important;font-size:1rem!important;padding:.5rem .75rem!important;border-radius:4px!important;white-space:pre-line!important;opacity:1!important}.app-main-container .custom-tooltip a:hover{color:#2b8074!important}.app-main-container .custom-upload-btn{display:flex;padding:.25rem 1rem .25rem .75rem;align-items:center;border-radius:1rem;box-shadow:inset 0 -2px 0 0 #3d403f;background:#2b8074;font-size:1rem!important;color:#fff;gap:1rem}.app-main-container .custom-upload-btn img{width:2rem;height:2rem}.app-main-container .custom-upload-btn:hover{cursor:pointer;background-color:#294d48}.header{height:4rem!important;background-color:#fff;color:#fff;justify-content:space-between;padding:0 1.5rem 0 1rem;box-shadow:0 0 2px 0 #3d403f;flex-shrink:0;width:100%;box-sizing:border-box;min-width:500px}.header,.header-logo-wrap{display:flex;align-items:center}.header-logo-wrap{gap:5rem;min-width:0}.header-logo-img{width:11rem;height:auto}.header-trial-badge{background-color:#cff8d9;color:#3d403f;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;box-shadow:0 0 5px 0 rgba(0,0,0,.35);margin-left:1rem;flex-shrink:0}.header-center{width:45%;min-width:0}.logo{font-size:1.5rem;font-weight:700}.logo img{height:auto!important}.tutorial-btn-header{background-color:#fdf6f6;box-shadow:0 0 2px 0 rgba(0,0,0,.25);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none}.tutorial-btn-header:hover{box-shadow:0 0 2px 0 #000}.tutorial-btn-header .tutorial-icon{font-size:1.5rem;font-weight:700;color:#3d403f;transition:color .2s ease}.devblog-btn-header{background-color:#fdf6f6;box-shadow:0 0 2px 0 rgba(0,0,0,.25);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none}.devblog-btn-header:hover{box-shadow:0 0 2px 0 #000}.devblog-btn-header .tutorial-icon{font-size:1.5rem;font-weight:700;color:#3d403f;transition:color .2s ease}.user-profile{flex-shrink:0;display:flex;gap:1rem;align-items:center}.user-profile .profile-pic{width:40px;height:40px;border-radius:50%}.main-layout{flex-direction:row;flex-shrink:0;flex:1;min-height:0;gap:1rem;width:100%}.main-layout,.sidebar{display:flex;box-sizing:border-box}.sidebar{flex-shrink:0;width:15rem;background-color:#2b8074;color:#fff;transition:width .2s;gap:1.5rem;position:relative;border-radius:0 5px 0 0;box-shadow:2px 2px 4px 0 rgba(61,64,63,.25);flex-direction:column;justify-content:left}.sidebar .sidebar-btn.collapsed,.sidebar .sidebar-btn.open{background:none;width:100%;border:none;color:#fff!important;font-family:Inter,noserif;font-size:1rem;white-space:nowrap;padding:0 0 0 1.2rem;display:flex!important;align-items:center;gap:1rem}.sidebar .sidebar-btn.collapsed img,.sidebar .sidebar-btn.open img{transition:filter .1s;width:2.2rem}.sidebar .sidebar-btn.collapsed:hover,.sidebar .sidebar-btn.open:hover{cursor:pointer;text-shadow:0 4px 3px #3d403f;transition:text-shadow .1s}.sidebar .sidebar-btn.collapsed:hover .myspaces:after,.sidebar .sidebar-btn.collapsed:hover img,.sidebar .sidebar-btn.open:hover .myspaces:after,.sidebar .sidebar-btn.open:hover img{filter:drop-shadow(0 4px 3px #3d403f)}.sidebar .sidebar-btn.collapsed{padding:0 0 0 1.2rem}.sidebar .myspaces.open{display:inline-flex;align-items:center;position:relative}.sidebar .myspaces{display:flex;gap:1rem}.sidebar .myspaces:after{content:"";background-image:url(/images/arrowmenu-icon.svg);display:inline-block;width:1.25rem;height:1.25rem;vertical-align:middle;background-size:contain;background-repeat:no-repeat}.sidebar .myspaces:empty:after{display:none}.sidebar .myspaces.open:after{transform:rotate(0deg)}.sidebar .myspaces.collapsed:after{transform:rotate(90deg)}.sidebar .myspaces-container{position:relative;width:100%}.sidebar .workspaces-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#294d48;border-radius:0 0 8px 8px;box-shadow:0 0 10px 2px rgba(0,0,0,.15);z-index:9999;max-height:50rem;overflow-y:auto;width:50rem;border-radius:1rem;margin-top:1rem;margin-left:1.2rem}.sidebar .workspaces-dropdown::-webkit-scrollbar{width:.25rem}.sidebar .workspaces-dropdown::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.sidebar .workspaces-dropdown::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.sidebar .workspaces-dropdown::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.sidebar .workspace-item{width:100%;padding:.75rem 1.2rem;background:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;border:none;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar .workspace-item:hover{background-color:hsla(0,0%,100%,.1)}.sidebar .workspace-item:last-child{border-bottom:none}.sidebar .workspace-info{display:flex;flex-direction:column;gap:.25rem}.sidebar .workspace-name{font-weight:700;font-size:1.1rem;color:#fff}.sidebar .workspace-role{font-size:.75rem;color:hsla(0,0%,100%,.7);text-transform:capitalize}.sidebar .no-workspaces{padding:1rem;text-align:center;color:hsla(0,0%,100%,.7);font-style:italic}.sidebar .search-container{position:relative;width:calc(100% - 2.4rem);margin:.5rem 1.2rem;transition:opacity .3s ease-out}.sidebar .search-container .search-form{width:100%}.sidebar .search-container .search-form.collapsed{display:none}.sidebar .search-container .search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.sidebar .search-container .search-input-wrapper .search-icon{width:1.2rem;height:1.2rem;margin-right:.75rem;opacity:.8;transition:opacity .2s ease}.sidebar .search-container .search-input-wrapper .search-input.input-search{flex:1;width:100%;max-width:100%;min-width:0;background-color:#eefff8;box-shadow:0 0 5px 0 rgba(0,0,0,.15);font-family:Inter,sans-serif}.sidebar .search-container .search-input-wrapper .search-loading{color:hsla(0,0%,100%,.7);font-size:1.2rem;margin-left:.5rem;animation:spin 1s linear infinite}.sidebar .search-container .search-results{position:absolute;width:400%;top:100%;left:0;right:0;background-color:#294d48;border-radius:1rem 1rem 1rem 1rem;box-shadow:0 0 10px 2px rgba(0,0,0,.15);z-index:1000;max-height:40rem;overflow-y:auto;margin-top:1rem;border:1px solid hsla(0,0%,100%,.1);border-top:none;z-index:9999}.sidebar .search-container .search-results::-webkit-scrollbar{width:.25rem}.sidebar .search-container .search-results::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.sidebar .search-container .search-results::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.sidebar .search-container .search-results::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.sidebar .search-container .search-section{border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar .search-container .search-section:last-child{border-bottom:none}.sidebar .search-container .search-section .search-section-title{padding:.75rem 1rem .5rem;font-size:1rem;font-weight:900;color:#ffafaf;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.sidebar .search-container .search-result-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;font-family:Inter,sans-serif}.sidebar .search-container .search-result-item:hover{background-color:hsla(0,0%,100%,.1);text-shadow:0 2px 2px rgba(0,0,0,.3)}.sidebar .search-container .search-result-item .result-icon{width:1.2rem;height:1.2rem;opacity:.8;flex-shrink:0;transition:filter .2s ease}.sidebar .search-container .search-result-item:hover .result-icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.sidebar .search-container .search-result-item .result-content{flex:1;min-width:0}.sidebar .search-container .search-result-item .result-title{font-weight:500;font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar .search-container .search-result-item .result-subtitle{font-size:.75rem;color:hsla(0,0%,100%,.7);margin-top:.25rem;font-style:italic}.sidebar .search-container .no-results{padding:1.5rem 1rem;text-align:center;color:hsla(0,0%,100%,.6);font-style:italic;font-size:.9rem;font-family:Inter,sans-serif}.sidebar.collapsed{flex-shrink:0;width:4.5rem;box-sizing:border-box;align-items:center;padding:1rem 0 0}.toggle-sidebar-burgeropen{text-align:center;padding:0}.toggle-sidebar-back.collapsed{text-align:end;padding:1rem 1rem 0}.toggle-sidebar-back.collapsed,.toggle-sidebar-burger.open{background:none!important;border:none;width:100%;cursor:pointer}.toggle-sidebar-back.open,.toggle-sidebar-burger.collapsed{display:none}.content-area{display:flex;flex-shrink:0;flex:1;padding:0}.right-side{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;gap:.25rem;overflow-x:auto}.navbar-container,.right-side{display:flex;min-width:0;width:100%}.navbar-container{flex-direction:row;box-shadow:2px 2px 4px 0 rgba(61,64,63,.25);border-radius:.5rem;overflow:visible}.nav-bar-left{justify-content:space-between}.nav-bar-left,.nav-bar-right{background-color:#2b8074;display:flex;align-items:center;padding:0 1rem;gap:1rem}.nav-bar-right{overflow:visible;position:relative}.navbar-group-right{flex:1;min-width:0}.navbar-group-left{border-right:1px solid #fff;width:-moz-fit-content;width:fit-content;min-width:250px}.navbar-view-selector{min-width:0;width:-moz-fit-content;width:fit-content;flex:0 0 auto}.navbar-view-selector__select{width:100%}.navbar-view-selector__select--plus.orchesia-select__trigger.input-select{width:2.4rem;min-width:2.4rem;height:2.4rem;min-height:2.4rem;border-radius:.5rem;padding:0 .35rem;justify-content:space-between;background:rgba(0,0,0,0);background-image:none;box-shadow:none!important;color:#fff;border:none!important;gap:.2rem}.navbar-view-selector__select--plus.orchesia-select__trigger.input-select:hover{background:hsla(0,0%,100%,.1)!important;border:none!important;box-shadow:none!important}.navbar-view-selector__select--plus .orchesia-select__value{display:none}.navbar-view-selector__select--plus:before{content:"";width:1.2rem;height:1.2rem;background:url(/images/liststyleicon.svg) 50%/contain no-repeat;filter:brightness(0) invert(1);transition:transform .2s ease}.navbar-view-selector__select--plus .orchesia-select__chevron{display:none}.navbar-view-selector__select--plus.is-open:before{transform:rotate(90deg)}.navbar-view-option{display:inline-flex;align-items:center;gap:.5rem}.navbar-view-option img{width:1rem;height:1rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0;filter:brightness(0) saturate(100%) invert(24%) sepia(6%) saturate(749%) hue-rotate(131deg) brightness(92%) contrast(89%)}.navbar-right-measure{position:absolute;visibility:hidden;pointer-events:none;height:0;overflow:hidden;white-space:nowrap}.navbar-top-tab-left,.navbar-top-tab-right{text-align:center;background-color:#294d48;color:#fff;font-size:1.2rem;font-weight:500;padding:.3rem 0}.navbar-top-tab-left{width:100%}.nav-btn{padding:.5rem .75rem 0;overflow:hidden;height:100%;border:none;background-color:rgba(0,0,0,0);cursor:pointer;color:#fff!important;font-size:1.2rem;font-weight:500;transition:all .2s ease;min-width:-moz-fit-content;min-width:fit-content;display:flex;flex-direction:column;align-items:center;gap:.4rem}.nav-btn img{width:1.8rem;height:1.8rem}.nav-btn .nav-btn-underline{height:.2rem;background-color:rgba(0,0,0,0);width:100%;border-radius:2px 2px 0 0;overflow:hidden;transform:scaleX(0);transition:transform .3s ease-in-out}.nav-btn .nav-btn-underline.active{background-color:#fff;transform:scaleX(1)}.nav-btn:hover{text-shadow:0 4px 3px #3d403f}.nav-btn:hover img{filter:drop-shadow(0 4px 3px #3d403f)}.nav-btn.active{text-shadow:0 4px 3px #3d403f}.nav-btn.active img{filter:drop-shadow(0 4px 3px #3d403f)}² .workspace{flex:1;padding:20px;overflow-y:auto}.logout-button{position:absolute;bottom:10px;right:10px;background-color:#e74c3c;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.avatar-container .avatar-text{min-width:0;max-width:8ch;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}@media(max-width:830px)and (orientation:portrait){.avatar-container .avatar-text{min-width:0;max-width:14ch;min-width:12ch!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}}@media(max-width:430px)and (orientation:portrait){.header{background-color:#fff;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;box-shadow:0 0 2px 0 #3d403f;flex-shrink:0;width:100%;box-sizing:border-box;min-width:0!important;gap:.45rem}.header-logo-wrap{gap:.35rem;flex:0 1 auto}.header-logo-img{width:7.8rem!important}.header-trial-badge{margin-left:0;padding:.32rem .5rem;font-size:.76rem;max-width:8.6rem;overflow:hidden;text-overflow:ellipsis}.header-center{display:none}.logo{font-size:1.5rem;font-weight:700}.logo img{width:9rem!important}.logo .beta-badge{display:none;font-size:1rem!important;min-width:8rem!important}.avatar-container{padding:.3rem .75rem .3rem .5rem;gap:.75rem;display:flex;align-items:center;cursor:pointer;background-color:#2b8074;border-top:none;border-left:none;border-right:none;box-shadow:inset 0 -2px 0 0 #3d403f;color:#fff;border-radius:1rem;font-weight:600;font-size:1rem}.avatar-container .avatar-text{min-width:0;max-width:14ch;min-width:12ch!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.avatar-container .avatar{width:2rem!important;height:2rem!important}.user-profile{flex-shrink:0;min-width:0;gap:.4rem}.user-profile .profile-pic{width:40px;height:40px;border-radius:50%}.main-layout{flex-direction:column-reverse;flex-shrink:0;flex:1;gap:1rem;width:100%}.main-layout,.sidebar{display:flex;box-sizing:border-box}.sidebar{flex-shrink:0;width:100%!important;padding-top:.75rem;padding-bottom:.75rem;background-color:#2b8074;color:#fff;transition:width .2s;gap:2.5rem;position:relative;border-radius:0 5px 0 0;box-shadow:2px 2px 4px 0 rgba(61,64,63,.25);flex-direction:row;justify-content:center}.sidebar .sidebar-btn.collapsed,.sidebar .sidebar-btn.open{background:none;border:none;width:-moz-fit-content!important;width:fit-content!important;color:#fff!important;font-family:Inter,noserif;font-size:1rem;white-space:nowrap;padding:0 0 0 1.2rem;display:flex!important;align-items:center;gap:.5rem}.search-container{display:none!important}.navbar-container,.toggle-sidebar-back.collapsed,.toggle-sidebar-back.open{display:none}.myspaces:after{display:none!important}.myspaces-container{position:relative;width:100%;display:none}.workspaces-dropdown{position:fixed;top:auto;bottom:4rem;left:50%;transform:translateX(-50%);width:90vw;max-width:400px;background-color:#1a5a52;border-radius:12px;box-shadow:0 -4px 12px rgba(0,0,0,.3);z-index:10000;max-height:60vh;min-height:200px;overflow-y:auto;border:1px solid hsla(0,0%,100%,.1)}.workspaces-dropdown::-webkit-scrollbar{width:6px}.workspaces-dropdown::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.workspaces-dropdown::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.workspaces-dropdown::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.workspace-item{width:100%;padding:1rem 1.5rem;background:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;border:none;border-bottom:1px solid hsla(0,0%,100%,.1)}.workspace-item:hover{background-color:hsla(0,0%,100%,.1)}.workspace-item:last-child{border-bottom:none}.workspace-info{display:flex;flex-direction:column;gap:.5rem}.workspace-name{font-weight:600;font-size:1rem;color:#fff}.workspace-role{font-size:.85rem;color:hsla(0,0%,100%,.7);text-transform:capitalize}.no-workspaces{padding:2rem 1.5rem;text-align:center;color:hsla(0,0%,100%,.7);font-style:italic;font-size:1rem}}