.dashboard-top-header{opacity:1;box-sizing:border-box;z-index:100;background:#1a1a1a no-repeat padding-box padding-box;border-radius:20px;justify-content:space-between;align-items:center;height:67px;padding:0 25px;display:flex;position:fixed;top:24px;left:315px;right:24px}.top-header-title{height:24px;font:normal normal bold 18px/25px var(--font-sans);letter-spacing:0;color:#fff;text-align:left;opacity:1;margin:0}.top-header-create-button{opacity:1;cursor:pointer;box-sizing:border-box;background:linear-gradient(270deg,#e13e85 0%,#7344e4 100%) no-repeat padding-box padding-box;border-radius:14px;justify-content:center;align-items:center;width:208px;height:43px;padding:0;transition:all .3s;display:flex;position:absolute;top:12px;right:212px}.top-header-create-button:hover{background:linear-gradient(270deg,#f14e95 0%,#8354f4 100%) no-repeat padding-box padding-box;transform:translateY(-2px);box-shadow:0 4px 12px #e13e854d}.top-header-create-button:active{transform:translateY(0);box-shadow:0 2px 6px #e13e8533}.top-header-create-button-text{white-space:nowrap;font:normal normal bold 14px/19px var(--font-sans);letter-spacing:0;color:#fff;text-align:center;opacity:1}.top-header-notification{opacity:1;cursor:pointer;background:#323232 no-repeat padding-box padding-box;border:1px solid #323232;border-radius:14px;justify-content:center;align-items:center;width:43px;height:43px;transition:background .2s;display:flex}.top-header-notification:hover{background:#3a3a3a}.top-header-notification-icon{width:15px;height:18px}.top-header-menu{opacity:1;cursor:pointer;box-sizing:border-box;background:#323232 no-repeat padding-box padding-box;border:1px solid #323232;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;width:auto;min-width:133px;max-width:240px;height:43px;padding:0 12px;transition:background .2s;display:flex}.top-header-menu.active,.top-header-menu:hover{background:#3a3a3a}.top-header-menu-avatar{object-fit:cover;border-radius:8px;flex-shrink:0;width:30px;height:30px}.top-header-menu-username{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:normal normal medium 14px/19px var(--font-sans);letter-spacing:0;color:#fff;text-align:left;opacity:1;flex:1;overflow:hidden}.top-header-menu-arrow{flex-shrink:0;width:11px;height:7px;transition:transform .2s}.top-header-menu.active .top-header-menu-arrow,.top-header-menu:hover .top-header-menu-arrow{transform:rotate(180deg)}@media (max-width:1024px){.dashboard-top-header{padding:0 20px;left:272px;right:16px}.top-header-create-button{width:180px;right:190px}.top-header-notification{width:40px;height:40px}.top-header-menu{width:auto;min-width:120px;max-width:200px;height:40px;padding:0 10px;right:10px}.top-header-menu-avatar{width:28px;height:28px}.top-header-title{font:normal normal bold 16px/23px var(--font-sans)}}@media (max-width:768px){.dashboard-top-header{border-radius:0;height:60px;padding:0 16px;top:0;left:0;right:0}.top-header-title{font:normal normal bold 14px/20px var(--font-sans)}.top-header-create-button{width:160px;height:36px;top:12px;right:115px}.top-header-create-button-text{font:normal normal bold 12px/17px var(--font-sans);width:auto}.top-header-notification{width:36px;height:36px}.top-header-notification-icon{width:13px;height:16px}.top-header-menu{gap:6px;width:auto;min-width:0;max-width:none;height:36px;padding:0 8px;right:8px}.top-header-menu-avatar{width:24px;height:24px}.top-header-menu-username{font:normal normal medium 12px/17px var(--font-sans)}.top-header-menu-arrow{width:9px;height:6px}.dashboard-top-header{gap:8px;padding-left:68px}.top-header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;height:auto;overflow:hidden}.top-header-actions{flex-shrink:0;gap:6px!important}.top-header-menu{width:auto}.top-header-menu-username{display:none}.top-header-page-action:not(:empty){right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;filter:drop-shadow(0 6px 14px #1a1a1a40);display:flex;position:fixed}}.top-header-page-action{display:contents}@media (max-width:480px){.dashboard-top-header{padding-right:12px}.top-header-notification{border-radius:12px;width:34px;height:34px}}
