@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--tg-theme-bg-color:#0f0f13;--tg-theme-secondary-bg-color:#1c1c1e;--tg-theme-text-color:#fff;--tg-theme-hint-color:#8e8e93;--tg-theme-link-color:#0a84ff;--tg-theme-button-color:#0a84ff;--tg-theme-button-text-color:#fff;--surface:#1c1c1eb3;--surface-solid:#1c1c1e;--surface-border:#ffffff1a;--surface-hover:#ffffff0d;--accent-color:#0a84ff;--accent-gradient:linear-gradient(135deg, #0a84ff, #30b0ff);--success:#34c759;--danger:#ff3b30;--warning:#fc0;--radius-lg:24px;--radius-md:16px;--radius-sm:12px}*,:before,:after{box-sizing:border-box}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);padding:0;padding-top:var(--tg-safe-area-inset-top);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex;position:relative}h1,h2,h3{letter-spacing:-.5px;margin:0;font-weight:600}p{color:var(--tg-theme-hint-color);margin:0;line-height:1.5}button{cursor:pointer;border:none;outline:none;font-family:inherit}.page-container{flex-direction:column;flex:1;gap:24px;padding:20px;animation:.4s ease-out fadeIn;display:flex}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #0003}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-label{color:var(--tg-theme-hint-color);font-size:14px;font-weight:500}.input-field{border:1px solid var(--surface-border);color:var(--tg-theme-text-color);border-radius:var(--radius-md);background:#0000004d;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s,background .2s}.input-field:focus{border-color:var(--accent-color);background:#00000080;outline:none}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);text-align:center;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 4px 12px #0a84ff4d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-hover);color:var(--tg-theme-text-color);border-radius:var(--radius-md);padding:14px 20px;font-size:15px;font-weight:500;transition:background .2s}.balance-card{text-align:center;background:linear-gradient(145deg,#1c1c1ee6,#0a84ff1a);padding:32px 24px}.balance-label{color:var(--tg-theme-hint-color);margin-bottom:8px;font-size:15px}.balance-amount{background:linear-gradient(90deg,#fff,#a0d2ff);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:40px;font-weight:700}.quick-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.action-btn{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--tg-theme-text-color);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.action-btn:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn .icon-wrapper{width:48px;height:48px;color:var(--accent-color);background:#0a84ff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.action-btn.primary-action .icon-wrapper{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #0a84ff4d}.premium-stats-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=480px){.premium-stats-grid{grid-template-columns:1fr 1fr}}.premium-stat-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.premium-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.blue{color:#0a84ff;background:#0a84ff26;box-shadow:0 4px 12px #0a84ff33}.stat-icon-wrapper.purple{color:#bf5af2;background:#bf5af226;box-shadow:0 4px 12px #bf5af233}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-info .stat-label{color:var(--tg-theme-hint-color);font-size:13px;font-weight:500}.stat-info .stat-value{color:var(--tg-theme-text-color);align-items:baseline;gap:4px;font-size:24px;font-weight:700;display:flex}.stat-info .stat-unit{color:var(--tg-theme-hint-color);font-size:14px;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.flex-row{align-items:center;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.text-center{text-align:center}.referral-header{text-align:center;padding:8px 0 16px}.referral-header h2{background:linear-gradient(135deg,#fff,#a0d2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:24px}.referral-header p{font-size:14px;line-height:1.4}.link-card-header{color:var(--tg-theme-text-color);font-size:15px;font-weight:600}.unified-input-group{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#0000004d;align-items:stretch;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.unified-input-group:focus-within{border-color:var(--accent-color);background:#00000080}.unified-input{color:var(--tg-theme-text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 16px;font-size:15px}.unified-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 20px;transition:opacity .2s;display:flex}.unified-btn:active{opacity:.8}.unified-btn:disabled{opacity:.5;cursor:not-allowed}.section-title{color:var(--tg-theme-text-color);margin:4px 0 12px;font-size:17px}.instructions-card{padding:20px}.instructions-intro{color:var(--tg-theme-text-color);font-size:15px;line-height:1.5}.instructions-intro strong{color:var(--accent-color)}.feature-item{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.feature-item:last-child{margin-bottom:0}.feature-icon{width:40px;height:40px;color:var(--accent-color);background:#0a84ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-text{flex-direction:column;gap:4px;display:flex}.feature-text strong{color:var(--tg-theme-text-color);font-size:15px}.feature-text span{color:var(--tg-theme-hint-color);font-size:14px;line-height:1.4}.instructions-tip{border-radius:var(--radius-sm);background:#ffcc001a;border:1px solid #fc03;padding:16px}.instructions-tip p{color:var(--warning);margin:0;font-size:14px}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--surface-border);height:70px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;background:#1c1c1ed9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{color:var(--tg-theme-hint-color);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.bottom-nav .nav-item.active{color:var(--accent-color)}.page-content-wrapper{flex-direction:column;flex:1;padding-bottom:90px;display:flex}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.pending{color:var(--warning);background:#ffcc0026}.status-badge.approved{color:var(--success);background:#34c75926}.status-badge.rejected{color:var(--danger);background:#ff3b3026}.auth-container{background:var(--tg-theme-bg-color);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.auth-loader-wrapper{width:64px;height:64px;margin:0 auto 24px;position:relative}.auth-loader-ring{border:3px solid #0a84ff1a;border-radius:50%;width:100%;height:100%;position:absolute}.auth-loader-spin{border:3px solid #0000;border-top-color:var(--accent-color);border-right-color:var(--accent-color);filter:drop-shadow(0 0 8px #0a84ff80);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}