:root,body,#root{background-color:#fdfcfb;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;justify-content:center!important;align-items:center!important;display:flex!important}:root{--nh-orange:#f97316;--bg-white:#fff;--text-main:#1a1a1a;--text-muted:#8e8e93;--text-on-orange:#fff;--font-main:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Roboto", "Helvetica Neue", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html,#root{width:100%;height:100%;font-family:var(--font-main);background-color:var(--bg-white);color:var(--text-main);position:fixed;overflow:hidden}.app-shell{flex-direction:column;width:100%;height:100dvh;display:flex}.main-content{flex:1;width:100%;padding-bottom:2rem;overflow-y:auto}.inner-container{width:100%;max-width:480px;margin:0 auto;padding:0 1.5rem}.side-nav{z-index:3000;background:#fff;width:280px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:10px 0 30px #0000001a}.side-nav.open{transform:translate(280px)}.side-nav-content{flex-direction:column;justify-content:space-between;height:100%;padding:3rem 1.5rem 2rem;display:flex}.nav-brand{color:var(--nh-orange);margin-bottom:2.5rem;font-size:1.8rem;font-weight:800}.nav-items{flex-direction:column;gap:.5rem;display:flex}.nav-link{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:.8rem;padding:1rem;font-size:1.1rem;font-weight:600}.nav-link:active{background:#f2f2f7}.nav-logout-btn{color:#ff3b30;cursor:pointer;background:#fff0eb;border:none;border-radius:1rem;padding:1.2rem;font-size:1.1rem;font-weight:700}.nav-overlay{z-index:2500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.top-hero-block{background-color:var(--nh-orange);color:var(--text-on-orange);width:100%;padding-top:env(safe-area-inset-top,10px);border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem;padding-bottom:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-top:1.5rem;display:flex}.page-header h1{letter-spacing:-.05em;font-size:2.2rem;font-weight:800}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:44px;height:44px;display:flex}.hamburger-line{background:#fff;border-radius:2px;width:24px;height:3px}.hamburger-line:nth-child(2){width:18px}.hero-content{align-items:center;gap:1.5rem;display:flex}.profile-progress-container{flex-shrink:0;width:100px;height:100px;position:relative}.profile-pic-placeholder{color:#fff;z-index:2;background:#ffffff26;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.4rem;font-weight:800;display:flex;position:absolute;top:10px;left:10px}.progress-ring{z-index:3;position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-circle-bg{stroke:#fff3}.progress-ring-circle-fill{stroke:#fff;transition:stroke-dasharray .8s ease-out}.hero-details{flex-direction:column;display:flex}.label-hero{opacity:.9;text-transform:uppercase;font-size:.9rem;font-weight:700}.hero-value{margin:.1rem 0;font-size:3.2rem;font-weight:800;line-height:1}.hero-subtext{opacity:.9;font-size:1.1rem;font-weight:600}.bottom-body-block{padding-top:2rem}.label-body{margin-bottom:1rem;font-size:1.2rem;font-weight:800}.half-widgets-container{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem;display:grid}.rect-widget{background:#f9fafb;border:1px solid #e5e5ea;border-radius:1.2rem;flex-direction:row;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1rem;transition:transform .2s;display:flex}.rect-widget:active{transform:scale(.96)}.sq-icon{font-size:1.4rem}.sq-text{color:var(--text-main);font-size:1rem;font-weight:700}.log-form,.login-form{flex-direction:column;gap:1rem;display:flex}input{width:100%;font-size:1.2rem;font-family:var(--font-main);background:#fff;border:1px solid #e5e5ea;border-radius:1.2rem;padding:1.2rem}input:focus{border-color:var(--nh-orange);outline:none}.btn-primary-block{background:var(--nh-orange);color:#fff;border:none;border-radius:1.2rem;width:100%;padding:1.2rem;font-size:1.2rem;font-weight:700;box-shadow:0 8px 20px #f9731640}.login-wrapper{z-index:2000;background:#fff;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.login-card{text-align:center;width:100%;max-width:400px}.login-logo{border-radius:22px;width:90px;height:90px;margin:0 auto 1.5rem}.login-title{margin-bottom:2rem;font-size:2.2rem;font-weight:800}.password-input-wrapper{width:100%;position:relative}.eye-toggle{cursor:pointer;background:0 0;border:none;font-size:1.4rem;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}@media screen and (width<=768px){input{font-size:16px!important}}