body:has([data-ql-incident-banner]) .app-header{padding-top:12px}.app-header{padding:0 21px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);box-sizing:border-box;z-index:50;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:auto;min-height:58px;padding-bottom:12px;transition:transform .25s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:sticky;top:0}.app-header--hidden{border-bottom:none;height:0;min-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transform:translateY(-100%)}[data-theme=dark] .app-header{background-color:#2d2d2d;border-bottom:1px solid #3a3a3a}.header-left{align-items:center;gap:10px;display:flex}.logo{width:auto;height:27px}.app-name{color:#1e293b;font-size:18px;font-weight:600}[data-theme=dark] .app-name{color:#f9fafb}.header-right{align-items:center;display:flex}.user-btn{color:#fff;cursor:pointer;background-color:#ff00d3;border:none;border-radius:20px;padding:.5rem 1rem;font-size:1rem;transition:background-color .3s}.user-btn:hover{background-color:#e600bf}.user-icon{margin-right:8px}.menu-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:inline-flex}.menu-button:hover{background-color:#f1f5f9}[data-theme=dark] .menu-button:hover{background-color:#3a3a3a}@media (max-width:1024px){.menu-button{padding:6px}.app-header{height:auto;min-height:48px;padding:0 16px;padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:8px}body:has([data-ql-incident-banner]) .app-header{padding-top:8px}.app-header.app-header--hidden{border-bottom:none!important;height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}.logo{height:22px}.app-name{font-size:15px}.user-btn{border-radius:16px;padding:.4rem .8rem;font-size:.9rem}.user-icon{margin-right:6px}}.header .user-menu .MuiButton-root:hover{background-color:#f1f5f9}[data-theme=dark] .header .user-menu .MuiButton-root:hover{background-color:#3a3a3a}.header .MuiButton-root{color:#fff;text-transform:none;background-color:#ff00d3;border-radius:8px;padding:8px 16px;font-weight:600;transition:background-color .2s}.header .MuiButton-root:hover{background-color:#e600bf}.header .MuiButton-root.Mui-disabled{background-color:#fce7f3}
.dashboard-container{background-color:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:200px;height:100vh;display:flex}[data-theme=dark] .dashboard-container{background-color:#2d2d2d;border-right:1px solid #3a3a3a}[data-theme=dark] .dashboard-container.open,[data-theme=dark] .dashboard-container.open .sidebar,[data-theme=dark] .dashboard-container.open .sidebar *,[data-theme=dark] .dashboard-container.open .nav-link{pointer-events:auto!important}.dashboard-container.collapsed{border-right:none;width:0;overflow:hidden}[data-dashboard]{font-size:13px}.dashboard-container{width:200px}.sidebar{width:100%;padding:.5rem 1rem .5rem .9rem}.sidebar ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#475569;box-sizing:border-box;border-radius:7px;align-items:center;width:100%;margin-right:14px;padding:.85rem .6rem;font-size:1.1rem;font-weight:500;transition:all .2s;display:flex}[data-theme=dark] .nav-link{color:#d1d5db}.nav-link.active{color:#ff00d3;background-color:#fce7f3}[data-theme=dark] .nav-link.active{color:#ff00d3!important;background-color:#3a3a3a!important}.nav-link:hover{background-color:#f1f5f9}[data-theme=dark] .nav-link:hover{background-color:#3a3a3a}.content{background-color:#fff;flex-grow:1;padding:40px;overflow-y:auto}[data-theme=dark] .content{background-color:#1a1a1a}.nav-item{margin-right:10px}@media (max-width:1024px){.dashboard-container{z-index:40;pointer-events:auto;width:200px;height:100vh;transition:left .3s ease-in-out;position:absolute;top:0;bottom:0;left:-200px}.dashboard-container.open{pointer-events:auto;left:0}.dashboard-container.collapsed{pointer-events:none;left:-200px}.dashboard-container.open .sidebar,.dashboard-container.open .sidebar *{pointer-events:auto!important}.sidebar{padding:.75rem}.sidebar ul{gap:6px}.nav-link{border-radius:6px;padding:.6rem;font-size:.9rem}.nav-item{margin-right:12px}.content{padding:20px}}
@media (max-width:1024px){main.flex-1.overflow-hidden:not([data-create-options-page=true]){overflow-y:auto}main.flex-1[data-create-options-page=true]{min-height:0;max-height:100%;overflow:hidden!important}.flex.flex-1.overflow-hidden{position:relative}main.flex-1,.dashboard-container.collapsed~main.flex-1,main.flex-1 button,main.flex-1 label,main.flex-1 input,main.flex-1 .upload-button-styled,main.flex-1 .browse-button{pointer-events:auto!important}}main.flex-1{background-color:#f8fafc;flex-direction:column;min-height:0;display:flex}.dashboard-main-content{flex-direction:column;flex:1;min-height:0;animation:.2s ease-out dashboardPageFadeIn;display:flex}@keyframes dashboardPageFadeIn{0%{opacity:0}to{opacity:1}}main.flex-1[data-create-options-page=true]{-webkit-overflow-scrolling:auto;background-color:#fff;flex-direction:column;min-height:0;max-height:100%;display:flex;overflow:hidden!important}main.flex-1[data-create-options-page=true][data-onboarding-visible=true]{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}main.flex-1[data-create-options-page=true] .create-listing-options-container{flex:1 1 0;min-height:0;max-height:none}[data-theme=dark] main.flex-1,[data-theme=dark] main.flex-1[data-create-options-page=true]{background-color:#1a1a1a}:root{font-size:13px}html{font-size:13px!important}