.app-window{border-radius:var(--product-surface-radius);corner-shape:superellipse(var(--squircle-factor));width:100%;position:relative;overflow:clip}.app-window-surface{height:var(--app-window-height,560px);border-radius:inherit;corner-shape:inherit;display:flex;overflow:clip;container-type:inline-size}.app-window-rail{background-color:var(--rail-background);flex-direction:column;flex-shrink:0;justify-content:space-between;padding-left:10px;padding-right:10px;display:flex}.app-window-logo{flex-direction:column;justify-content:center;align-items:center;width:32px;height:40px;padding-top:4px;display:flex}.app-window-logomark{color:var(--icon-color-logomark)}.app-window-nav{flex-direction:column;gap:4px;padding-bottom:10px;display:flex}.app-window-nav-item{border-radius:8px;align-items:center;padding:4px;font-size:12px;display:flex;position:relative}.app-window-nav-icon{width:24px;height:24px;color:var(--icon-color-nav);border-radius:6px;justify-content:center;align-items:center;display:flex}.app-window-nav-icon .icon{font-size:14px}.app-window-nav-icon.is-active{color:var(--icon-color-nav-active);background:var(--background-color-icon-active)}.app-window-rail-divider{border-top:1px solid var(--border-color-main);margin-top:20px;margin-bottom:20px;display:block}.app-window-column{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{background-color:var(--background-color-shell);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 14px 0 10px;display:flex}.app-topbar-left{flex:1;min-width:0}.app-tabbar{align-items:center;gap:2px;min-width:0;display:flex}.app-tabbar-icon-btn{width:24px;height:24px;color:var(--icon-color-nav);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-tabbar-icon-btn .icon{font-size:13px}.app-tabbar-icon-btn.is-disabled{opacity:.3}.app-tabbar-tabs{flex:1;align-items:center;gap:6px;min-width:0;margin-left:6px;display:flex;overflow:hidden}.app-tabbar-tab{border:1px solid var(--border-color-main);min-width:0;max-width:160px;height:26px;color:var(--icon-color-nav);border-radius:7px;flex:160px;align-items:center;gap:5px;padding:0 8px;font-size:11px;line-height:1;display:flex;position:relative}.app-tabbar-tab.is-active{background-color:var(--background-color-app);color:var(--text-color-primary);box-shadow:var(--background-depth-button)}[data-theme=atlas-shadow] .app-tabbar-tab.is-active{background-color:#252729}.app-tabbar-tab .icon{flex-shrink:0;font-size:12px}.app-tabbar-tab-label{white-space:nowrap;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000 100%)}.app-tabbar-tab.is-active .app-tabbar-tab-label{font-weight:500}.app-tabbar-tab-close{z-index:2;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.app-tabbar-tab-close .icon{color:var(--icon-color-nav);font-size:9px}.app-topbar-right{align-items:center;gap:10px;display:flex}.app-topbar-divider{border-right:1px solid var(--border-color-main);height:20px}.app-topbar-icon{width:26px;height:26px;color:var(--icon-color-nav);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.app-topbar-icon .icon{font-size:14px}.app-topbar-clock{color:var(--icon-color-nav);white-space:nowrap;font-size:11px;line-height:11px}.app-topbar-avatar{corner-shape:round;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;overflow:hidden}.app-topbar-avatar img{object-fit:cover;width:100%;height:100%}.app-window-main{border-left:1px solid var(--border-color-main);border-top:1px solid var(--border-color-main);min-height:0;box-shadow:var(--background-depth-app);background-color:var(--background-color-app);border-top-left-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden}@media (max-width:1024px){.app-window-surface{height:var(--app-window-height-md,var(--app-window-height,560px))}.app-topbar{padding-right:10px}.app-topbar-right{gap:7px}.app-tabbar-tab{flex-basis:148px;max-width:148px}}@media (max-width:900px){.app-topbar-clock,.app-topbar-divider{display:none}}@media (max-width:760px){.app-window-rail{display:none}.app-window-main{border-left:none;border-top-left-radius:0}.app-topbar-right{display:none}}@media (max-width:640px){.app-window-surface{height:var(--app-window-height-sm,var(--app-window-height-md,460px))}.app-topbar{padding:0 10px}.app-tabbar-tab{flex-basis:148px;max-width:148px}}@media (max-width:420px){.app-topbar{height:36px;padding-inline:8px}.app-tabbar-icon-btn{display:none}.app-tabbar-tabs{margin-left:0}.app-tabbar-tab{flex-basis:136px;max-width:136px}}