@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg: #080b0f;--bg1: #0e1318;--bg2: #141c23;--bg3: #1c2630;--accent: #c8a050;--accent2: #e8b860;--teal: #2a7a6a;--teal2: #38a088;--red: #c04428;--white: #f0ece4;--mid: #8a8070;--light: #c4bdb0;--border: #2a3340;--gold: #c8a050;--sidebar-w: 200px;--sidebar-collapsed: 56px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--white);font-family:Crimson Pro,serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}input,textarea,select{font-family:Crimson Pro,serif}button{cursor:pointer;font-family:Crimson Pro,serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999;flex-direction:column;gap:20px}@media (max-width: 768px){.app-layout{flex-direction:column!important}.app-main{padding:16px 14px 80px!important;max-height:none!important;overflow-y:auto!important}.card-grid-4{grid-template-columns:1fr 1fr!important}.card-grid-3,.card-grid-2,.session-grid,.session-detail-grid,.profile-grid{grid-template-columns:1fr!important}.tabs-row{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs-row button{white-space:nowrap}.stats-grid{grid-template-columns:1fr 1fr!important}.hide-mobile{display:none!important}.btn-mobile-full{width:100%!important}.client-header{flex-wrap:wrap;gap:10px!important}.client-header-progress{min-width:unset!important;width:100%!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.media-grid{grid-template-columns:repeat(2,1fr)!important}.compare-grid{grid-template-columns:1fr!important}.section-title{font-size:22px!important}.scale-buttons{gap:3px!important}.scale-btn{width:28px!important;height:28px!important;font-size:11px!important}.floating-note{right:10px!important;left:10px!important;max-width:none!important}.modal-inner{width:100%!important;max-width:100%!important;max-height:100vh!important;border-radius:0!important;padding:20px 16px!important}}.mobile-nav{display:none}@media (max-width: 768px){.desktop-sidebar{display:none!important}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg1);border-top:1px solid var(--border);z-index:100;padding:8px 0 env(safe-area-inset-bottom,8px)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;background:none;border:none;cursor:pointer;transition:all .15s}.mobile-nav-icon{font-size:18px;opacity:.5;transition:all .15s}.mobile-nav-label{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--mid);transition:all .15s}.mobile-nav-item.active .mobile-nav-icon{opacity:1}.mobile-nav-item.active .mobile-nav-label{color:var(--accent)}}@media (max-width: 768px){.mobile-logout{display:block!important}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.session-detail-grid{grid-template-columns:1fr!important}}@media (min-width: 769px){.mobile-only{display:none!important}}input[type=date]{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){input[type=date]{font-size:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none}}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}.app-main{padding-top:max(32px,calc(var(--sat) + 16px))!important;padding-bottom:max(16px,calc(var(--sab) + 16px))!important}@media (max-width: 768px){.app-main{padding-top:max(16px,calc(var(--sat) + 12px))!important;padding-bottom:max(80px,calc(var(--sab) + 70px))!important;padding-left:max(14px,calc(var(--sal) + 10px))!important;padding-right:max(14px,calc(var(--sar) + 10px))!important}.mobile-nav{padding-bottom:max(8px,calc(var(--sab) + 6px))!important}}