html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{overflow-y:auto}.dashboard-container{width:100%;height:100vh;display:flex;overflow:hidden}.content-wrapper{flex-direction:column;flex:1;width:calc(100% - 8px);display:flex;position:relative;overflow:hidden}.main-content{flex:1;width:100%;margin-top:0;position:relative;overflow:hidden auto}@-moz-document url-prefix(){.content-wrapper{width:calc(100% - 17px)}}@supports (-webkit-overflow-scrolling:touch){.content-wrapper{width:100%}}@media (max-width:768px){.content-wrapper{width:100%}}.app-header{z-index:100;background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;min-height:64px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.app-header .left,.app-header .right{align-items:center;height:100%;display:flex}.app-header .right{margin-left:auto;padding-right:.5rem}.avatar-container{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.avatar-container:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.avatar-container img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.user-menu{z-index:101;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;width:256px;max-height:calc(100vh - 80px);margin-top:.5rem;animation:.2s ease-out fadeIn;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-progress-track{z-index:101;background:#f0f0f0;width:100%;height:4px;position:absolute;top:0;left:0}.header-progress-bar{z-index:101;background:#ffa400;width:0;height:4px;transition:width .3s;position:absolute;top:0;left:0}.qr-section{border-radius:.5rem;width:100%;max-width:100%;padding:1rem}.qr-section .top-12{z-index:50;position:sticky;top:80px}@media (max-width:768px){.dashboard-container{flex-direction:column}.mobile-sidebar-overlay{z-index:95;background-color:#00000080;display:none;position:fixed;inset:0}.mobile-sidebar-overlay.active{display:block}.app-header h2{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.user-menu{width:calc(100vw - 2rem);max-height:80vh;right:-1rem}.main-content,.qr-section{padding:.5rem}}.header-admin,.header-user{z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;min-height:64px;padding:0 1rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}