@media screen{
html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{overflow-x:clip}img,video,canvas{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{max-width:100%;min-width:0}button,.btn{min-height:36px}
body.app-body .app-shell{display:grid!important;grid-template-columns:228px minmax(0,1fr)!important;min-height:100vh!important;align-items:start!important;padding:0!important}
body.app-body #sidebar{position:sticky!important;top:0!important;inset:auto!important;grid-column:1;grid-row:1;width:228px!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;padding:16px 12px!important;background:#fff!important;transform:none!important;z-index:60!important}
body.app-body .app-shell>.main-area{grid-column:2;grid-row:1;margin:0!important;width:100%!important;min-width:0!important;padding:0!important}
body.app-body .main-topbar{height:auto!important;min-height:64px!important;padding:10px 16px!important;gap:10px!important;position:sticky!important;top:0!important;z-index:50!important;background:white!important}
body.app-body .page-content{padding:18px!important;max-width:1500px!important;margin:0 auto!important;width:100%!important;min-width:0!important}
body.app-body :is(.card,.panel,.table-card){padding:15px!important;border-radius:12px!important;min-width:0!important;max-width:100%!important}
body.app-body :is(.page-head,.page-heading,.table-toolbar,.table-tools){gap:10px!important;flex-wrap:wrap!important}body.app-body h1{font-size:clamp(21px,2.3vw,28px)!important;line-height:1.25!important}body.app-body h2{font-size:18px!important}body.app-body .official-logo{width:34px!important;height:44px!important;object-fit:contain!important}.side-nav a{padding:9px 10px!important;font-size:13px!important}.user-chip strong{overflow-wrap:anywhere}.user-chip .avatar-circle{width:34px!important;height:34px!important}
body.app-body [class$="-bottom-nav"],body.app-body .mw-more-sheet{display:none!important}body.app-body .mobile-menu{display:none!important}
body.app-body :is(.table-wrap,.table-responsive){overflow:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch}body.app-body table{font-size:13px!important}body.app-body th,body.app-body td{padding:9px 10px!important;vertical-align:middle!important}
body.app-body :is(.grid2,.grid3,.form-grid,.detail-grid,.dashboard-grid,.tracking-grid,.profile-editor-grid,.profile-data-grid,.report-form-grid,.stats-grid,.quick-grid){gap:12px!important;min-width:0!important}body.app-body :is(.modal-card,.tracking-detail-modal-card,.app-dialog-panel,.media-viewer-card){max-width:calc(100vw - 24px)!important;max-height:90vh!important;max-height:90dvh!important;overflow:auto!important}
@media(max-width:1000px){
body.app-body .app-shell{display:block!important;min-height:0!important}body.app-body #sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(290px,85vw)!important;height:100vh!important;height:100dvh!important;transform:translateX(-105%)!important;visibility:hidden!important;z-index:1000!important;grid-row:auto!important}body.app-body #sidebar.open{transform:none!important;visibility:visible!important}body.app-body .sidebar-overlay.show{position:fixed!important;inset:0!important;background:#142a4566!important;z-index:990!important;display:block!important}
body.app-body .mobile-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important}.main-topbar .search-pill,.main-topbar .pwa-install-top{display:none!important}body.app-body .main-topbar{min-height:58px!important;padding:9px 12px!important}.topbar-left,.topbar-right{min-width:0!important;gap:8px!important}.user-chip{min-width:0!important}.user-chip strong{font-size:12px!important}.user-chip span{font-size:10px!important}.topbar-logout span{display:none!important}
body.app-body .page-content{padding:12px!important}body.app-body .main-area{margin:0!important;padding:0!important}body.app-body :is(.dashboard-grid,.tracking-grid,.profile-editor-grid,.report-form-grid){grid-template-columns:1fr!important}
}
@media(max-width:640px){
body.app-body :is(.grid2,.grid3,.form-grid,.detail-grid,.profile-data-grid,.readonly-grid,.pwa-guide-grid,.pwa-account-grid){grid-template-columns:minmax(0,1fr)!important}body.app-body :is(.stats-grid,.quick-grid,.tracking-photo-grid,.shift-progress-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}body.app-body :is(.card,.panel,.table-card){padding:12px!important}body.app-body input,body.app-body select,body.app-body textarea{font-size:16px!important}body.app-body :is(.form-actions,.action-row,.filter-row){flex-wrap:wrap!important;gap:8px!important}body.app-body .modal-card{width:calc(100vw - 24px)!important;padding:14px!important}.login-wrap{width:100%!important;max-width:440px!important;margin:0 auto!important;display:block!important}.login-shell{padding:18px 12px!important;min-height:100vh!important}.login-visual{display:none!important}.login-form{padding:22px 18px!important}.login-form h2{font-size:25px!important}
}
@media(max-width:360px){body.app-body :is(.stats-grid,.quick-grid){grid-template-columns:1fr!important}.user-chip .avatar-circle{display:none!important}}
}

@media screen{
body.app-body #sidebar .sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;min-height:0!important;height:auto!important;margin:0 0 14px!important;padding:8px!important;opacity:1!important}
body.app-body #sidebar .brand-copy{display:block!important;visibility:visible!important;opacity:1!important;color:#243d57!important}
body.app-body #sidebar .brand-copy strong,body.app-body #sidebar .brand-copy span,body.app-body #sidebar .brand-copy small{display:block!important;color:#243d57!important;font-size:12px!important;line-height:1.5!important;opacity:1!important;visibility:visible!important}
body.app-body #sidebar .side-nav{display:flex!important;flex-direction:column!important;gap:4px!important;height:auto!important;min-height:0!important;overflow:visible!important;opacity:1!important;visibility:visible!important;margin:0!important;padding:0!important}
body.app-body #sidebar .side-nav a,body.app-body #sidebar .side-nav a:not(.active){display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;opacity:1!important;visibility:visible!important;width:100%!important;max-width:none!important;height:auto!important;min-height:40px!important;margin:0!important;padding:10px 12px!important;color:#344b63!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;font-size:13px!important}
body.app-body #sidebar .side-nav a span{display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important;white-space:normal!important;line-height:1.4!important}
body.app-body #sidebar .side-nav a .ui-icon{display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important;opacity:1!important;color:inherit!important}
body.app-body #sidebar .side-nav a.active{background:#eaf2fb!important;color:#204e7c!important;font-weight:700!important}
body.app-body #sidebar .sidebar-footer{display:block!important;color:#687a8d!important;padding:14px 10px!important;font-size:11px!important;opacity:1!important}
.nav-close-v6{display:none}
@media(max-width:1000px){body.app-body #sidebar{overflow:auto!important;padding:12px!important;overscroll-behavior:contain!important}body.app-body #sidebar .nav-close-v6{display:block!important;position:relative!important;margin:0 0 10px auto!important;border:1px solid #dbe5ef!important;background:#f4f7fb!important;color:#243d57!important;border-radius:8px!important;padding:8px 13px!important;font-size:13px!important;min-height:38px!important}}
}

@media screen and (max-width:1000px){body.app-body #sidebar .sidebar-brand{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:4px 8px 12px!important;margin-bottom:8px!important}body.app-body #sidebar .sidebar-brand .brand-copy{display:none!important}body.app-body #sidebar .sidebar-brand .official-logo{display:block!important;width:32px!important;height:42px!important;object-fit:contain!important}body.app-body #sidebar .nav-close-v6{display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;width:44px!important;height:44px!important;min-height:44px!important;color:#344b63!important;font-size:30px!important;font-weight:400!important;line-height:1!important;cursor:pointer}body.app-body #sidebar .nav-close-v6:focus-visible{outline:2px solid #245d91!important;outline-offset:2px!important}}