.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#172012fa;border-top:1px solid #435135;box-shadow:0 -8px 24px #05090544}
.bottom-nav button{width:100%;min-width:0;min-height:60px;gap:4px;justify-content:center;padding:3px;border-radius:14px;color:#afbea0}
.bottom-nav button .nav-symbol{display:grid;place-items:center;width:46px;height:32px;border-radius:12px;transition:background .15s,color .15s}
.bottom-nav button .nav-label{font-size:12px;font-weight:650;line-height:1.4}
.bottom-nav .icon{display:block;width:24px;height:24px;stroke-width:2}
.bottom-nav button.active{color:#d3fa89}
.bottom-nav button.active .nav-symbol{background:#c7f75a;color:#233519}
.bottom-nav button.active:before{display:none}
.page-content{padding-bottom:calc(120px + env(safe-area-inset-bottom));min-width:0}
.account-page .page-title{margin-bottom:25px}
.account-page .page-title .eyebrow{font-size:10px;letter-spacing:1.5px}
.account-page .page-title h1{font-size:30px;line-height:1.2;overflow-wrap:anywhere}
.account-page .page-title p{font-size:14px;line-height:1.65;color:#aab99b}
.state-card{padding:27px 20px 28px;border:1px solid #405433;border-radius:24px;background:radial-gradient(ellipse at top,#354c234d,transparent 70%),#1b2616}
.state-card .state-art{display:grid;place-items:center;margin:0 auto 15px;width:112px;height:112px;background:#33482755;border-radius:32px}
.state-card .state-art .service-art{width:98px;height:98px}
.state-card .state-art img{width:98px;height:98px;object-fit:contain}
.state-card h3{font-size:22px;line-height:1.3;margin-bottom:12px;color:#eff5e7}
.state-card p{font-size:14px;line-height:1.8;color:#adbea0;margin-bottom:23px}
.state-card .primary,.state-card .secondary{width:100%;font-size:14px;min-height:50px;justify-content:center}
.promo-state{background:radial-gradient(ellipse at top,#6d568c35,transparent 70%),#20221e;border-color:#4b4a50}
.promo-state .state-art{background:#a88fcc22}
.page-tip{display:flex;align-items:flex-start;gap:10px;padding:17px 4px;color:#a0b191}
.page-tip>.icon{width:20px;height:20px;color:#c6dba9;margin-top:2px}
.page-tip p{font-size:13px;line-height:1.75}
.page-loading{font-size:14px;color:#afbea0;padding:24px 0}
.account-page .profile-card{padding:25px 18px;background:radial-gradient(ellipse at top,#40552d66,transparent 75%),#1c2517;border-radius:24px}
.account-page .avatar.large{width:66px;height:66px;font-size:28px;background:#d7f6a4;color:#253c16;border:5px solid #3f542b;margin-bottom:15px}
.account-page .profile-card h2{font-size:24px;line-height:1.35;overflow-wrap:anywhere}
.account-page .profile-card p{font-size:14px;line-height:1.7;overflow-wrap:anywhere;color:#b0c49e;margin:7px 0 17px}
.account-page .badge{font-size:10px;letter-spacing:1px;padding:7px 10px}
.account-page .profile-balance{margin:15px 0 21px;padding:19px 17px;border:1px solid #394b2d;border-radius:17px;background:#24321c;gap:12px;flex-wrap:wrap;font-size:14px}
.account-page .profile-balance>span{display:flex;align-items:center;gap:9px}
.account-page .profile-balance strong{font-size:24px;overflow-wrap:anywhere;max-width:100%}
.profile-menu{border:1px solid #394a2e;border-radius:19px;overflow:hidden;background:#1a2316}
.account-page .profile-row{display:flex;min-height:81px;padding:15px 13px;gap:11px;border-top:1px solid #35452b}
.account-page .profile-row:first-child{border-top:0}
.menu-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:40px;border-radius:12px;background:#304326;color:#d1efa8}
.profile-row .menu-symbol>.icon{width:22px;height:22px;margin:0;color:inherit}
.profile-row>span:nth-child(2){min-width:0;flex:1}
.profile-row strong{display:block;font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.profile-row small{display:block;margin-top:3px;font-size:12px;color:#a1b690;line-height:1.6}
.profile-row>.icon:last-child{width:18px;height:18px;flex-shrink:0;margin:0}
.account-page .logout{min-height:52px;font-size:15px;margin-top:23px;justify-content:center;background:#30241e;border-color:#624739;color:#ffc1af}
.account-page .page-footer{font-size:9px;line-height:1.8}
.account-page .order{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px 0}
.account-page .order-icon{padding:8px;height:36px}
.account-page .order h3{font-size:15px;overflow-wrap:anywhere;line-height:1.4}
.account-page .order p,.account-page .order small{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.account-page .order>strong{grid-column:2;font-size:15px;margin-left:0}
.account-page .order-status{font-size:11px;line-height:1.5}
.app-header .header-actions{gap:8px}
.app-header .icon-btn,.app-header .avatar{min-width:42px;min-height:42px}
dialog{overflow-y:auto;overscroll-behavior:contain}
dialog>p{font-size:14px;overflow-wrap:anywhere}
dialog .close{min-width:44px;min-height:44px}
@media(max-width:359px){.app-header{padding-left:14px;padding-right:14px}.app-header .header-actions{gap:3px}.account-page .page-title h1{font-size:27px}.profile-row strong{font-size:13px}.profile-row small{font-size:12px}.account-page .profile-row{gap:9px;padding-left:11px;padding-right:11px}}