.header{background:var(--dark-bg);border-bottom:1px solid var(--border-color);height:80px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;margin:0 auto;max-width:480px;width:100%}.user-info{align-items:center;display:flex;gap:10px}.user-avatar{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.user-avatar img{height:100%;object-fit:cover;width:100%}.level-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.level-text{color:#fff;font-family:var(--font-family);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b3;white-space:nowrap}.level-text .level{color:#fff}.level-text .level-title{color:#4fc3f7}.level-text .global-rank{color:gold;font-size:12px;font-weight:700}.xp-bar-container{display:flex;flex-direction:column;gap:4px;position:relative;width:100%}.xp-bar{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:4px;height:8px;overflow:hidden;width:100%}.xp-progress{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;height:100%;transition:width .3s ease}.xp-text{align-items:center;bottom:-18px;color:#fff;display:flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:2px;position:absolute;right:0;text-shadow:0 1px 2px #000000b3;white-space:nowrap}.xp-text .current-xp{color:#4fc3f7;font-weight:700}.xp-text .total-xp{color:gold;font-weight:700}.xp-text .next-level-xp{color:#ffffffb3;font-weight:500}.right-section{gap:8px}.diamond-counter,.right-section{align-items:center;display:flex;flex-shrink:0}.diamond-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;gap:6px;padding:4px 8px}.diamond-counter img{height:16px;width:16px}.diamond-amount{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.ton-wallet-status{align-items:center;background:none;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:11px;font-weight:500;height:32px;justify-content:center;overflow:hidden;padding:6px;position:relative;transition:all .2s ease;width:32px}.ton-wallet-status:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.ton-wallet-status:hover:before{left:100%}.ton-wallet-status.connected{background:#08c3;border:1px solid #08c6;color:#08c}.ton-wallet-status.disconnected{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.ton-wallet-status.connecting{background:#4c84ff1a;border:1px solid #4c84ff4d;color:#4c84ff}.ton-wallet-status:hover:not(:disabled){box-shadow:0 2px 8px #0003;transform:scale(1.05)}.ton-wallet-status:active:not(:disabled){transform:scale(.98)}.ton-wallet-status:disabled{cursor:not-allowed;opacity:.7;transform:none}.ton-wallet-icon{align-items:center;display:flex;justify-content:center;position:relative}.ton-icon{font-feature-settings:normal;display:inline-block;font-size:16px;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;transition:transform .2s ease}.ton-wallet-status:hover .ton-icon{transform:rotate(15deg)}.ton-wallet-status.connected .ton-icon{color:#08c}.ton-wallet-status.disconnected .ton-icon{color:#ffc107}.ton-wallet-status.connecting .ton-icon{animation:pulse-icon 1.5s ease-in-out infinite;color:#4c84ff}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.connecting-spinner{animation:spin 1s linear infinite;color:currentColor;font-size:10px;position:absolute;right:-2px;top:-2px}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--card-bg) 25%,var(--border-color) 50%,var(--card-bg) 75%);background-size:200% 100%;border-radius:4px}.user-avatar.skeleton{border-radius:50%;height:50px;width:50px}.level-text.skeleton{height:14px;width:60px}.xp-bar.skeleton{height:8px;width:120px}.diamond-counter.skeleton{border-radius:20px;height:36px;width:80px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:450px){.header{padding:0 12px}.right-section{gap:6px}.diamond-counter{gap:4px;padding:3px 6px}.diamond-counter img{height:14px;width:14px}.diamond-amount{font-size:12px}.ton-wallet-status{height:28px;padding:4px;width:28px}.ton-icon{font-size:14px}.connecting-spinner{font-size:8px}}@media (max-width:380px){.header{padding:0 10px}.user-info{gap:6px}.user-avatar{height:40px;width:40px}.level-text{font-size:11px}.xp-bar{height:6px;max-width:120px;min-width:80px}.xp-text{font-size:9px}.right-section{gap:4px}.diamond-counter{gap:3px;padding:2px 4px}.diamond-counter img{height:12px;width:12px}.diamond-amount{font-size:11px}.ton-wallet-status{height:24px;padding:3px;width:24px}.ton-icon{font-size:12px}.connecting-spinner{font-size:6px}}.loading-screen{align-items:center;background:var(--dark-bg);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{max-width:300px;padding:40px 20px;text-align:center}.loading-logo{align-items:center;animation:pulse 2s infinite;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:120px;justify-content:center;margin-bottom:30px;width:120px}.loading-title{color:var(--text-color);font-family:var(--font-family);font-size:28px;font-weight:700;margin-bottom:10px}.loading-subtitle{color:var(--secondary-text);font-family:var(--font-family);font-size:16px;margin-bottom:30px}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);height:40px;margin:0 auto;width:40px}.loader-progress{margin-top:20px;width:100%}.progress-bar{background-color:#ffffff1a;height:4px;width:100%}.progress-fill{animation:progress 2s infinite;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:100%}.error-icon{animation:shake 1s ease-in-out;font-size:64px;margin-bottom:20px}.error-title{color:#ff6b6b;font-size:24px;font-weight:700;margin-bottom:15px}.error-message,.error-title{font-family:var(--font-family)}.error-message{color:var(--text-color);font-size:16px;line-height:1.5;margin-bottom:20px}.telegram-help{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;margin:20px 0;padding:15px}.telegram-help p{color:var(--text-color);font-family:var(--font-family);font-size:14px;margin:5px 0}.retry-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bottom-navigation{background:var(--dark-bg);border-radius:0!important;border-top:1px solid var(--border-color);bottom:0;height:64px;left:0;max-width:100vw;overflow-x:auto;position:fixed;right:0;width:100vw;z-index:1000}.bottom-navigation,.nav-container{align-items:center;display:flex;padding:0}.nav-container{justify-content:space-between;margin:0 auto;width:100%}.nav-item{border-radius:12px;cursor:pointer;flex:1 1;flex-direction:column;font-size:11px;min-width:0;padding:6px 0 2px;text-align:center;transition:all .2s ease;white-space:nowrap}.nav-icon,.nav-item{align-items:center;display:flex;justify-content:center}.nav-icon{height:24px;margin-bottom:2px;width:24px}.nav-icon img{height:100%;object-fit:contain;transition:transform .2s ease;width:100%}.nav-label{color:var(--secondary-text);font-family:var(--font-family);font-size:10px;font-weight:500;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}@media (max-width:700px){.bottom-navigation{border-radius:0!important;height:56px;left:0;max-width:100vw;transform:none}.nav-icon{height:22px;width:22px}.nav-label{font-size:9px}}@media (max-width:480px){.bottom-navigation{border-radius:0!important;height:52px}.nav-icon{height:20px;width:20px}.nav-label{font-size:8px}}@media (max-width:380px){.nav-item{padding:4px 0 1px}.nav-icon{height:18px;width:18px}.nav-label{font-size:7px}}.nav-item{overflow:hidden;position:relative}.nav-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.nav-item:active:before{left:100%}.nav-item:hover .nav-icon img{transform:scale(1.1)}.nav-item:hover .nav-label{color:#f97316}.nav-item.active .nav-label{color:#f97316;font-weight:600}.nav-item.active .nav-icon img{transform:scale(1.05)}.toast-notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4c84fff2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 24px #4c84ff2e;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;max-width:400px;min-width:280px;opacity:0;padding:16px 20px;position:fixed;right:20px;transform:translateX(100%) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.toast-notification.visible{opacity:1;transform:translateX(0) scale(1)}.toast-notification.exiting{opacity:0;transform:translateX(100%) scale(.8)}.notification-content{align-items:flex-start;display:flex;gap:10px;position:relative}.notification-icon{flex-shrink:0;font-size:16px;margin-top:1px}.notification-message{word-wrap:break-word;flex:1 1;line-height:1.4}.notification-progress{background:#fff3;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.progress-bar{animation:progressCountdown linear;background:#fffc;border-radius:2px;height:100%;transform-origin:left}@keyframes progressCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;opacity:.7;padding:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:24px}.toast-close:hover{background:#ffffff1a;opacity:1}.toast-success{background:linear-gradient(135deg,#4cff8b,#6bff73);box-shadow:0 4px 24px #4cff8b4d;color:#1a1a1a}.toast-error{background:linear-gradient(135deg,#ff4c4c,#ff6b73);box-shadow:0 4px 24px #ff4c4c4d;color:#fff}.toast-warning{background:linear-gradient(135deg,#ffd84c,#ffb84c);box-shadow:0 4px 24px #ffd84c4d;color:#1a1a1a}.toast-info{background:linear-gradient(135deg,#4c84ff,#6b73ff);box-shadow:0 4px 24px #4c84ff4d;color:#fff}.toast-notification.support{animation:supportPulse 2s ease-in-out infinite;border:2px solid gold}@keyframes supportPulse{0%,to{box-shadow:0 4px 24px #ffd7004d}50%{box-shadow:0 4px 32px #ffd70080}}.toast-notification.support .notification-icon{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.toast-success .progress-bar{background:#1a1a1a4d}.toast-error .progress-bar{background:#ffffffe6}.toast-warning .progress-bar{background:#1a1a1a4d}.toast-info .progress-bar{background:#fffc}.notification-container{pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.notification-container .toast-notification{margin-bottom:10px;pointer-events:auto}@media (max-width:480px){.toast-notification{left:20px;max-width:none;min-width:auto;right:20px;transform:translateY(-100%) scale(.9)}.toast-notification.visible{transform:translateY(0) scale(1)}.toast-notification.exiting{transform:translateY(-100%) scale(.9)}.notification-content{gap:8px}.notification-icon{font-size:14px}.notification-message{font-size:13px}}@media (prefers-contrast:high){.toast-notification{-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid}.progress-bar{background:currentColor}}@media (prefers-reduced-motion:reduce){.toast-notification{transition:opacity .2s ease}.progress-bar,.toast-notification.support,.toast-notification.support .notification-icon{animation:none}}.dashboard-tab{padding:2.5rem 2rem 2rem}.dashboard-tab h2{color:#222;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-card{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;padding:2rem 1.5rem;transition:box-shadow .18s}.dashboard-card:hover{box-shadow:0 4px 24px #7b61ff21}.card-title{color:#888;font-size:1.05rem;margin-bottom:.7rem}.card-value{color:#7b61ff;font-size:2.1rem;font-weight:700}.exchange-page{background:linear-gradient(135deg,#0a0e1a,#1a1f2e);color:#fff;min-height:100vh}.exchange-header{padding:16px 20px 0}.page-title{color:#fff;font-size:24px;margin:0 0 20px}.exchange-content{padding:0 20px}.tab-btn{align-items:center;background:#1a1f2e;color:#8b95a1;display:flex;gap:8px;justify-content:center}.tab-btn:hover{background:#232938}.market-panels{margin-top:20px}.error-message{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:16px;padding:12px}.loading-message{color:#8b95a1}.empty-listings{padding:40px;text-align:center}.empty-listings h4{color:#fff;margin-bottom:8px}.empty-listings p{color:#8b95a1;font-size:14px}.listings-container{display:flex;flex-direction:column;gap:12px}.listing-card{background:linear-gradient(135deg,#1a1f2e,#232938);border:1px solid #2a3441;border-radius:12px;padding:16px;transition:all .2s ease}.listing-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.listing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.listing-seller{color:#fff;font-size:16px;font-weight:600}.listing-time{color:#8b95a1;font-size:12px}.listing-amount{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:8px}.listing-price{color:#8b95a1;font-size:14px;gap:4px}.listing-price,.listing-total{align-items:center;display:flex;margin-bottom:12px}.listing-total{background:#3b82f61a;border-radius:8px;justify-content:space-between;padding:8px 12px}.listing-actions{display:flex;gap:8px}.buy-btn,.cancel-btn{flex:1 1}.buy-btn{background:#10b981}.buy-btn:hover{background:#059669}.buy-btn:disabled{background:#374151;color:#6b7280;cursor:not-allowed}.cancel-btn{background:#ef4444}.cancel-btn:hover{background:#dc2626}.create-listing-form{background:#151c28;border-radius:16px;box-shadow:0 2px 12px #0003;margin-bottom:24px;padding:24px}.section-title{color:#2196f3;font-weight:700;margin-bottom:20px}.form-input{background:#181f2e;border:1px solid #222;border-radius:8px;color:#fff;font-size:16px;margin-bottom:8px;padding:12px;width:100%}.form-input:focus{border-color:#3b82f6;outline:none}.trade-btn{background:#1de782;border:none;border-radius:12px;box-shadow:0 2px 12px #1de78254;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:8px;margin-top:8px;padding:18px 0;transition:all .2s ease;width:100%}.trade-btn:hover{background:#16a085;transform:translateY(-1px)}.trade-btn:disabled{background:#333;cursor:not-allowed;transform:none}.resource-type-tab{align-items:center;background:#181f2e;border:none;border-radius:10px;color:#aaa;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 0;transition:all .2s ease}.resource-type-tab.active,.toast{color:#fff}.toast{border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:600;max-width:300px;min-width:200px;opacity:0;padding:12px 20px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease-in-out;z-index:1000}.toast.visible{opacity:1;transform:translateX(0)}.toast.hidden{opacity:0;transform:translateX(100%)}.toast.success{background:#10b981}.toast.error{background:#ef4444}.toast.info{background:#3b82f6}.exchange-container{display:flex;flex-direction:column;gap:20px}.market-stats-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.market-title{color:var(--text-color);font-family:var(--font-family);font-size:20px;font-weight:600;margin:0 0 15px;text-align:center}.market-stats{display:flex;gap:10px;margin-bottom:20px}.stat-box{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;flex:1 1;padding:12px;text-align:center}.stat-label{display:block;margin-bottom:4px}.user-resources{display:flex;gap:10px}.resource-item{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:8px;justify-content:center;padding:12px}.resource-icon{font-size:18px}.resource-amount{color:var(--text-color);font-family:var(--font-family);font-size:14px;font-weight:600}.exchange-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:2px}.exchange-tab-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--secondary-text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-family);font-size:12px;font-weight:500;gap:4px;min-width:100px;padding:12px 8px;transition:all .2s ease;white-space:nowrap}.exchange-tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.exchange-tab-btn:hover:not(.active){background:var(--border-color);color:var(--text-color)}.tab-icon{font-size:16px}.tab-label{font-size:10px}.market-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:80px;padding:20px}.market-header{margin-bottom:20px}.market-controls{display:flex;gap:12px;margin-top:15px}.search-container{flex:2 1}.search-input{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:var(--font-family);font-size:14px;padding:10px 12px;width:100%}.search-input::placeholder{color:var(--secondary-text)}.sort-container{flex:1 1}.sort-select{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:var(--font-family);font-size:14px;padding:10px 12px;width:100%}.listings-grid{display:flex;flex-direction:column;gap:12px}.listing-card.my-listing{border-color:var(--warning-color)}.listing-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.listing-amount,.listing-price,.listing-status,.listing-total{align-items:center;display:flex;justify-content:space-between}.amount-label,.price-label,.status-label,.total-label{color:var(--secondary-text);font-family:var(--font-family);font-size:13px}.amount-value,.price-value,.status-value,.total-value{color:var(--text-color);font-family:var(--font-family);font-size:13px;font-weight:600}.buy-btn,.cancel-btn{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.buy-btn{background:var(--success-color);color:#fff}.buy-btn:hover{background:#27ae60;transform:translateY(-1px)}.cancel-btn{background:var(--error-color);color:#fff}.cancel-btn:hover{background:#c0392b;transform:translateY(-1px)}.floating-sell-btn{align-items:center;background:#10b981;border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 20px #10b98166;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px;height:50px;justify-content:center;left:20px;position:fixed;transition:all .2s ease;width:50px;z-index:1000}.floating-sell-btn:hover{background:#059669;transform:scale(1.05)}@media (max-width:450px){.exchange-tabs{gap:4px}.exchange-tab-btn{min-width:80px;padding:10px 6px}.tab-icon{font-size:14px}.tab-label{font-size:9px}.market-controls,.market-stats,.user-resources{flex-direction:column;gap:8px}.floating-sell-btn{bottom:80px;font-size:10px;height:40px;left:15px;width:40px}.sell-btn{padding:10px 16px}.sell-icon{font-size:16px}.sell-text{font-size:12px}}@media (max-width:350px){.exchange-tab-btn{min-width:70px;padding:8px 4px}.market-content{padding:15px}.listing-card{padding:12px}.sell-btn{padding:8px 12px}}.equipment-card-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.equipment-card-container.active{border-color:var(--success-color);box-shadow:0 4px 16px #2ecc714d}.equipment-card-container.inactive{opacity:.8}.equipment-image-section{background:var(--dark-bg);border-bottom:1px solid var(--border-color);flex-direction:column;height:380px;width:100%}.equipment-image-container,.equipment-image-section{align-items:center;display:flex;justify-content:center;position:relative}.equipment-image-container{height:280px;margin-bottom:15px;width:280px}.equipment-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));max-height:100%;max-width:100%;object-fit:contain}.equipment-title{color:var(--primary-color);font-family:var(--font-family);font-size:20px;font-weight:600;margin:0;text-align:center}.equipment-stats-section{background:var(--card-bg);padding:20px;width:100%}.stat-label{color:var(--secondary-text);font-size:14px}.stat-value{font-size:14px;font-weight:600}.equipment-actions-section{background:var(--card-bg);border-top:1px solid var(--border-color);padding:20px;width:100%}.action-buttons-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease}.repair-btn{background:#ff9500;color:#fff}.repair-btn:hover{background:#e6850e;transform:translateY(-1px)}.upgrade-btn{background:var(--success-color)}.upgrade-btn:hover{background:#27ae60;transform:translateY(-1px)}.auto-repair-btn{background:var(--primary-color);color:#fff}.auto-repair-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.action-btn:disabled{opacity:.6;transform:none}.control-btn{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:600;padding:15px;transition:all .2s ease;width:100%}.control-btn.start-btn{background:var(--success-color);color:#fff}.control-btn.start-btn:hover{background:#27ae60;transform:translateY(-1px)}.control-btn.stop-btn{background:var(--error-color);color:#fff}.control-btn.stop-btn:hover{background:#c0392b;transform:translateY(-1px)}.control-btn:disabled{opacity:.6;transform:none}.inactive-label{display:none}.equipment-loading-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{border-top-color:#4c84ff;height:24px;width:24px}.action-status{align-items:center;animation:pulse 2s ease-in-out infinite;background:#4c84ff1a;border:1px solid #4c84ff4d;border-radius:6px;display:flex;justify-content:center;margin-top:8px;padding:6px 12px}.status-text{color:var(--primary-color);font-size:12px;font-weight:500}.action-btn:disabled,.control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.action-btn:disabled:contains("⏳"){background:linear-gradient(135deg,#6c757d,#868e96);opacity:.8}.control-btn:disabled:contains("⏳"){background:linear-gradient(135deg,#6c757d,#868e96);opacity:.8}.action-btn:not(:disabled):hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.control-btn:not(:disabled):hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.action-btn[title]:hover:after,.control-btn[title]:hover:after{background:#000000e6;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:5px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.action-btn[title]:hover:before,.control-btn[title]:hover:before{border:4px solid #0000;border-top-color:#000000e6;bottom:100%;content:"";left:50%;margin-bottom:1px;position:absolute;transform:translateX(-50%)}@keyframes actionProgress{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.action-btn:disabled:contains("⏳"),.control-btn:disabled:contains("⏳"){animation:actionProgress 2s ease infinite;background:linear-gradient(270deg,#4c84ff,#6c5ce7,#4c84ff);background-size:200% 200%;color:#fff}@media (max-width:450px){.equipment-card-container{max-width:100%}.equipment-image-section{height:250px}.equipment-image-container{height:150px;width:150px}.equipment-title{font-size:18px}.equipment-actions-section,.equipment-stats-section{padding:15px}.action-btn{font-size:11px;padding:8px 10px}.control-btn{font-size:14px;padding:12px}.equipment-loading-overlay{border-radius:8px}.loading-spinner{border-width:2px;height:20px;width:20px}.action-status{margin-top:6px;padding:4px 8px}.status-text{font-size:11px}.action-btn[title]:hover:after,.control-btn[title]:hover:after{display:none}}.garage-page{color:var(--text-color);font-family:var(--font-family);padding:0}.garage-header{margin-bottom:20px;text-align:center}.garage-title{color:var(--text-color);font-size:24px;font-weight:600;margin:0}.garage-container{display:flex;flex-direction:column;gap:20px;padding:10px}.garage-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;display:flex;gap:8px;padding:4px}.garage-tab{background:#0000;border:none;border-radius:20px;color:var(--secondary-text);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:12px;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease}.garage-tab.active{background:var(--primary-color);color:#fff}.garage-tab:hover:not(.active){color:var(--text-color)}.garage-equipment-list{display:flex;flex-direction:column;gap:15px}.empty-garage{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:40px;text-align:center}.empty-garage h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 10px}.empty-garage p{color:var(--secondary-text);font-size:14px;margin:0}@media (max-width:450px){.garage-container{gap:15px;padding:5px}.garage-title{font-size:20px}.garage-tab{font-size:11px;padding:8px 10px}.empty-garage{padding:30px 20px}.empty-garage h3{font-size:16px}.empty-garage p{font-size:13px}}.goldminer-page{background:var(--page-bg);color:var(--text-color);font-family:var(--font-family);min-height:100vh;padding:10px 0 80px}.gold-miner-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;width:100%}.goldminer-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:25px}.goldminer-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.goldminer-icon{font-size:32px}.goldminer-title{color:var(--text-color);font-size:24px;font-weight:700;margin:0}.goldminer-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.goldminer-stat-item{align-items:center;background:#4c84ff1a;border:1px solid #4c84ff33;border-radius:12px;display:flex;gap:12px;padding:12px}.stat-icon{font-size:20px}.stat-number{color:var(--text-color);font-size:16px;font-weight:600}.goldminer-instructions-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.goldminer-instructions-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.instructions-icon{font-size:20px}.instructions-title{color:var(--primary-color);font-size:16px;font-weight:600;margin:0}.instructions-text{color:var(--secondary-text);font-size:14px;line-height:1.5;margin:0 0 20px;text-align:center}.start-game-section{display:flex;justify-content:center}.start-game-btn{border-radius:12px;font-size:16px;font-weight:600;padding:15px 20px;width:100%}.start-game-btn:hover:not(:disabled){box-shadow:0 6px 20px #4c84ff66;transform:translateY(-2px)}.btn-icon{font-size:18px}.how-to-play-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid var(--primary-color);border-radius:12px;padding:20px}.how-to-play-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.help-icon{font-size:20px}.help-title{color:var(--primary-color);font-size:16px;font-weight:600;margin:0}.instructions-list{display:flex;flex-direction:column;gap:15px}.instruction-item{background:#0f172ab3;border:1px solid #4c84ff33;border-radius:8px;gap:12px}.instruction-icon{font-size:16px}.instruction-text{line-height:1.4}.reward-tiers-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid var(--primary-color);border-radius:12px;padding:20px}.tiers-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.tiers-icon{font-size:20px}.tiers-title{color:var(--primary-color);font-size:16px;font-weight:600;margin:0}.tiers-list{display:flex;flex-direction:column;gap:15px}.tier-item{border-radius:8px;padding:15px}.tier-item.no-reward{background:#e74c3c1a;border-color:var(--error-color)}.tier-item.bronze{background:#cd7f321a;border-color:#cd7f32}.tier-item.silver{background:#c0c0c01a;border-color:silver}.tier-item.gold{background:#ffd7001a;border-color:gold}.tier-item.diamond{background:#b9f2ff1a;border-color:#b9f2ff}.tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tier-points{color:var(--secondary-text);font-size:12px}.tier-rewards,.tier-status{color:var(--primary-color);font-size:12px;font-weight:600}.tier-status{color:var(--error-color)}.game-fullscreen{background:var(--page-bg);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.game-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);gap:20px;padding:15px 20px}.game-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.game-iframe{background:var(--page-bg);border:none;flex:1 1;width:100%}.results-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20}.results-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;max-width:400px;padding:30px;text-align:center;width:90%}.results-content h3{color:var(--text-color);font-size:24px;font-weight:700;margin:0 0 20px}.results-score{background:#4c84ff1a;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px}.results-score span{color:var(--text-color);font-size:16px;font-weight:600}.results-rewards{margin-bottom:25px}.reward-item{color:var(--text-secondary);font-size:14px;padding:8px 0}.claim-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.claim-btn:hover{box-shadow:0 6px 20px #4c84ff66;transform:translateY(-2px)}.game-canvas{background:#0000;display:block;height:100vh!important;width:100vw!important}.game-ui-overlay{align-items:flex-start;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.game-header,.game-ui-overlay{display:flex;justify-content:space-between;padding:20px}.game-header{background:linear-gradient(180deg,#000c,#0000)}.score-display,.timer-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #fff3;border-radius:25px;display:flex;gap:10px;padding:12px 20px;pointer-events:auto}.score-label,.timer-label{color:#fffc;font-size:14px;font-weight:500}.score-value,.timer-value{color:#4fc3f7;font-size:18px;font-weight:700;text-shadow:0 0 10px #4fc3f780}@media (max-width:768px){.gold-miner-container{padding:15px}.game-canvas-container{height:60vh;margin:5px 0}.game-canvas-container.fullscreen{height:100vh;width:100vw}#goldMinerCanvas{height:100%!important;width:100%!important}.game-stats{align-items:center;flex-direction:column;gap:15px}.game-ui-overlay{padding:15px}.score-display,.timer-display{font-size:14px;padding:10px 15px}.score-label,.timer-label{font-size:12px}.score-value,.timer-value{font-size:16px}.back-to-menu-btn{fontSize:18px!important;height:45px!important;top:60px!important;width:45px!important}.game-controls{gap:10px;padding:15px}.game-btn{font-size:14px;min-width:auto;padding:10px 20px}.instruction-list{gap:10px}.tier-list{gap:8px}.game-instructions,.reward-tiers{padding:20px}}.goldminer-fullscreen{align-items:center;background:linear-gradient(180deg,#f4a460 0,peru 30%,#8b4513);bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.goldminer-instructions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.goldminer-instructions h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 15px}.goldminer-instructions ul{color:var(--text-secondary);margin:0;padding:0 0 0 20px}.goldminer-instructions li{font-size:14px;line-height:1.4;margin-bottom:8px}.game-start-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:30px;text-align:center;transition:all .3s ease}.game-start-section.hidden{display:none}.game-start-title{color:var(--primary-color);font-size:28px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #4c84ff4d}.game-start-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:600px}.game-stats{display:flex;gap:30px;justify-content:center;margin-bottom:30px}.stat-item{align-items:center;background:#4c84ff1a;border:1px solid #4c84ff33;border-radius:12px;display:flex;gap:12px;padding:15px 20px;transition:all .3s ease}.stat-item:hover{background:#4c84ff33;transform:translateY(-2px)}.stat-icon{font-size:24px}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--primary-color);font-size:18px}.start-game-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:25px;box-shadow:0 4px 15px #4c84ff4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;min-width:200px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.start-game-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color),var(--primary-color));box-shadow:0 8px 25px #4c84ff66;transform:translateY(-3px)}.start-game-btn:disabled{background:var(--border-color);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.game-canvas-container{background:linear-gradient(180deg,#1a1a2e 0,#16213e 50%,#0f3460);border:2px solid var(--accent-color);border-radius:16px;box-shadow:0 10px 30px #4c84ff4d;display:none;height:600px;margin:10px 0;max-height:none;min-height:600px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.game-canvas-container.game-active{display:block}.game-canvas-container.fullscreen{aspect-ratio:auto;border:none;border-radius:0;bottom:0;display:block;height:100vh;left:0;margin:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.game-canvas-container.fullscreen .reward-preview{display:none!important}.game-canvas-container.fullscreen #goldMinerCanvas{height:100vh!important;width:100vw!important}#goldMinerCanvas{background:#0000;display:block;height:100%!important;width:100%!important}.reward-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid var(--accent-color);border-radius:12px;min-width:200px;padding:15px;position:absolute;right:20px;top:80px}.reward-tier{margin-bottom:10px}.tier-label{color:var(--text-secondary);font-size:12px}.tier-name{color:var(--accent-color);font-size:14px;margin-left:5px}.reward-items{color:var(--text-color);display:flex;flex-direction:column;font-size:12px;gap:5px}.back-to-menu-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;left:20px;pointer-events:auto;position:absolute;top:20px;transition:all .3s ease;width:40px;z-index:15}.back-to-menu-btn:hover{background:#ffffff1a;transform:scale(1.1)}.game-instructions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:25px;transition:all .3s ease}.game-instructions:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.game-instructions h3{align-items:center;color:var(--primary-color);display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.instruction-list{display:flex;flex-direction:column;gap:15px}.instruction-item{align-items:flex-start;background:#4c84ff0d;border:1px solid #4c84ff1a;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.instruction-item:hover{background:#4c84ff1a;border-color:#4c84ff33;transform:translateX(5px)}.instruction-icon{flex-shrink:0;font-size:20px;margin-top:2px}.instruction-text{color:var(--text-color);font-size:14px;line-height:1.5}.reward-tiers{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:25px;transition:all .3s ease}.reward-tiers:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.reward-tiers h3{align-items:center;color:var(--primary-color);display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.tier-list{display:flex;flex-direction:column;gap:12px}.tier-item{align-items:center;border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.tier-none{background:#e74c3c1a;border-color:#e74c3c}.tier-bronze{background:#cd7f321a;border-color:#cd7f32}.tier-silver{background:#c0c0c01a;border-color:silver}.tier-gold{background:#ffd7001a;border-color:gold}.tier-diamond{background:#b9f2ff1a;border-color:#b9f2ff}.tier-item:hover{transform:translateY(-2px)}.tier-bronze:hover{box-shadow:0 8px 20px #cd7f3233}.tier-silver:hover{box-shadow:0 8px 20px #c0c0c033}.tier-gold:hover{box-shadow:0 8px 20px #ffd70033}.tier-diamond:hover{box-shadow:0 8px 20px #b9f2ff33}.tier-info{display:flex;flex-direction:column;gap:5px}.tier-range{color:var(--text-secondary);font-size:12px}.tier-name{font-size:16px;font-weight:600}.tier-rewards{color:var(--primary-color);font-size:14px;font-weight:500}.game-result-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.game-result-modal.hidden{display:none}.game-result-content{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}.game-result-title{color:var(--primary-color);font-size:24px;font-weight:700;margin-bottom:20px}.game-result-score{background:#4c84ff1a;border-radius:12px;color:var(--text-color);font-size:20px;font-weight:600;margin-bottom:15px;padding:15px}.game-result-tier{border-radius:8px;font-size:18px;font-weight:600;margin-bottom:20px;padding:10px}.game-result-rewards{margin-bottom:25px}.reward-item{background:#4c84ff0d;border-radius:8px;color:var(--text-color);font-size:16px;gap:8px;justify-content:center;margin:5px 0;padding:10px}.game-result-close{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.game-result-close:hover{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));box-shadow:0 8px 25px #4c84ff66;transform:translateY(-2px)}@keyframes scoreIncrease{0%{transform:scale(1)}50%{color:#4caf50;transform:scale(1.2)}to{transform:scale(1)}}@keyframes tierUpgrade{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.score-increase{animation:scoreIncrease .5s ease-out}.tier-upgrade{animation:tierUpgrade .8s ease-out}.loading-status{align-items:center;background:#4c84ff1a;border:1px solid #4c84ff4d;border-radius:12px;color:var(--primary-color);display:flex;font-weight:500;gap:10px;justify-content:center;margin:15px 0;padding:15px}.loading-icon{animation:spin 1s linear infinite;font-size:18px}.loading-message{font-size:14px}.error-status{align-items:center;background:#ff4c4c1a;border:1px solid #ff4c4c4d;border-radius:12px;color:#ff4c4c;display:flex;font-weight:500;gap:10px;justify-content:center;margin:15px 0;padding:15px}.error-icon{font-size:18px}.error-message{font-size:14px}.guide-modal-overlay{align-items:center;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.guide-modal{animation:fadeIn .3s;background:#181c24;border-radius:16px;box-shadow:0 8px 32px #00000040;color:#fff;max-height:80vh;max-width:560px;overflow-y:auto;padding:40px 36px 32px;position:relative;width:96vw}.guide-modal-title{font-size:1.7rem;font-weight:700;line-height:1.2;margin-bottom:22px;text-align:center}.guide-modal-content{font-size:1.08rem;line-height:1.7;margin-bottom:32px}.guide-modal-content ul{margin:0;padding-left:24px}.guide-modal-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.guide-modal-done,.guide-modal-next{background:gold;border:none;border-radius:8px;color:#222;cursor:pointer;font-size:1.08rem;font-weight:600;padding:12px 32px;transition:background .2s}.guide-modal-done:hover,.guide-modal-next:hover{background:#ffe066}.guide-modal-dontshow{align-items:center;color:#ccc;display:flex;font-size:1rem;margin-top:6px}.guide-modal-dontshow input[type=checkbox]{margin-right:10px}.guide-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.7rem;opacity:.7;position:absolute;right:22px;top:16px;transition:opacity .2s}.guide-modal-close:hover{opacity:1}@media (max-width:700px){.guide-modal{max-width:99vw;padding:18px 3vw}.guide-modal-title{font-size:1.15rem}.guide-modal-content{font-size:.98rem}}.main-page{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 160px);padding:10px 20px}.equipment-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;display:flex;gap:10px;margin-bottom:20px;padding:4px}.equipment-tabs .tab-btn{background:#0000;border:none;border-radius:20px;color:var(--secondary-text);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease}.equipment-tabs .tab-btn.active{background:var(--primary-color);color:#fff}.equipment-tabs .tab-btn:hover:not(.active){color:var(--text-color)}.main-equipment-card-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px}.equipment-swipe-area{max-width:400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.equipment-dots{display:flex;gap:12px;justify-content:center;margin-top:15px}.equipment-dots .dot{background:var(--border-color);border-radius:50%;cursor:pointer;height:12px;transition:all .2s ease;width:12px}.equipment-dots .dot.active{background:var(--primary-color);box-shadow:0 0 8px #4c84ff66;transform:scale(1.2)}.equipment-dots .dot:hover:not(.active){background:var(--secondary-text);transform:scale(1.1)}.no-equipment{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-width:400px;padding:40px;text-align:center;width:100%}.no-equipment h3{color:var(--text-color);font-family:var(--font-family);font-size:18px;margin:0 0 10px}.no-equipment p{color:var(--secondary-text);font-family:var(--font-family);font-size:14px;margin:0}.loading-equipment{gap:20px}.error-state,.loading-equipment{display:flex;flex-direction:column}.error-state{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:center;margin:20px 0;padding:40px;text-align:center}.error-state h3{color:var(--error-color);font-size:18px;margin-bottom:10px}.error-state p{color:var(--secondary-text);margin-bottom:20px}.retry-btn{border-radius:8px;transition:all .2s ease}.retry-btn:hover{background:#06a;background:var(--primary-hover,#06a);box-shadow:0 2px 8px #0088cc4d;transform:translateY(-1px)}.wallet-info-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#08c,#06a);border:1px solid #0088cc4d;border-radius:16px;box-shadow:0 4px 16px #08c3;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:16px;position:relative}.wallet-info-card:before{background:linear-gradient(45deg,#0000 40%,#ffffff1a 50%,#0000 60%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.wallet-info-card:hover:before{opacity:1}.wallet-status-section{align-items:center;display:flex;gap:12px}.wallet-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.wallet-check{animation:pulse 2s infinite;font-size:18px}.wallet-details{display:flex;flex-direction:column;gap:2px}.wallet-status-text{color:#fff;font-family:var(--font-family);font-size:14px;font-weight:600;text-shadow:0 1px 2px #0000004d}.wallet-address-text{color:#fffc;font-family:Courier New,monospace;font-size:12px;font-weight:500;letter-spacing:.5px}.disconnect-wallet-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.disconnect-wallet-btn:hover{background:#ff3b3033;border-color:#ff3b3066;box-shadow:0 2px 8px #ff3b3033;transform:translateY(-1px)}.disconnect-wallet-btn:active{transform:translateY(0)}.disconnect-icon{font-size:14px}.disconnect-text{font-size:11px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:480px){.main-page{gap:15px;padding:15px}.equipment-tabs{margin-bottom:15px}.equipment-tabs .tab-btn{font-size:14px;padding:12px 16px}.equipment-dots{gap:16px;margin-top:20px}.equipment-dots .dot{height:14px;margin:-4px;padding:4px;width:14px}.error-state,.no-equipment{padding:30px}.retry-btn{font-size:14px;padding:10px 20px}.wallet-info-card{margin-bottom:16px;padding:12px}.wallet-icon{height:36px;width:36px}.wallet-check{font-size:16px}.wallet-status-text{font-size:13px}.wallet-address-text{font-size:11px}.disconnect-wallet-btn{padding:6px 10px}.disconnect-text{display:none}}.profile-page{padding:20px 0 80px}.page-title{margin-bottom:30px}.profile-header{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;padding:30px 20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:3px solid var(--primary-color);border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:15px;width:100px}.profile-avatar img{border-radius:50%;height:90px;object-fit:cover;width:90px}.profile-info{text-align:center}.profile-name{color:var(--text-color);font-family:var(--font-family);font-size:24px;font-weight:700;margin:0 0 5px}.profile-username{color:var(--text-secondary);font-family:var(--font-family);font-size:16px;margin-bottom:15px}.profile-rank-level{align-items:center;display:flex;gap:15px;justify-content:center}.profile-rank{background:var(--primary-color);border-radius:20px;color:#fff}.profile-level,.profile-rank{font-family:var(--font-family);font-size:14px;font-weight:600;padding:8px 16px}.profile-level{background:var(--card-bg);border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color)}.profile-referral{background:#4c84ff1a;border:1px solid #4c84ff4d;border-radius:12px;margin-top:12px;padding:10px 15px}.referral-label{color:var(--text-secondary);font-family:var(--font-family);font-size:12px;margin-right:8px}.referral-code{font-family:var(--font-family);font-weight:600;letter-spacing:1px}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.stat-card{padding:20px 10px}.stat-card.energy{background:linear-gradient(135deg,#ffa5001a,var(--card-bg))}.stat-card.xp{background:linear-gradient(135deg,#4c84ff1a,var(--card-bg))}.stat-card.diamonds{background:linear-gradient(135deg,#9333ea1a,var(--card-bg))}.stat-card.energy .stat-icon{background:#ffa50033}.stat-card.xp .stat-icon{background:#4c84ff33}.stat-card.diamonds .stat-icon{background:#9333ea33}.stat-label{margin-bottom:5px}.stat-value{color:var(--text-color);font-family:var(--font-family);font-size:16px;font-weight:700}.energy-storage{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:20px}.storage-title{color:var(--primary-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 15px}.storage-progress{margin-bottom:15px}.active-energy{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-family);font-size:16px;justify-content:space-between}.active-energy-value{color:var(--primary-color);font-weight:700}.statistics{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.statistics-title{color:var(--primary-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 15px}.statistics-list{gap:20px}.stat-section,.statistics-list{display:flex;flex-direction:column}.stat-section{gap:12px}.stat-section-title{color:var(--text-color);font-size:16px;font-weight:600;margin:0;padding-bottom:8px}.stat-row,.stat-section-title{border-bottom:1px solid var(--border-color);font-family:var(--font-family)}.stat-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{color:var(--text-secondary);font-size:14px}.stat-row .stat-value{color:var(--text-color);font-size:14px;font-weight:700}.stat-loading{color:var(--text-secondary);font-style:italic}.stat-error,.stat-loading{font-family:var(--font-family);padding:20px;text-align:center}.stat-error{color:#ff6b6b}.xp-progress-section{margin:20px 0 10px;padding:0 10px}.xp-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.xp-label{color:var(--secondary-text)}.xp-label,.xp-value{font-size:13px;font-weight:600}.xp-value{color:var(--primary-color)}.xp-progress-bar{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:6px;height:10px;overflow:hidden;width:100%}.xp-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:6px;height:100%;transition:width .3s ease}.storage-actions{display:flex;flex-direction:column;gap:12px;margin:18px 0}.storage-btn{border:none;border-radius:12px;box-shadow:0 2px 8px #4c84ff14;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:600;padding:16px 0;transition:all .2s;width:100%}.storage-btn,.storage-btn.transfer{background:var(--primary-color)}.storage-btn.collect{background:var(--accent-color)}.storage-btn:active{transform:scale(.98)}.storage-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{padding:20px}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:24px;width:100%}.modal-title{color:var(--text-color);font-family:var(--font-family);font-size:20px;font-weight:700;margin:0 0 8px;text-align:center}.modal-subtitle{color:var(--secondary-text);font-size:14px;line-height:1.4;margin:0 0 20px;text-align:center}.modal-input{background:var(--dark-bg);border:2px solid #4c84ff33;border-radius:12px;box-sizing:border-box;color:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:600;margin-bottom:20px;padding:16px;text-align:center;transition:all .2s;width:100%}.modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4c84ff1a;outline:none}.modal-input::placeholder{color:var(--secondary-text);opacity:.8}.modal-buttons{display:flex;gap:12px}.modal-btn{flex:1 1;font-size:16px;padding:14px 20px;transition:all .2s}.modal-btn.cancel{background:#ffffff1a;border:2px solid #fff3;color:var(--text-color)}.modal-btn.cancel:hover{background:#ffffff26}.modal-btn:active{transform:scale(.98)}.modal-btn:disabled{opacity:.5;transform:none}.storage-upgrade-section{margin-top:18px}.upgrade-title{color:var(--secondary-text);font-size:15px;font-weight:600;margin-bottom:10px}.upgrade-options{display:flex;flex-direction:column;gap:12px}.upgrade-row{align-items:center;background:#4c84ff1a;border:1px solid #4c84ff33;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.upgrade-row:hover{background:#4c84ff26}.upgrade-label{color:var(--text-color);font-size:14px;font-weight:600}.upgrade-cost,.upgrade-label{font-family:var(--font-family)}.upgrade-cost{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.upgrade-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:600;min-width:80px;padding:6px 12px;transition:all .3s ease}.upgrade-btn:hover:not(:disabled){background:var(--accent-color);transform:translateY(-1px)}.upgrade-btn:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.diamond-icon{filter:brightness(1.2);height:14px;width:14px}.empty-state,.error-message,.loading-message{padding:40px 20px;text-align:center}.loading-message p{color:var(--text-secondary);font-family:var(--font-family);font-size:16px}.empty-state h3,.error-message h3{color:var(--text-color);font-family:var(--font-family);font-size:20px;margin-bottom:10px}.empty-state p,.error-message p{color:var(--text-secondary);margin-bottom:20px}.empty-state p,.error-message p,.retry-btn{font-family:var(--font-family);font-size:14px}.retry-btn{background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.retry-btn:hover{background:var(--primary-hover)}@media (max-width:480px){.profile-page{padding:15px 0 80px}.profile-header{padding:25px 15px}.profile-avatar{height:80px;width:80px}.profile-avatar img{height:70px;width:70px}.profile-name{font-size:20px}.profile-stats-grid{gap:8px}.stat-card{padding:15px 8px}.stat-icon{height:40px;width:40px}.stat-icon img{height:24px;width:24px}.stat-value{font-size:14px}.xp-progress-section{padding:0 2px}.storage-btn{font-size:14px;padding:12px 0}.upgrade-row{font-size:13px;padding:10px}.diamond-icon{height:15px;width:15px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 40px #0000004d;margin:20px;max-width:400px;padding:30px;width:100%}.modal h3{color:var(--text-color);font-size:20px;font-weight:700;margin:0 0 15px}.modal h3,.modal p{font-family:var(--font-family);text-align:center}.modal p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.modal input{background:#ffffff0d;background:var(--input-bg,#ffffff0d);border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-color);font-family:var(--font-family);font-size:16px;margin-bottom:20px;padding:12px 16px;transition:all .3s ease;width:100%}.modal input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4c84ff1a;outline:none}.modal input::placeholder{color:var(--text-secondary);opacity:.7}.modal-actions{justify-content:center}.modal-actions button{border:none;border-radius:12px;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s ease}.modal-actions button:first-child{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.modal-actions button:first-child:hover{background:var(--border-color)}.modal-actions button:last-child{background:var(--primary-color);color:#fff}.modal-actions button:last-child:hover:not(:disabled){background:var(--accent-color);transform:translateY(-1px)}.modal-actions button:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.modal-content h3{color:var(--text-color);font-family:var(--font-family);font-size:20px;font-weight:700;margin:0 0 20px;text-align:center}.modal-info{background:#4c84ff1a;border:1px solid #4c84ff33;border-radius:12px;margin-bottom:20px;padding:15px}.modal-info p{color:var(--text-color);font-family:var(--font-family);font-size:14px;margin:5px 0}.modal-input{margin-bottom:25px}.modal-input label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-input input,.modal-input label{color:var(--text-color);font-family:var(--font-family)}.modal-input input{background:#ffffff0d;background:var(--input-bg,#ffffff0d);border:1px solid var(--border-color);border-radius:12px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.modal-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4c84ff1a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s ease}.modal-btn.cancel{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.modal-btn.cancel:hover{background:var(--border-color)}.modal-btn.confirm{background:var(--primary-color);color:#fff}.modal-btn.confirm:hover:not(:disabled){background:var(--accent-color);transform:translateY(-1px)}.modal-btn:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.bottom-nav,.footer-nav,.mobile-nav,.navbar,.navigation-bar,.tab-bar{border-radius:0!important}.storage-progress-container{align-items:center;display:flex;gap:6px;margin-bottom:8px;width:100%}.storage-progress-bar{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:4px;flex:1 1;height:8px;overflow:hidden;width:100%}.storage-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;height:100%;transition:width .3s ease}.storage-progress-text{align-items:center;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:12px;font-weight:600;gap:2px;justify-content:flex-end;min-width:40px;text-shadow:0 1px 2px #000000b3;white-space:nowrap}.storage-progress-text .percentage{color:var(--primary-color);font-weight:700}.profile-tier-info{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:8px}.profile-tier{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-tier-desc{color:#888;font-size:12px;font-weight:400}.profile-tier-benefits{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:16px;padding:12px}.tier-benefits-title{color:#fff;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tier-benefits-list{display:flex;flex-direction:column;gap:4px}.tier-benefit-item{color:#ccc;font-size:11px;font-weight:400;line-height:1.3}.referrals-page{padding:20px 0 80px}.page-header{margin-bottom:30px}.page-title{color:var(--text-color);font-family:var(--font-family);font-size:28px;font-weight:700;margin:0;text-align:center}.referral-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:30px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:20px 15px;text-align:center}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:50%;height:50px;justify-content:center;margin-bottom:10px;width:50px}.stat-icon.users{background:#4c84ff33}.stat-icon.active{background:#22c55e33}.stat-icon.tier{background:#ffa50033}.stat-icon img{filter:brightness(1.2);height:28px;width:28px}.icon-emoji{align-items:center;display:flex;font-size:28px;justify-content:center}.stat-number{color:var(--primary-color);font-size:24px;font-weight:700;margin-bottom:5px}.stat-label,.stat-number{font-family:var(--font-family)}.stat-label{color:var(--text-secondary);font-size:13px}.referral-code-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:20px}.referral-code-section h3{color:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 15px;text-align:center}.referral-code-display{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:10px;padding:15px}.referral-code{color:var(--primary-color);flex:1 1;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.copy-btn{background:var(--primary-color);border-radius:8px;color:#fff;font-family:var(--font-family);font-size:14px;font-weight:600;padding:8px 16px;white-space:nowrap}.copy-btn:hover{background:var(--primary-hover)}.copy-btn:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.share-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.share-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);gap:8px;padding:15px 10px;transition:all .2s ease}.share-btn:hover{border-color:var(--primary-color);transform:translateY(-1px)}.share-btn.telegram{background:linear-gradient(135deg,#0088cc1a,var(--card-bg))}.share-btn.link{background:linear-gradient(135deg,#22c55e1a,var(--card-bg))}.share-btn.general{background:linear-gradient(135deg,#9333ea1a,var(--card-bg))}.share-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.share-btn span{color:var(--text-color);font-size:13px;font-weight:600}.referral-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:2px}.tab-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-family:var(--font-family);font-size:12px;font-weight:600;min-width:120px;padding:12px 8px;text-align:center;transition:all .2s ease;white-space:nowrap}.tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tab-btn:hover:not(.active){background:var(--border-color);color:var(--text-color)}.tab-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:20px}.tiers-content{display:flex;flex-direction:column;gap:15px}.tier-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.tier-card.locked{background:linear-gradient(135deg,#ffffff05,#ffffff03 50%,#0000001a);opacity:.8}.tier-card.unlocked{background:linear-gradient(135deg,#4c84ff26,#6b73ff1a 50%,#4c84ff0d);border:1px solid #0000;box-shadow:0 8px 32px #4c84ff33}.tier-main{justify-content:space-between;margin-bottom:15px}.tier-left,.tier-main{align-items:center;display:flex}.tier-left{flex:1 1;gap:15px}.tier-icon-container{position:relative}.tier-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:50px;justify-content:center;width:50px}.tier-icon.unlocked{animation:pulse 2s infinite;background:linear-gradient(135deg,#4c84ff,#6b73ff 50%,#8b5cf6);border:2px solid #fff3;box-shadow:0 8px 24px #4c84ff66;color:#fff}.tier-icon.locked{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid var(--border-color);color:var(--text-secondary)}.tier-info{flex:1 1}.tier-name{color:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 5px}.tier-progress-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-family:var(--font-family);font-size:14px;font-weight:600;margin:0;padding:4px 8px}.tier-progress-text:not(.completed){background:linear-gradient(135deg,#4c84ff33,#6b73ff1a);border:1px solid #4c84ff4d;color:#4c84ff}.tier-progress-text.completed{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid #22c55e4d;color:#22c55e}.tier-rewards{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.reward-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4c84ff26,#6b73ff1a 50%,#8b5cf60d);border:1px solid #4c84ff4d;border-radius:25px;display:flex;gap:6px;padding:8px 14px;transition:all .3s ease}.reward-item:hover{box-shadow:0 4px 16px #4c84ff4d;transform:translateY(-2px)}.reward-item img{height:16px;width:16px}.energy-icon{font-size:16px}.reward-item span{color:var(--text-color);font-family:var(--font-family);font-size:14px;font-weight:600}.tier-progress-info{background:#4c84ff0d;border:1px solid #4c84ff1a;border-radius:8px;margin:12px 0;padding:8px 12px;text-align:center}.progress-text{color:var(--primary-color);font-family:var(--font-family);font-size:13px;font-weight:600}.tier-description{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:15px}.tier-badge-container{flex-shrink:0}.tier-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4c84ff,#6b73ff 50%,#8b5cf6);border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 12px #4c84ff4d;display:inline-flex;padding:8px 16px;white-space:nowrap}.tier-desc-text{color:var(--text-secondary);font-family:var(--font-family);font-size:13px;line-height:1.4;margin:0;text-align:right}.history-content,.leaderboard-content,.overview-content{padding:40px 20px;text-align:center}.empty-state h3,.overview-message h3{color:var(--text-color);font-family:var(--font-family);font-size:18px;margin:0 0 10px}.empty-state p,.overview-message p{color:var(--text-secondary);font-family:var(--font-family);font-size:14px;margin:0}@media (max-width:480px){.referrals-page{padding:15px 0 80px}.referral-stats{gap:8px}.stat-card{padding:15px 10px}.stat-icon{height:40px;width:40px}.stat-icon img{height:24px;width:24px}.stat-number{font-size:20px}.referral-code-display{flex-direction:column;gap:10px}.copy-btn{width:100%}.share-buttons{gap:8px}.share-btn{padding:12px 8px}.referral-tabs{gap:4px}.tab-btn{font-size:11px;min-width:100px;padding:10px 6px}.tab-content{padding:15px}.tier-header{flex-direction:column;gap:10px;text-align:center}.tier-rewards{align-items:center}}.loading{color:var(--text-secondary);font-family:var(--font-family);font-size:16px;padding:40px 20px;text-align:center}.overview-stats{display:flex;flex-direction:column;gap:25px}.stat-summary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.stat-summary h3{color:var(--text-color);font-family:var(--font-family);font-size:20px;font-weight:700;margin:0 0 20px;text-align:center}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.summary-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-secondary);font-size:14px}.summary-label,.summary-value{font-family:var(--font-family)}.summary-value{color:var(--primary-color);font-size:16px;font-weight:700}.referral-guide{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.referral-guide h4{color:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 15px}.referral-guide ol{color:var(--text-secondary);font-family:var(--font-family);margin:0;padding-left:20px}.referral-guide li{font-size:14px;line-height:1.5;margin:8px 0}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:15px;padding:15px}.leaderboard-item.current-user{background:#4c84ff0d;border-color:var(--primary-color)}.rank{color:var(--primary-color);font-family:var(--font-family);font-size:18px;font-weight:700;min-width:40px;text-align:center}.user-info{flex:1 1}.username{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:4px}.referrals,.username{font-family:var(--font-family)}.referrals{color:var(--text-secondary);font-size:14px}.tier-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-family:var(--font-family);font-size:12px;font-weight:600;padding:4px 12px}.stats-cards{grid-template-columns:1fr}.steps-container{gap:15px}.overview-hero{padding:20px}.overview-hero h2{font-size:20px}.overview-hero p{font-size:14px}.stat-card-large{padding:15px}.how-it-works,.rewards-info,.validation-rules{padding:20px}.step-number{font-size:14px;height:35px;width:35px}.tier-info-box{background:#4c84ff1a;border:1px solid #4c84ff4d;border-radius:12px;margin-top:20px;padding:15px}.tier-info-box h5{color:var(--primary-color);font-family:var(--font-family);font-size:16px;font-weight:700;margin:0 0 10px}.tier-info-box ul{list-style:none;margin:0;padding:0}.tier-info-box li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.4;margin-bottom:6px}.tier-info-box li:before{color:var(--primary-color);content:"•";font-weight:700;margin-right:4px}.overview-hero{background:linear-gradient(135deg,#4c84ff1a,#9333ea1a);border:1px solid #4c84ff33;border-radius:20px;margin-bottom:20px;padding:30px;text-align:center}.hero-icon{font-size:48px;margin-bottom:15px}.overview-hero h2{color:var(--text-color);font-family:var(--font-family);font-size:24px;font-weight:700;margin:0 0 10px}.overview-hero p{color:var(--text-secondary);font-family:var(--font-family);font-size:16px;line-height:1.5;margin:0}.stats-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card-large{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;min-height:80px;padding:16px;transition:all .3s ease}.stat-card-large:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-card-large.active{background:linear-gradient(135deg,#22c55e0d,var(--card-bg));border-color:#22c55e4d}.stat-card-large.tier{background:linear-gradient(135deg,#ffa5000d,var(--card-bg));border-color:#ffa5004d}.stat-card-large.rewards{background:linear-gradient(135deg,#9333ea0d,var(--card-bg));border-color:#9333ea4d}.stat-icon-large{align-items:center;background:#4c84ff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;height:50px;justify-content:center;width:50px}.stat-card-large.active .stat-icon-large{background:#22c55e1a}.stat-card-large.tier .stat-icon-large{background:#ffa5001a}.stat-card-large.rewards .stat-icon-large{background:#9333ea1a}.stat-content{flex:1 1}.stat-number-large{color:var(--primary-color);font-family:var(--font-family);font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label-large{color:var(--text-color);font-size:13px;font-weight:600;margin-bottom:2px}.stat-description,.stat-label-large{font-family:var(--font-family);line-height:1.2}.stat-description{color:var(--text-secondary);font-size:11px}.how-it-works{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.how-it-works h3{color:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.steps-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.step{align-items:flex-start;background:#4c84ff0d;border:1px solid #4c84ff1a;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.step:hover{background:#4c84ff1a;transform:translateY(-1px)}.step-number{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4,.step-number{font-family:var(--font-family)}.step-content h4{color:var(--text-color);font-size:14px;font-weight:600;line-height:1.2;margin:0 0 6px}.step-content p{color:var(--text-secondary);font-family:var(--font-family);font-size:12px;line-height:1.3;margin:0}.validation-rules{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.validation-rules h3{color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 8px}.validation-intro,.validation-rules h3{font-family:var(--font-family);text-align:center}.validation-intro{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.rules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:16px}.rule-card{background:#4c84ff0d;border:1px solid #4c84ff1a;border-radius:10px;padding:12px;text-align:center;transition:all .3s ease}.rule-card:hover{background:#4c84ff1a;transform:translateY(-2px)}.rule-icon{font-size:20px;margin-bottom:8px}.rule-card h4{color:var(--text-color);font-size:13px;font-weight:600;margin:0 0 6px}.rule-card h4,.rule-card p{font-family:var(--font-family);line-height:1.2}.rule-card p{color:var(--text-secondary);font-size:11px;margin:0}.validation-note{background:#ffa5001a;border:1px solid #ffa50033;border-radius:12px;padding:15px;text-align:center}.validation-note p{color:var(--text-secondary);font-family:var(--font-family);font-size:13px;margin:0}.rewards-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.rewards-info h3{color:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.rewards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.reward-info-card{background:#22c55e0d;border:1px solid #22c55e1a;border-radius:10px;padding:12px;text-align:center;transition:all .3s ease}.reward-info-card:hover{background:#22c55e1a;transform:translateY(-2px)}.reward-icon{font-size:20px;margin-bottom:8px}.reward-info-card h4{color:var(--text-color);font-size:13px;font-weight:600;margin:0 0 6px}.reward-info-card h4,.reward-info-card p{font-family:var(--font-family);line-height:1.2}.reward-info-card p{color:var(--text-secondary);font-size:11px;margin:0}@media (max-width:768px){.stats-cards{gap:10px;grid-template-columns:1fr}.stat-card-large{min-height:70px;padding:14px}.stat-icon-large{font-size:24px;height:45px;width:45px}.stat-number-large{font-size:22px}.stat-label-large{font-size:12px}.stat-description{font-size:10px}.how-it-works,.rewards-info,.validation-rules{padding:16px}.how-it-works h3,.rewards-info h3,.validation-rules h3{font-size:16px;margin-bottom:12px}.step{padding:10px}.step-number{font-size:12px;height:28px;width:28px}.step-content h4{font-size:13px}.step-content p{font-size:11px}.reward-info-card,.rule-card{padding:10px}.reward-icon,.rule-icon{font-size:18px;margin-bottom:6px}.reward-info-card h4,.rule-card h4{font-size:12px}.reward-info-card p,.rule-card p{font-size:10px}}.store-page{background:var(--page-bg);color:var(--text-color);font-family:var(--font-family);min-height:100vh;padding:0}.store-container{display:flex;flex-direction:column;gap:20px;padding:10px}.store-title{color:var(--text-color);font-size:24px;font-weight:600;margin:0 0 10px;text-align:center}.store-tabs{grid-gap:5px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:20px;padding:4px}.store-tab{background:#0000;border:none;border-radius:20px;color:var(--secondary-text);cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:600;padding:12px 8px;text-align:center;transition:all .2s ease}.store-tab.active{background:var(--primary-color);color:#fff}.store-tab.disabled{cursor:not-allowed;opacity:.5}.store-tab:hover:not(.active):not(.disabled){color:var(--text-color)}.store-items{display:flex;flex-direction:column;gap:20px}.store-item-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.store-item-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #4c84ff33}.store-item-image-section{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid var(--border-color);display:flex;height:250px;justify-content:center;position:relative;width:100%}.store-item-image{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));max-height:80%;max-width:80%;object-fit:contain}.store-item-content{padding:20px}.store-item-name{color:var(--primary-color);font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.store-item-description{color:var(--secondary-text);font-size:14px;line-height:1.4;margin:0 0 20px;text-align:center}.store-item-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.store-stat-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.store-stat-row:last-child{border-bottom:none}.store-stat-label{color:var(--secondary-text);font-size:14px}.store-stat-value{color:var(--text-color);font-size:14px;font-weight:600}.store-item-purchase{display:flex;justify-content:center}.store-purchase-btn{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:600;max-width:200px;padding:15px 20px;transition:all .2s ease;width:100%}.store-purchase-btn.available{background:var(--success-color);color:#fff}.store-purchase-btn.available:hover{background:#27ae60;transform:translateY(-1px)}.store-purchase-btn.owned{background:var(--primary-color);color:#fff;cursor:default}.store-purchase-btn:disabled{opacity:.8;transform:none}.preview-card .store-item-image-section{background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.equipment-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);max-width:300px;width:100%}.equipment-slot{align-items:center;background:#ffffff0d;border:2px solid var(--border-color);border-radius:8px;display:flex;height:60px;justify-content:center;transition:all .2s ease;width:60px}.equipment-slot:hover{background:#4c84ff1a;border-color:var(--primary-color)}.question-mark{color:var(--secondary-text);font-size:24px;font-weight:700}@media (max-width:450px){.store-container{gap:15px;padding:5px}.store-title{font-size:20px}.store-tabs{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.store-tab{font-size:11px;padding:10px 6px}.store-item-image-section{height:200px}.store-item-content{padding:15px}.store-item-name{font-size:18px}.store-item-description,.store-stat-label,.store-stat-value{font-size:13px}.store-purchase-btn{font-size:14px;padding:12px 16px}.equipment-grid{gap:10px;max-width:250px}.equipment-slot{height:50px;width:50px}.question-mark{font-size:20px}}.store-item[data-category=premium]{background:linear-gradient(135deg,var(--card-bg) 0,#ffd7001a 100%);border-color:gold}.store-item[data-category=premium]:hover{border-color:#ffed4e;box-shadow:0 4px 20px #ffd70033}.store-item[data-category=upgrade]{background:linear-gradient(135deg,var(--card-bg) 0,#8a2be21a 100%);border-color:#8a2be2}.store-item[data-category=upgrade]:hover{border-color:#9370db;box-shadow:0 4px 20px #8a2be233}@keyframes purchaseSuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.store-purchase-btn.success{animation:purchaseSuccess .3s ease}.store-navbar-icon{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.store-navbar-svg{filter:drop-shadow(0 2px 8px #f39c12aa);height:40px;width:40px}.tab-icon{height:20px;margin-right:6px;vertical-align:middle;width:20px}.store-purchase-btn img,.upgrade-cost img{height:18px;margin-left:2px;vertical-align:middle;width:18px}.premium-card{border:2px solid #ffe066;border-radius:16px;box-shadow:0 0 12px 0 #ffe06644;position:relative}.premium-badge{background:#ffe066;border-radius:16px;box-shadow:0 2px 8px #ffe06644;color:#222;font-size:15px;font-weight:700;padding:4px 16px;position:absolute;right:18px;top:18px;z-index:2}.ton-purchase-section{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.ton-connect-btn{background:#08c;border:none;border-radius:12px;box-shadow:0 4px 12px #0088cc4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:220px;padding:14px 24px;transition:all .2s ease;width:100%}.ton-connect-btn:hover{background:#0077b5;box-shadow:0 6px 16px #08c6;transform:translateY(-2px)}.ton-purchase-btn{background:var(--primary-color);border:none;border-radius:12px;box-shadow:0 4px 12px #4c84ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:220px;padding:14px 24px;transition:all .2s ease;width:100%}.ton-purchase-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 16px #4c84ff66;transform:translateY(-2px)}.ton-purchase-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ton-purchase-info{align-items:center;background:#4c84ff1a;border:1px solid #4c84ff4d;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-width:220px;padding:12px;width:100%}.ton-amount{color:var(--primary-color);font-size:16px;font-weight:600}.ton-price{align-items:center;color:var(--secondary-text);display:flex;font-size:14px;font-weight:500;gap:6px}.ton-price-icon{border-radius:50%;height:18px;margin-right:2px;object-fit:cover;width:18px}.premium-card.ton-package{border:2px solid #08c;box-shadow:0 0 12px 0 #0088cc4d;position:relative}.premium-card.ton-package:before{background:#08c;border-radius:12px;box-shadow:0 2px 8px #0088cc4d;color:#fff;content:"TON";font-size:12px;font-weight:700;left:12px;padding:4px 8px;position:absolute;top:12px;z-index:2}.store-items-container{flex:1 1;min-height:300px}.store-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;padding:10px}.loading-message{font-size:16px}.empty-store,.loading-message{align-items:center;display:flex;justify-content:center;padding:60px}.empty-store{color:var(--secondary-text);flex-direction:column;text-align:center}.empty-store h3{color:var(--text-color);margin-bottom:8px}.empty-store p{font-size:14px;margin:0}.purchase-btn{background:var(--success-color);border:none;border-radius:12px;box-shadow:0 4px 12px #2ecc714d;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:600;max-width:220px;padding:14px 24px;transition:all .2s ease;width:100%}.purchase-btn:hover:not(:disabled){background:#27ae60;box-shadow:0 6px 16px #2ecc7166;transform:translateY(-2px)}.purchase-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:450px){.ton-purchase-section{gap:10px}.purchase-btn,.ton-connect-btn,.ton-purchase-btn{font-size:14px;max-width:200px;padding:12px 20px}.ton-purchase-info{max-width:200px;padding:10px}.ton-amount{font-size:14px}.ton-price{font-size:13px}.store-items-grid{gap:15px;padding:5px}}.wallet-required-btn{background:linear-gradient(135deg,#ffc10733,#ff980033)!important;border:1px solid #ffc10766!important;color:#ffc107!important;cursor:pointer;overflow:hidden;position:relative}.wallet-required-btn:hover{background:linear-gradient(135deg,#ffc1074d,#ff98004d)!important;border-color:#ffc10799!important;box-shadow:0 2px 8px #ffc10733;transform:translateY(-1px)}.wallet-required-btn:before{animation:pulse 2s infinite;content:"🔗";font-size:14px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.wallet-required-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.wallet-required-btn:hover:after{left:100%}.tasks-page{padding:10px 0}.tasks-container{display:flex;flex-direction:column;gap:20px}.tasks-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;display:flex;gap:10px;margin-bottom:20px;padding:4px}.task-tab-btn{background:#0000;border:none;border-radius:20px;color:var(--secondary-text);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease}.task-tab-btn.active{background:var(--primary-color);color:#fff}.task-tab-btn:hover:not(.active){color:var(--text-color)}.tasks-header{margin-bottom:20px;text-align:center}.tasks-title{color:var(--primary-color);font-size:24px;font-weight:700;margin:0 0 8px}.tasks-subtitle,.tasks-title{font-family:var(--font-family)}.tasks-subtitle{color:var(--secondary-text);font-size:14px;margin:0}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:15px;padding:16px;position:relative;transition:all .3s ease}.task-item:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #3498db26;transform:translateY(-2px)}.task-item.completed{background:linear-gradient(135deg,var(--card-bg) 0,#27ae601a 100%);border-color:var(--success-color);box-shadow:0 4px 12px #27ae6033}.task-item.completed:hover{border-color:var(--success-color);box-shadow:0 8px 25px #27ae6040;transform:translateY(-3px)}.task-item.claimed{background:var(--card-bg);border-color:var(--secondary-text);opacity:.7}.task-item.claimed:hover{box-shadow:0 2px 8px #0000001a;transform:none}.task-icon{align-items:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.task-icon img{height:30px;object-fit:contain;width:30px}.task-info{flex:1 1;min-width:0}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.task-title{color:var(--text-color);font-size:16px;margin:0}.task-title,.task-type{font-family:var(--font-family);font-weight:600}.task-type{background:var(--success-color);border-radius:12px;color:#fff;font-size:10px;padding:2px 8px;text-transform:uppercase}.task-reward{color:var(--primary-color);font-family:var(--font-family);font-size:14px;font-weight:600}.task-description{color:var(--secondary-text);font-family:var(--font-family);font-size:13px;line-height:1.4;margin:0 0 10px}.task-progress{align-items:center;display:flex;gap:10px}.progress-bar{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress{background:linear-gradient(90deg,var(--primary-color) 0,var(--success-color) 100%);border-radius:3px;height:100%;transition:width .3s ease}.task-action{flex-shrink:0}.task-claim-btn{border:none;border-radius:10px;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;min-width:100px;overflow:hidden;padding:10px 18px;position:relative;text-align:center;transition:all .3s ease}.task-claim-btn.ready{background:linear-gradient(135deg,var(--success-color) 0,#27ae60 100%);box-shadow:0 4px 12px #27ae604d;color:#fff}.task-claim-btn.ready:hover{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 6px 18px #27ae6066;transform:translateY(-2px)}.task-claim-btn.ready:active{box-shadow:0 2px 8px #27ae604d;transform:translateY(0)}.task-claim-btn.disabled{background:var(--secondary-text);box-shadow:none;color:var(--dark-bg);cursor:not-allowed;opacity:.6}.task-claim-btn.disabled:hover{background:var(--secondary-text);transform:none}.task-claim-btn.claimed{box-shadow:none;color:var(--secondary-text);cursor:not-allowed}.task-claim-btn.claimed,.task-claim-btn.claimed:hover{background:linear-gradient(135deg,var(--border-color) 0,#95a5a6 100%)}.task-claim-btn.claimed:hover{transform:none}.loading-message{font-family:var(--font-family)}.empty-state,.loading-message{color:var(--secondary-text);padding:40px;text-align:center}.empty-state h3{color:var(--text-color);font-family:var(--font-family);font-size:18px;margin:0 0 10px}.empty-state p{font-family:var(--font-family);font-size:14px;margin:0}@media (max-width:450px){.task-item{gap:12px;padding:12px}.task-icon{height:40px;width:40px}.task-icon img{height:24px;width:24px}.task-header{align-items:flex-start;flex-direction:column;gap:4px}.task-title{font-size:14px}.task-reward{font-size:12px}.task-claim-btn{font-size:12px;min-width:70px;padding:6px 12px}}@media (max-width:350px){.tasks-tabs{gap:5px}.task-tab-btn{font-size:12px;padding:10px 12px}.task-item{gap:10px;padding:10px}.task-title{font-size:13px}.task-description{font-size:12px}.task-claim-btn{font-size:11px;min-width:60px;padding:6px 10px}}@keyframes taskComplete{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.task-item.completed{animation:taskComplete .5s ease}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}.progress{animation:progressFill .8s ease-out}.notification{animation:slideIn .3s ease-out;border:1px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:var(--font-family);font-size:14px;font-weight:500;max-width:350px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:var(--success-color);border-color:var(--success-color);color:#fff}.notification.error{background:#e74c3c;border-color:#c0392b;color:#fff}.notification.info{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.wallet-page{background:#0000;margin:0 auto;max-width:400px;min-height:calc(100vh - 140px);padding:20px}.wallet-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.empty-state-icon{margin-bottom:24px}.ton-logo-large{align-items:center;animation:float 3s ease-in-out infinite;display:flex;justify-content:center}.ton-logo-image{border-radius:50%;filter:drop-shadow(0 4px 12px rgba(34,158,217,.3));height:64px;width:64px}.empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#08c,#00bfff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin-bottom:12px}.empty-state-description{color:#a0a9b8;font-size:16px;line-height:1.5;margin-bottom:32px;max-width:280px}.wallet-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;max-width:300px;width:100%}.feature-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#0088cc4d;transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:20px}.feature-text{color:#fff;font-size:14px;font-weight:500}.wallet-connect-btn{align-items:center;background:linear-gradient(135deg,#08c,#06a);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-width:200px;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s ease}.wallet-connect-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.wallet-connect-btn:hover:before{left:100%}.wallet-connect-btn:hover{background:linear-gradient(135deg,#09d,#07b);box-shadow:0 8px 32px #08c6;transform:translateY(-3px)}.wallet-connect-btn.connecting{background:linear-gradient(135deg,#6c757d,#495057);cursor:not-allowed;transform:none}.connect-icon{font-size:18px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.connection-error{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:12px;color:#ff6b6b;display:flex;font-size:14px;gap:8px;margin-top:24px;max-width:300px;padding:16px}.wallet-header{margin-bottom:24px}.wallet-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;padding:16px 20px}.status-indicator{align-items:center;display:flex;gap:8px}.status-dot{animation:pulse 2s infinite;background:#0f8;border-radius:50%;box-shadow:0 0 12px #00ff8880;height:12px;width:12px}.status-text{color:#0f8;font-size:14px;font-weight:600}.disconnect-btn{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .3s ease}.disconnect-btn:hover{background:#ff6b6b33;border-color:#ff6b6b80;transform:translateY(-1px)}.wallet-content{display:flex;flex-direction:column;gap:20px}.wallet-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s ease}.wallet-card:hover{background:#ffffff14;border-color:#0088cc4d}.card-header{border-bottom:1px solid #ffffff1a;padding:16px 20px}.card-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.card-content{padding:20px}.address-display{align-items:center;background:#0088cc1a;border:1px solid #08c3;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.address-text{color:#08c;font-family:Courier New,monospace;font-size:14px;font-weight:500}.copy-btn{align-items:center;background:none;border:none;border-radius:6px;color:#a0a9b8;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:4px 8px;transition:all .2s ease}.copy-btn:hover{background:#0088cc1a;color:#08c;transform:scale(1.05)}.copy-btn svg{transition:all .2s ease}.copy-btn:active{transform:scale(.95)}.wallet-balance{align-items:center;display:flex;justify-content:space-between}.balance-label{color:#a0a9b8;font-size:14px}.balance-amount{color:#0f8;font-size:16px;font-weight:600}.wallet-tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:4px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#a0a9b8;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.tab-btn.active{background:#08c3;color:#08c;font-weight:600}.tab-btn:hover:not(.active){background:#ffffff0d;color:#fff}.tab-content{display:flex;flex-direction:column;gap:24px}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.action-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.action-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px 16px;text-align:center;transition:all .3s ease}.action-card:hover{background:#ffffff14;border-color:#0088cc4d;transform:translateY(-3px)}.action-icon{font-size:32px}.action-info{display:flex;flex-direction:column;gap:4px}.action-title{color:#fff;font-size:14px;font-weight:600}.action-subtitle{color:#a0a9b8;font-size:12px}.activity-list,.history-list{display:flex;flex-direction:column;gap:12px}.activity-item,.history-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s ease}.activity-item:hover,.history-item:hover{background:#ffffff14;border-color:#0088cc4d}.activity-item{align-items:center;display:flex;gap:12px}.activity-icon,.history-icon{flex-shrink:0;font-size:24px}.activity-details,.history-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-title,.history-title{color:#fff;font-size:14px;font-weight:600}.activity-subtitle,.history-date{color:#a0a9b8;font-size:12px}.activity-amount,.history-amount{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.amount-ton{color:#08c;font-size:14px;font-weight:600}.amount-diamonds{color:#ffb347;font-size:12px}.history-main{gap:12px}.history-hash,.history-main{align-items:center;display:flex}.history-hash{color:#a0a9b8;cursor:pointer;font-family:Courier New,monospace;font-size:11px;gap:4px;transition:color .2s ease}.history-hash:hover{color:#08c}.history-hash svg{opacity:.7;transition:all .2s ease}.history-hash:hover svg{opacity:1;transform:scale(1.1)}.status-badge{border-radius:6px;font-size:11px;font-weight:500;padding:4px 8px}.status-badge.completed{background:#00ff881a;border:1px solid #00ff884d;color:#0f8}.status-badge.pending{background:#ffb3471a;border:1px solid #ffb3474d;color:#ffb347}.no-activity,.no-history{align-items:center;color:#a0a9b8;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-activity-icon,.no-history-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-activity-text,.no-history-text{color:#fff;font-size:16px;font-weight:500;margin-bottom:8px}.no-history-subtitle{color:#a0a9b8;font-size:14px;margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width:768px){.wallet-page{padding:16px}.empty-state-title{font-size:28px}.empty-state-description{font-size:14px}.action-grid{gap:8px;grid-template-columns:1fr}.wallet-status{padding:12px 16px}.card-content{padding:16px}}:root{--primary-color:#4c84ff;--secondary-color:#1b2333;--dark-bg:#101624;--dark-bg-color:#101624;--card-bg:#1b2333;--page-bg:#0a0e1a;--accent-color:#4c84ff;--primary-hover:#6ea1ff;--active-tab-color:#4c84ff;--text-color:#eef1f7;--text-secondary:#a0a8b5;--secondary-text:#a0a8b5;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--error-color:#e74c3c;--nav-bg-color:#0a101c;--input-bg-color:#0a101ccc;--input-bg:#ffffff0d;--border-color:#ffffff14;--shadow-color:#0000004d;--gold-color:#ffdd57;--diamond-color:#60a5fa;--tier-basic:#4a5568;--tier-advanced:#4c84ff;--tier-industrial:#9333ea;--energy-color:#f59e0b;--xp-color:#10b981;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--border-radius:8px;--border-radius-large:20px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--shadow-sm:0 2px 5px #0003;--shadow-md:0 2px 8px var(--shadow-color);--shadow-lg:0 2px 10px var(--shadow-color);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body,html{background:#0a0e1a!important;color:#eef1f7!important}.page{background:#0a0e1a;color:#eef1f7;min-height:100vh}*{color-scheme:dark}body,html{background:var(--page-bg)!important;color:var(--text-color)!important;font-family:var(--font-family);margin:0;padding:20px 0}.App{background:var(--page-bg);color:var(--text-color);min-height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);min-height:100vh}.app,.main-content{background:var(--page-bg)}.main-content{flex:1 1;margin:0 auto;max-width:480px;overflow-x:hidden;overflow-y:auto;padding:80px 20px;transition:opacity .2s ease-in-out;width:100%}.page{animation:fadeIn .3s ease-in-out;background:var(--page-bg);color:var(--text-color);display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 160px);padding:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-boundary{align-items:center;background:var(--page-bg);display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}.error-boundary h2{color:var(--error-color);margin-bottom:10px}.error-boundary p{color:var(--secondary-text);margin-bottom:20px}.error-boundary button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);padding:10px 20px}.error-boundary button:hover{background:var(--primary-hover)}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:var(--card-bg)}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.error-screen{align-items:center;background:var(--dark-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.error-screen h2{color:var(--error-color);font-size:24px;margin-bottom:15px}.error-screen p{font-size:16px;line-height:1.5;margin-bottom:10px}

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:inherit;border-radius:0;border-width:0;font-size:inherit;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-input,.form-multiselect,.form-select,.form-textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-3{left:.75rem}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.max-h-64{max-height:16rem}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1px*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity))}.border-purple-600{--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-red-500\/50{border-color:#ef444480}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from:#7c3aed var(--tw-gradient-from-position);--tw-gradient-to:#7c3aed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to:#4c1d9500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4c1d95 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-purple-100{--tw-text-opacity:1;color:rgb(237 233 254/var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity))}.text-purple-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);font-family:var(--font-family);margin:0;overflow-x:hidden;padding:0}#root,body{background:var(--dark-bg);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.hover\:border-yellow-400:hover{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-yellow-50:hover{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}.hover\:text-indigo-900:hover{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.hover\:text-purple-700:hover{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity))}.hover\:text-purple-800:hover{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity))}.hover\:text-purple-900:hover{--tw-text-opacity:1;color:rgb(76 29 149/var(--tw-text-opacity))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(139 92 246/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-transparent:focus{--tw-ring-offset-color:#0000}.disabled\:bg-purple-800:disabled{--tw-bg-opacity:1;background-color:rgb(91 33 182/var(--tw-bg-opacity))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=main.f4aa5043.css.map*/