:root{--app-green:#0f7438;--app-green-dark:#09662f;--app-green-soft:#eaf5ef;--app-mint:#a8cdb8;--app-page:#eee;--app-text:#111;--app-muted:#7d7d7d;--app-danger:#df0b18;color:var(--app-text);background:#e9ece9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.mobile-viewport{display:grid;place-items: center;min-height:100vh;padding:20px}.mobile-frame{overflow:hidden;position:relative;background:#fff;border:1px solid #d9d9d9;border-radius:28px;width:min(100%,430px);max-width:430px;height:min(920px,100vh - 40px);min-height:720px;box-shadow:0 24px 80px #141e1829}.app-header{display:grid;grid-template-columns:48px 1fr 48px;position:relative;z-index:10;background:#fff;align-items: center;height:104px;padding:34px 22px 18px}.app-header h1{color:var(--app-text);text-align:center;margin:0;font-size:1.55rem;font-weight:800;line-height:1.1}.header-menu-button{color:var(--app-green);display:inline-flex;background:0 0;border:0;justify-content:center;align-items: center;width:44px;height:44px;padding:0}.header-alert{border-radius:999px;justify-self:end;width:28px;height:28px}.header-alert.visible{background:#f6413a}.screen-content{background:var(--app-page);overflow-y:auto;height:calc(100% - 194px)}.page-stack{min-height:100%;padding:14px 22px 104px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.menu-card{color:var(--app-green-dark);display:flex;text-align:center;background:#fff;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items: center;gap:18px;min-height:198px;padding:18px 12px;font-size:clamp(1.02rem,4.8vw,1.28rem);font-weight:500;line-height:1.34;box-shadow:0 10px 22px #0000001c}.menu-icon-badge{background:var(--app-green-soft);color:var(--app-green);display:inline-flex;border-radius:999px;justify-content:center;align-items: center;width:58px;height:58px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;z-index:20;background:#fff;border-top:1px solid #b9b9b9;align-items: center;height:90px;padding:10px 8px;bottom:0;left:0;right:0}.nav-item{color:var(--app-green);display:grid;text-decoration:none;border-radius:16px;place-items: center;gap:4px;height:70px;padding:8px 4px;font-size:.9rem;font-weight:800}.nav-item.active{background:var(--app-green);color:#fff;box-shadow:0 8px 18px #0f74384d}.login-page{display:flex;background:#fff;flex-direction:column;gap:24px;min-height:100%;padding:54px 28px 28px}.login-status,.drawer-status{display:flex;justify-content:center;align-items: center;gap:10px;font-size:1rem}.login-status strong,.drawer-status strong{background:#5b9977;border-radius:4px;padding:4px 14px;font-weight:500}.switch-pill{display:inline-block;background:#47b64e;border-radius:999px;width:52px;height:28px;box-shadow:inset -18px 0 #fff}.brand-lockup{color:#2f5f35;display:grid;grid-template-columns:1fr 48px 1fr;text-align:center;align-items: center;row-gap:8px;margin:52px 0 16px;font-family:Georgia,Times New Roman,serif;font-weight:800}.brand-lockup span{letter-spacing:1px;font-size:clamp(1.05rem,5vw,1.32rem)}.brand-lockup strong{color:#f2d039;display:inline-flex;text-shadow:3px 3px #111;justify-content:center;align-items: center;font-family:Georgia,Times New Roman,serif;font-size:2.65rem;line-height:1;transform:rotate(-2deg)}.brand-lockup small{grid-column:1/-1;font-size:1.32rem}.login-form{display:grid;gap:18px}.login-form label{color:#000;display:grid;gap:10px;font-size:1.05rem;font-weight:800}.login-form input{color:#111;background:#fff;border:1.5px solid #9e9e9e;border-radius:12px;width:100%;min-height:54px;padding:0 16px;font-size:1.08rem}.login-form input::placeholder{color:#787878}.password-field{position:relative}.password-field input{padding-right:50px}.password-field svg{color:#777;pointer-events:none;position:absolute;top:14px;right:16px}.primary-button{background:var(--app-green);color:#fff;border:0;border-radius:6px;min-height:58px;padding:0 18px;font-size:1.12rem;font-weight:800}.login-footer{display:grid;text-align:center;gap:10px;margin-top:auto}.login-footer p{margin:0;font-size:1rem}.login-footer span{color:#8a8a8a;font-size:1rem}.drawer-shell{opacity:0;pointer-events:none;position:absolute;z-index:30;transition:opacity .16s;inset:0}.drawer-shell.open{opacity:1;pointer-events:auto}.drawer-backdrop{position:absolute;background:#00000085;border:0;width:100%;padding:0;inset:0}.drawer-panel{display:grid;grid-template-rows:auto 1fr auto auto;position:absolute;background:#fff;width:82%;transition:transform .18s;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer-shell.open .drawer-panel{transform:translate(0)}.drawer-profile{background:var(--app-green);color:#fff;position:relative;min-height:220px;padding:60px 22px 28px}.drawer-close{color:#fff;display:inline-flex;position:absolute;background:0 0;border:0;justify-content:center;align-items: center;width:44px;height:44px;padding:0;top:34px;left:12px}.drawer-user-row{display:flex;align-items: center;gap:22px;margin-top:62px}.drawer-avatar{color:#cfcfcf;display:inline-flex;background:#f1f1f1;border:8px solid #e8e8e8;border-radius:999px;justify-content:center;align-items: center;width:92px;height:92px}.drawer-user-row h2{margin:0 0 8px;font-size:1.9rem;line-height:1.1}.drawer-user-row p{color:#ffffffad;margin:0;font-size:1.25rem}.drawer-menu{display:grid;gap:28px;padding:62px 24px}.drawer-menu button{color:#20202a;display:flex;background:0 0;border:0;align-items: center;gap:22px;padding:0;font-size:1.28rem}.drawer-menu button.danger{color:var(--app-danger)}.drawer-status{padding:0 18px 28px}.drawer-version{background:var(--app-mint);color:#fff;text-align:center;padding:14px 10px;font-size:1.12rem}.detail-panel,.profile-list{display:grid;background:#fff;border:1px solid #e1e6de;border-radius:8px;gap:18px;padding:18px}.profile-header{display:grid;text-align:center;place-items: center;gap:10px}.avatar{background:var(--app-green);color:#fff;display:inline-flex;border-radius:50%;flex:none;justify-content:center;align-items: center;width:48px;height:48px;font-weight:800}.avatar.large{width:76px;height:76px}@media (max-width:520px){.mobile-viewport{padding:0}.mobile-frame{border:0;border-radius:0;width:100%;max-width:none;height:100vh;min-height:100vh}}