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