.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--tg-theme-bg-color, #ffffff);border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0);position:sticky;top:0;z-index:100}.header-avatar{background:none;border:none;cursor:pointer;padding:0}.avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--tg-theme-button-color, #3390ec);display:flex;align-items:center;justify-content:center;transition:opacity .2s}.avatar-icon{width:20px;height:20px;color:var(--tg-theme-button-text-color, #ffffff)}.header-avatar:active .avatar-circle{opacity:.7}.how-it-works-button{flex:1;margin:0 12px;padding:8px 16px;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.how-it-works-button:active{opacity:.8}.language-switcher{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s;border-radius:4px}.language-switcher svg{width:24px;height:18px;border-radius:2px}.language-switcher:active{transform:scale(.95)}.configuration-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;margin-bottom:12px}.config-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--tg-theme-bg-color, #ffffff);border-radius:8px;flex-shrink:0}.config-icon svg{width:32px;height:32px}.config-info{flex:1;display:flex;flex-direction:column;gap:4px}.config-name{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.config-rate{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.config-controls{display:flex;align-items:center;gap:8px}.quantity-btn{width:32px;height:32px;border:1px solid var(--tg-theme-hint-color, #e0e0e0);background:var(--tg-theme-bg-color, #ffffff);border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.quantity-btn:active{opacity:.7;transform:scale(.95)}.quantity-input{width:50px;height:32px;border:1px solid var(--tg-theme-hint-color, #e0e0e0);background:var(--tg-theme-bg-color, #ffffff);border-radius:6px;text-align:center;font-size:14px;font-weight:500}.quantity-input:focus{outline:none;border-color:var(--tg-theme-button-color, #3390ec)}.main-page{flex:1;display:flex;flex-direction:column}.main-content{flex:1;padding:16px;overflow-y:auto}.summary{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.summary-row:last-child{margin-bottom:0}.summary-row span:first-child{color:var(--tg-theme-hint-color, #999999)}.summary-row span:last-child{font-weight:600;color:var(--tg-theme-text-color, #000000)}.payment-buttons{display:flex;gap:12px}.pay-button{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.pay-button:active{opacity:.8}.pay-ton{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff)}.pay-stars{background:var(--tg-theme-secondary-bg-color, #f5f5f5);color:var(--tg-theme-text-color, #000000);border:1px solid var(--tg-theme-hint-color, #e0e0e0)}.calculator-page{flex:1;display:flex;flex-direction:column}.calculator-content{flex:1;padding:16px;overflow-y:auto}.configurations-list{margin-bottom:24px}.income-section{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:16px}.income-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.income-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.income-item{background:var(--tg-theme-bg-color, #ffffff);border-radius:8px;padding:12px;text-align:center}.income-value{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000000);margin-bottom:4px}.income-label{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.price-summary{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.price-row span:first-child{color:var(--tg-theme-hint-color, #999999)}.price-row span:last-child{font-weight:600;color:var(--tg-theme-text-color, #000000)}.how-it-works-page{flex:1;display:flex;flex-direction:column}.how-it-works-content{flex:1;padding:24px 16px;overflow-y:auto;line-height:1.6;color:var(--tg-theme-text-color, #000000)}.how-it-works-content h2{font-size:24px;font-weight:600;margin-bottom:16px}.how-it-works-content h3{font-size:18px;font-weight:600;margin-top:24px;margin-bottom:12px}.how-it-works-content p{font-size:14px;margin-bottom:12px}.how-it-works-content ul{margin-left:20px;margin-bottom:16px}.how-it-works-content li{font-size:14px;margin-bottom:8px}.how-it-works-content strong{font-weight:600}.profile-page{flex:1;display:flex;flex-direction:column}.profile-content{flex:1;padding:24px 16px;overflow-y:auto}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--tg-theme-button-color, #3390ec);display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.profile-avatar-icon{width:40px;height:40px;color:var(--tg-theme-button-text-color, #ffffff)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.profile-section{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:16px}.section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--tg-theme-text-color, #000000)}.referral-info{display:flex;flex-direction:column;gap:12px}.referral-text{font-size:14px;color:var(--tg-theme-hint-color, #999999);margin:0}.referral-link-container{display:flex;gap:8px}.referral-link-input{flex:1;padding:10px 12px;border:1px solid var(--tg-theme-hint-color, #e0e0e0);border-radius:8px;background:var(--tg-theme-bg-color, #ffffff);font-size:12px;color:var(--tg-theme-text-color, #000000)}.copy-button{padding:10px 16px;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.copy-button:active{opacity:.8}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.stats-row:first-child{padding-top:0}.stats-row:last-child{padding-bottom:0}.stats-row span:first-child{color:var(--tg-theme-hint-color, #999999)}.stats-row span:last-child{font-weight:600;color:var(--tg-theme-text-color, #000000)}.withdraw-info{font-size:14px;color:var(--tg-theme-hint-color, #999999);margin:0;text-align:center}.configs-summary{display:flex;flex-direction:column;gap:8px}.summary-title{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.summary-income{font-size:14px;color:var(--tg-theme-hint-color, #999999)}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tg-theme-bg-color, #ffffff);border-top:1px solid var(--tg-theme-hint-color, #e0e0e0);padding:8px 0;z-index:1000;box-shadow:0 -2px 10px #0000000d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:8px;cursor:pointer;transition:opacity .2s}.nav-item:active{opacity:.7}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--tg-theme-hint-color, #999999)}.nav-item.active .nav-icon{color:var(--tg-theme-button-color, #3390ec)}.nav-label{font-size:11px;color:var(--tg-theme-hint-color, #999999)}.nav-item.active .nav-label{color:var(--tg-theme-button-color, #3390ec);font-weight:500}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}
