@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--tg-theme-bg-color:#000;--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:var(--tg-theme-secondary-bg-color,#1c1c1e);--surface-elevated:#2c2c2e;--surface-border:#ffffff14;--surface-hover:#ffffff0a;--accent-color:#0a84ff;--accent-gradient:linear-gradient(135deg, #0a84ff, #30b0ff);--accent-soft:#0a84ff1f;--color-success:#30d158;--color-success-soft:#30d1581f;--color-warning:#ffd60a;--color-warning-soft:#ffd60a1f;--color-error:#ff453a;--color-error-soft:#ff453a1f;--color-info:#64d2ff;--color-info-soft:#64d2ff1f;--color-purple:#bf5af2;--color-purple-soft:#bf5af21f;--color-orange:#ff9f0a;--color-orange-soft:#ff9f0a1f;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--shadow-card:0 2px 12px #0000004d;--shadow-elevated:0 8px 32px #0006;--bottom-nav-height:64px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-spring:.4s cubic-bezier(.16, 1, .3, 1)}*,: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}a{color:inherit;text-decoration:none}.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-glass-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-elevated);padding:32px 24px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.auth-glass-card.error{background:#ff3b300d;border:1px solid #ff3b3033;box-shadow:0 16px 40px #ff3b301a}.auth-error-icon{background:var(--color-error-soft);width:56px;height:56px;color:var(--color-error);border-radius:var(--radius-full);justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;animation:2s infinite pulseError;display:flex}.access-denied-icon{width:64px;height:64px;color:var(--color-error);border-radius:var(--radius-full);background:linear-gradient(135deg,#ff453a26,#ff9f0a26);justify-content:center;align-items:center;margin:0 auto 20px;animation:2s infinite pulseError;display:flex}.access-denied-hint{color:var(--tg-theme-hint-color);border-radius:var(--radius-md);background:#ffffff0a;margin-top:16px;padding:12px 16px;font-size:13px;line-height:1.5}.auth-title{color:var(--tg-theme-text-color);margin-bottom:12px;font-size:20px;font-weight:700}.auth-title.error{color:var(--color-error)}.auth-description{color:var(--tg-theme-hint-color);margin-bottom:24px;font-size:15px;line-height:1.5}.auth-loader-wrapper{width:64px;height:64px;margin:0 auto 24px;position:relative}.auth-loader-ring{border-radius:var(--radius-full);border:3px solid #0a84ff1a;width:100%;height:100%;position:absolute}.auth-loader-spin{border-radius:var(--radius-full);border:3px solid #0000;border-top-color:var(--accent-color);border-right-color:var(--accent-color);filter:drop-shadow(0 0 8px #0a84ff80);width:100%;height:100%;animation:1s linear infinite spin;position:absolute}.main-container{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)}.page{padding:var(--space-lg);padding-bottom:var(--space-lg);animation:.3s fadeIn}.page-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);padding-top:var(--space-xl);z-index:50;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--surface-border);background:#141416bf;display:flex;position:sticky;top:0}.page-header-back{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--surface-border);width:36px;height:36px;color:var(--tg-theme-text-color);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header-back:active{background:var(--surface-elevated);transform:scale(.92)}.page-header-title{letter-spacing:-.3px;flex:1;font-size:20px;font-weight:700}.page-header-actions{gap:var(--space-sm);display:flex}.bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--surface-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;background:#1c1c1eeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{padding:var(--space-sm) var(--space-lg);color:var(--tg-theme-hint-color);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent-color)}.bottom-nav-item .nav-icon{width:24px;height:24px;transition:transform var(--transition-spring)}.bottom-nav-item.active .nav-icon{transform:scale(1.1)}.bottom-nav-item:before{content:"";background:var(--accent-color);width:24px;height:2px;transition:transform var(--transition-spring);border-radius:0 0 2px 2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)scaleX(0)}.bottom-nav-item.active:before{transform:translate(-50%)scaleX(1)}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast);cursor:pointer}.card:active{background:var(--surface-elevated);transform:scale(.98)}.card-row{align-items:center;gap:var(--space-md);display:flex}.card-avatar{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.card-avatar.blue{background:var(--accent-soft);color:var(--accent-color)}.card-avatar.green{background:var(--color-success-soft);color:var(--color-success)}.card-avatar.purple{background:var(--color-purple-soft);color:var(--color-purple)}.card-avatar.orange{background:var(--color-orange-soft);color:var(--color-orange)}.card-body{flex:1;min-width:0}.card-title{color:var(--tg-theme-text-color);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.card-subtitle{color:var(--tg-theme-hint-color);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.card-chevron{color:var(--tg-theme-hint-color);opacity:.5;flex-shrink:0}.card-list{gap:var(--space-md);flex-direction:column;display:flex}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.stat-card:active{transform:scale(.97)}.stat-card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card-icon.blue{background:var(--accent-soft);color:var(--accent-color)}.stat-card-icon.green{background:var(--color-success-soft);color:var(--color-success)}.stat-card-icon.purple{background:var(--color-purple-soft);color:var(--color-purple)}.stat-card-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.stat-card-icon.red{background:var(--color-error-soft);color:var(--color-error)}.stat-card-icon.info{background:var(--color-info-soft);color:var(--color-info)}.stat-card-label{color:var(--tg-theme-hint-color);font-size:12px;font-weight:500}.stat-card-value{letter-spacing:-.5px;font-size:22px;font-weight:700}.badge{align-items:center;gap:var(--space-xs);white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.active,.badge.paid{background:var(--color-success-soft);color:var(--color-success)}.badge.inactive,.badge.cancelled,.badge.expired{background:var(--color-error-soft);color:var(--color-error)}.badge.pending,.badge.new{background:var(--color-warning-soft);color:var(--color-warning)}.badge.info,.badge.refunded{background:var(--color-info-soft);color:var(--color-info)}.badge.error{background:var(--color-error-soft);color:var(--color-error)}.badge-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.detail-section{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.detail-section-title{color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-lg) var(--space-lg) var(--space-sm);font-size:13px;font-weight:600}.detail-row{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:44px;display:flex}.detail-row+.detail-row{border-top:1px solid var(--surface-border)}.detail-row-label{color:var(--tg-theme-hint-color);flex-shrink:0;font-size:14px}.detail-row-value{color:var(--tg-theme-text-color);text-align:right;word-break:break-word;font-size:14px;font-weight:500}.detail-row-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:13px}.detail-row-value a{color:var(--tg-theme-link-color,#3390ec);text-decoration:none;transition:opacity .2s}.detail-row-value a:active{opacity:.7}.detail-row-value a:hover{text-underline-offset:3px;-webkit-text-decoration:underline #3390ec80;text-decoration:underline #3390ec80}.id-row{padding:var(--space-md) var(--space-lg);flex-direction:column;gap:8px;display:flex}.id-row-header{justify-content:space-between;align-items:center;display:flex}.id-row-actions{gap:12px;display:flex}.id-action-btn{color:var(--tg-theme-hint-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,color .2s;display:flex}.id-action-btn:active{opacity:.6}.id-action-btn:hover{color:var(--tg-theme-text-color)}.id-row-value{color:var(--tg-theme-text-color);word-break:break-all;background:#0003;border-radius:12px;padding:12px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.light .id-row-value{background:#0000000d}.detail-hero{padding:var(--space-2xl) var(--space-lg);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.detail-hero-avatar{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.detail-hero-name{font-size:22px;font-weight:700}.detail-hero-sub{color:var(--tg-theme-hint-color);font-size:14px}.tabs{gap:var(--space-sm);padding:0 var(--space-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:var(--space-lg);display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-sm) var(--space-lg);white-space:nowrap;background:var(--surface);color:var(--tg-theme-hint-color);border:1px solid var(--surface-border);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:100px;font-size:13px;font-weight:600}.tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tab:active{transform:scale(.95)}.empty-state{padding:var(--space-3xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex}.empty-state-icon{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:64px;height:64px;color:var(--tg-theme-hint-color);margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}.empty-state-title{margin-bottom:var(--space-sm);font-size:17px;font-weight:600}.empty-state-text{color:var(--tg-theme-hint-color);max-width:260px;font-size:14px}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-elevated) 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-card{border-radius:var(--radius-lg);width:100%;height:72px}.skeleton-text{width:60%;height:14px}.skeleton-text.short{width:40%}.skeleton-text.full{width:100%}.skeleton-avatar{border-radius:var(--radius-md);width:44px;height:44px}.menu-list{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.menu-item{align-items:center;gap:var(--space-md);padding:var(--space-lg);color:var(--tg-theme-text-color);transition:background var(--transition-fast);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;font-size:15px;font-weight:500;display:flex}.menu-item:active{background:var(--surface-hover)}.menu-item+.menu-item{border-top:1px solid var(--surface-border)}.menu-item-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.menu-item-body{flex:1}.menu-item-label{font-size:15px;font-weight:500}.menu-item-hint{color:var(--tg-theme-hint-color);margin-top:1px;font-size:13px}.menu-item-chevron{color:var(--tg-theme-hint-color);opacity:.4}.filter-row{gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-lg);scrollbar-width:none;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;background:var(--surface);color:var(--tg-theme-hint-color);border:1px solid var(--surface-border);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:100px;padding:6px 14px;font-size:13px;font-weight:500}.filter-chip.active{background:var(--accent-soft);color:var(--accent-color);border-color:#0a84ff4d}.filter-chip:active{transform:scale(.95)}.spinner{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.spinner-ring{border:3px solid var(--surface-border);border-top-color:var(--accent-color);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite spin}.dashboard-greeting{padding:var(--space-xl) 0 var(--space-sm)}.dashboard-greeting-sub{color:var(--tg-theme-hint-color);margin-bottom:var(--space-xs);font-size:14px}.dashboard-greeting-name{letter-spacing:-.5px;font-size:26px;font-weight:700}.dashboard-section-title{color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-xl) 0 var(--space-sm);font-size:13px;font-weight:600}.quick-actions{gap:var(--space-md);flex-direction:column;padding:0;display:flex}.market-logo{border-radius:var(--radius-md);object-fit:cover;background:var(--surface-elevated);width:44px;height:44px}.tab-content{padding:0 var(--space-lg);animation:.2s fadeIn}.bill-amount{font-family:SF Mono,Fira Code,monospace;font-size:14px;font-weight:700}.bill-amount.positive{color:var(--color-success)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseError{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 16px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:0;height:0}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-label{color:var(--tg-theme-text-color);font-size:14px;font-weight:500}.form-input,.form-select{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);width:100%;color:var(--tg-theme-text-color);outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-color)}.form-input::placeholder{color:var(--tg-theme-hint-color)}.checkbox-label{cursor:pointer;color:var(--tg-theme-text-color);align-items:center;gap:12px;font-size:15px;display:flex}.checkbox-input{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-color)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-border);color:var(--tg-theme-text-color)}.text-center{text-align:center}.text-right{text-align:right}.flex-1{flex:1}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}