.header{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;padding:0}.header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000004d,#00000080);z-index:1}.header-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;padding:170px 16px 20px}.header-club{font-family:FuturaDemiCTT,sans-serif;font-size:36px;text-shadow:3px 3px 60px rgba(0,0,0,.9);font-weight:900;color:#fff;letter-spacing:1.5px;mar-bottom:20px}.header-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:16px;box-shadow:0 4px 12px #0000001a}.user-card{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:nowrap}.user-card-left{flex-shrink:0}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.user-card-middle{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-status{display:flex;align-items:center;gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.date-value{font-size:12px;color:#6b7280;font-weight:400}.user-card-right{flex-shrink:0}.resident-type{font-size:11px;font-weight:600;color:var(--online-primary);padding:6px 12px;background:#2481cc1a;border-radius:8px;white-space:nowrap}.company-card{overflow:hidden}.company-info-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;padding-bottom:12px}.company-info-scroll::-webkit-scrollbar{height:4px}.company-info-scroll::-webkit-scrollbar-track{background:#0000000d;border-radius:2px;margin:0}.company-info-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.company-info{display:flex;flex-direction:row;gap:32px;min-width:max-content}.info-column{display:flex;flex-direction:column;gap:4px;min-width:140px;flex-shrink:0}.info-label{font-size:11px;color:#6b7280;white-space:nowrap}.info-value{font-size:13px;color:#1f2937;font-weight:500;white-space:nowrap}@media (max-width: 640px){.user-card{gap:12px}.user-card-right .resident-type{font-size:10px;padding:4px 8px}}.action-buttons{display:flex;gap:12px;padding:16px;background:transparent}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;border:none}.action-btn:active{transform:scale(.96);opacity:.8}.action-btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));border-radius:12px;color:#fff;position:relative}.status-dot{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.status-dot.green{background:#4caf50}.status-dot.yellow{background:#ffc107}.status-dot.red{background:#f44336}.action-btn-countdown{font-size:11px;font-weight:700;color:var(--tg-theme-button-color, #3390ec);text-align:center}.action-btn-label{font-size:13px;font-weight:600;color:var(--tg-theme-text-color)}.feed-card{background:#fff;border-radius:24px;padding:16px;margin-bottom:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.feed-card:active{transform:scale(.98);opacity:.9}.feed-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.feed-card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--tg-theme-text-color)}.feed-card-icon{display:flex;align-items:center;justify-content:center}.feed-card-arrow{color:var(--tg-theme-hint-color);flex-shrink:0}.feed-card-content{color:var(--tg-theme-text-color)}.footer{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:100;width:calc(100% - 64px);max-width:400px;padding-bottom:env(safe-area-inset-bottom)}.footer-blur{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 4px 15px #0000001f}.footer-content{position:relative;display:flex;justify-content:space-around;padding:4px}.footer-tab{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--tg-theme-hint-color);cursor:pointer;transition:all .2s ease;padding:8px 24px;border-radius:12px}.footer-tab:active{transform:scale(.95)}.footer-tab.active{color:var(--tg-theme-button-color);background:#2481cc1a}.footer-tab-label{font-size:11px;font-weight:500}.home-page{min-height:100vh;padding-bottom:120px;background:#f0f0f0}.home-skeleton{animation:fadeIn .3s}.skeleton-header-full{position:relative;width:100%;height:320px;background:linear-gradient(180deg,#d1d5db,#9ca3af);margin-bottom:16px}.skeleton-header-bg{position:relative;height:100%;padding:170px 16px 20px;display:flex;flex-direction:column;gap:12px}.skeleton-club-title{width:200px;height:36px;border-radius:8px;background:#ffffff4d;margin-bottom:8px}.skeleton-user-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:16px;display:flex;align-items:center;gap:16px}.skeleton-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-user-info{flex:1}.skeleton-user-name{width:160px;height:20px;margin-bottom:12px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-user-status{width:120px;height:16px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-actions{display:flex;gap:12px;padding:0 16px;margin-bottom:24px}.skeleton-action-btn{flex:1;background:#fff;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.skeleton-action-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-action-text{width:60px;height:14px;border-radius:4px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-feed{display:flex;flex-direction:column;gap:16px;padding:0 16px}.skeleton-feed-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 8px #0000000f}.skeleton-feed-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-feed-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-feed-title{flex:1;width:120px;height:20px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-feed-badge{width:50px;height:28px;border-radius:14px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-feed-content{height:40px;border-radius:8px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-feed-content-large{height:100px;border-radius:8px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:20px;text-align:center}.loading-hint{font-size:13px;color:var(--tg-theme-hint-color);margin-top:8px}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:20px;text-align:center}.error-icon{font-size:64px;margin-bottom:8px}.error-screen h2{font-size:24px;font-weight:700;color:var(--tg-theme-text-color);margin:0}.error-message{font-size:16px;color:var(--tg-theme-text-color);line-height:1.5;max-width:300px;margin:0}.retry-button{margin-top:16px;padding:12px 24px;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-button:active{opacity:.8}.error-details{margin-top:24px;width:100%;max-width:400px}.error-details details{text-align:left;background:var(--tg-theme-secondary-bg-color);border-radius:8px;padding:12px}.error-details summary{font-size:13px;color:var(--tg-theme-hint-color);cursor:pointer;-webkit-user-select:none;user-select:none}.error-details pre{margin-top:12px;font-size:11px;color:var(--tg-theme-hint-color);line-height:1.6;white-space:pre-wrap;word-break:break-all}.loader{width:48px;height:48px;border:4px solid var(--tg-theme-secondary-bg-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin 1s linear infinite}.feed-section{padding:16px}.feed-card-description{font-size:14px;color:var(--tg-theme-hint-color);line-height:1.4}.completion-badge{background:var(--tg-theme-button-color);color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:12px}.recent-meetings{display:flex;flex-direction:column;gap:12px}.meeting-item{display:flex;align-items:center;gap:12px}.meeting-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.meeting-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600}.meeting-info{flex:1;min-width:0}.meeting-name{font-size:14px;font-weight:600;color:var(--tg-theme-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-date{font-size:12px;color:var(--tg-theme-hint-color);margin-top:2px}.meeting-status{font-size:16px;flex-shrink:0}.meeting-status.completed{color:#10b981}.meeting-status.pending{color:#f59e0b}.page-header{position:fixed;top:0;left:0;right:0;height:128px;background:#fff;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding-bottom:16px;box-shadow:0 1px 3px #0000000d;z-index:100}.page-header-content{display:flex;align-items:center;gap:12px}.page-header-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));border-radius:12px;color:#fff}.page-header-title{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;color:#1f2937;margin:0;text-align:center}.subscription-page{min-height:100vh;padding-top:144px;padding-bottom:100px;background:#f0f0f0}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 144px);gap:16px}.subscription-content{padding:16px}.subscription-current{margin-bottom:24px}.subscription-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.subscription-header-section h2{font-family:TT Commons Pro,sans-serif;font-size:24px;font-weight:900;color:#1f2937;margin:0}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.current-tariff-card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 1px 3px #0000000d}.tariff-name{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;color:#1f2937;margin-bottom:8px}.tariff-description{font-size:14px;color:#6b7280;margin-bottom:20px}.tariff-info-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:16px}.tariff-info-item{display:flex;align-items:flex-start;gap:12px}.tariff-info-item svg{color:var(--online-primary);flex-shrink:0;margin-top:2px}.tariff-info-item>div{flex:1}.info-label{font-size:12px;color:#6b7280;margin-bottom:4px}.info-value{font-size:14px;font-weight:500;color:#1f2937}.info-value.price{font-size:18px;font-weight:700;color:var(--online-primary)}.tariff-info-item.highlight{background:linear-gradient(135deg,#4a9eff1a,#2481cc1a);padding:12px;border-radius:12px;flex-direction:column;align-items:center;text-align:center}.info-value-large{font-size:32px;font-weight:900;color:var(--online-primary)}.subscription-actions{display:flex;flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-secondary{background:#fff;color:#1f2937;border:2px solid #e5e7eb}.btn-secondary:active{background:#f9fafb;transform:scale(.98)}.available-tariffs{margin-top:24px}.available-tariffs h2{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;color:#1f2937;margin-bottom:16px}.tariff-option{background:#fff;border-radius:24px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;position:relative}.tariff-option:active:not(.current){transform:scale(.98)}.tariff-option.current{border:2px solid var(--online-primary);cursor:default}.tariff-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tariff-option-name{font-size:16px;font-weight:700;color:#1f2937}.tariff-option-price{font-size:18px;font-weight:900;color:var(--online-primary)}.tariff-option-description{font-size:13px;color:#6b7280;margin-bottom:8px}.current-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#4a9eff1a,#2481cc1a);color:var(--online-primary);border-radius:8px;font-size:11px;font-weight:600;margin-top:8px}.loader{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--online-primary);border-radius:50%;animation:spin 1s linear infinite}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;z-index:1000}.payment-modal{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:24px 16px 32px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.payment-modal-header h3{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;margin:0;color:#1f2937}.close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#1f2937}.payment-tariff-info{background:#f9fafb;border-radius:16px;padding:16px;margin-bottom:24px}.info-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.info-line:last-child{margin-bottom:0}.info-line .label{color:#6b7280;font-weight:500}.info-line .value{color:#1f2937;font-weight:700}.info-line .value.price{font-size:16px;color:var(--online-primary)}.payment-methods{margin-bottom:24px}.payment-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-option{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease}.method-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;transition:all .2s ease}.method-option input[type=radio]:checked{border-color:var(--online-primary);background:var(--online-primary);box-shadow:inset 0 0 0 4px #fff}.method-option.active{border-color:var(--online-primary);background:#4a9eff0d}.method-option span{font-size:14px;font-weight:600;color:#1f2937}.contractor-info{background:#f9fafb;border-radius:16px;padding:16px;margin-bottom:24px;border-left:4px solid var(--online-primary)}.btn-primary.full-width{width:100%}.btn-primary.loading{background:#9ca3af!important;cursor:not-allowed;opacity:.9}.btn-primary:disabled{cursor:not-allowed}.payment-loading{display:flex;align-items:center;justify-content:center;gap:12px}.payment-loading .spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.payment-loading span{font-size:16px;font-weight:600;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f3f4f6}.modal-header h2{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;color:#1f2937;margin:0}.modal-close{width:40px;height:40px;background:transparent;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s ease}.modal-close:active{background:#f3f4f6}.modal-body{flex:1;overflow-y:auto;padding:20px}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-field .field-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.field-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease}.field-input:focus{outline:none;border-color:var(--online-primary);box-shadow:0 0 0 3px #2481cc1a}.field-input.textarea{resize:vertical;min-height:100px;font-family:inherit}.field-input::placeholder{color:#9ca3af}.modal-footer{padding:16px 20px;border-top:1px solid #f3f4f6}.btn-save{width:100%;padding:16px;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save:active{transform:scale(.98);opacity:.9}.survey-page{min-height:100vh;padding-top:144px;padding-bottom:100px;background:#f0f0f0}.survey-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 144px);gap:16px}.survey-content{padding:16px}.survey-progress-section{background:linear-gradient(135deg,#4a9eff26,#2481cc26);border-radius:24px;padding:20px;margin-bottom:24px}.progress-text{margin-bottom:16px}.progress-label{font-size:13px;color:#1f2937;line-height:1.5}.progress-bar-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:12px;background:#fff9;border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#2481cc);transition:width .3s ease;border-radius:12px}.progress-percentage{font-size:18px;font-weight:900;color:var(--online-primary);min-width:50px;text-align:right}.survey-categories{display:flex;flex-direction:column;gap:12px}.category-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.category-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .2s ease}.category-header:active{background:#f9fafb}.category-left{display:flex;align-items:center;gap:12px;flex:1}.category-icon{width:40px;height:40px;background:linear-gradient(135deg,#4a9eff1a,#2481cc1a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--online-primary);flex-shrink:0}.category-name{font-size:16px;font-weight:700;color:#1f2937}.category-right{display:flex;align-items:center;gap:8px}.category-completion{font-size:14px;font-weight:600;color:#6b7280;padding:4px 8px;background:#f3f4f6;border-radius:8px}.category-completion.complete{color:#065f46;background:#d1fae5}.chevron{color:#6b7280;transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.category-content{padding:0 16px 16px;border-top:1px solid #f3f4f6}.category-fields{margin:16px 0}.field-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f3f4f6;gap:16px}.field-row:last-child{border-bottom:none}.field-label{font-size:13px;color:#6b7280;flex-shrink:0;min-width:120px}.field-value{font-size:14px;color:#1f2937;font-weight:500;text-align:right;word-break:break-word}.field-value.empty{color:#9ca3af;font-style:italic}.edit-category-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.edit-category-btn:active{transform:scale(.98);opacity:.9}.resident-search-page{min-height:100vh;padding-top:144px;padding-bottom:100px;background:#f0f0f0}.resident-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.search-skeleton{padding:16px;animation:fadeIn .3s}.skeleton-status-bar{height:60px;margin:16px 0;border-radius:24px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-controls{display:flex;gap:12px;margin-bottom:16px}.skeleton-filter{width:120px;height:40px;border-radius:12px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-search{flex:1;height:40px;border-radius:12px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-filters-scroll{display:flex;gap:8px;margin-bottom:20px}.skeleton-filter-badge{width:100px;height:36px;border-radius:12px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-card-resident{aspect-ratio:3/4;border-radius:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.search-status-bar{display:flex;align-items:center;justify-content:space-between;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px;margin:16px 16px 0;border-radius:24px;box-shadow:0 2px 8px #0000000f}.search-status-info{display:flex;align-items:center;gap:12px;padding:16px 0}.search-avatar-small{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.search-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px}.status-text{margin:2px 0 0;font-size:14px;color:#6b7280;display:flex;align-items:center;gap:6px;line-height:1.2}.status-name{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.2}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-button-compact{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#667eea1a;border:none;color:#667eea;cursor:pointer;transition:all .2s ease}.settings-button-compact:hover{background:#667eea33;transform:scale(1.05)}.settings-button-compact:active{transform:scale(.95)}.search-content{padding:16px}.search-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}.filters-count{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:10px 16px;box-shadow:0 2px 8px #0000000d}.search-input-wrapper svg{color:#9ca3af;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:15px;color:#1f2937;background:transparent}.search-input::placeholder{color:#9ca3af}.filters-scroll{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters-scroll::-webkit-scrollbar{display:none}.filter-dropdown{position:relative;flex-shrink:0}.filter-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-button:active{background:#f9fafb;transform:scale(.98)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;border-radius:10px;font-size:11px;font-weight:700}.filter-dropdown-menu{position:fixed;min-width:220px;max-width:calc(100vw - 32px);max-height:60vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;z-index:9999;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-option{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s}.filter-option:hover{background:#f9fafb}.filter-option input[type=checkbox]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;cursor:pointer}.filter-option input[type=checkbox]:checked{background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));border-color:var(--online-gradient-end)}.filter-option span{flex:1;font-size:14px;color:#374151}.option-count{font-size:12px;color:#9ca3af;font-weight:600}.clear-filter-btn{width:100%;padding:10px 16px;background:#f3f4f6;border:none;border-top:1px solid #e5e7eb;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.clear-filter-btn:hover{background:#e5e7eb}.clear-filter-btn:active{background:#d1d5db}.residents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resident-card{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s}.resident-card:active{transform:scale(.98)}.resident-image{position:relative;width:100%;height:100%}.resident-image img{width:100%;height:100%;object-fit:cover}.resident-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280;font-size:32px;font-weight:700}.resident-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 12px;background:linear-gradient(180deg,#0000,#0009,#000c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.resident-club-badge{display:inline-block;font-size:9px;font-weight:700;padding:3px 8px;border-radius:8px;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase;color:#fff}.resident-club-badge.club-prime{background:#8b0000;box-shadow:0 2px 8px #8b00004d}.resident-club-badge.club-online{background:#2481cc;box-shadow:0 2px 8px #2481cc4d}.resident-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.resident-company{font-size:12px;color:#ffffffe6;display:flex;align-items:center;gap:4px;line-height:1.3}.resident-company:before{content:"🏢";font-size:11px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s}.settings-modal{background:#fff;border-radius:24px 24px 0 0;padding:24px;width:100%;max-width:500px;animation:slideUp .3s}.settings-modal h3{font-family:TT Commons Pro,sans-serif;font-size:20px;font-weight:900;color:#1f2937;margin:0 0 8px}.modal-description{font-size:14px;color:#6b7280;margin:0 0 24px}.privacy-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.privacy-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;background:#f9fafb;border-radius:12px;transition:background .2s}.privacy-option:active{background:#f3f4f6}.privacy-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--online-primary)}.privacy-option span{font-size:15px;color:#1f2937;font-weight:500}.modal-actions{display:flex;gap:12px}.btn-secondary{flex:1;padding:14px;background:#f3f4f6;color:#1f2937;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:active{background:#e5e7eb}.btn-primary{flex:1;padding:14px;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.resident-profile-page{min-height:100vh;background:#f0f0f0;padding-top:144px;padding-bottom:120px}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:24px}.profile-error p{font-size:16px;color:#6b7280;text-align:center}.profile-skeleton{padding:24px;animation:fadeIn .3s}.skeleton-avatar{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-name{width:200px;height:28px;margin:0 auto 8px;border-radius:8px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-username{width:120px;height:20px;margin:0 auto 12px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-badge{width:140px;height:32px;margin:0 auto 24px;border-radius:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-section{margin-bottom:24px}.skeleton-title{width:180px;height:24px;margin-bottom:16px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-card{height:72px;margin-bottom:12px;border-radius:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-main{padding:24px;margin:0 16px 16px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 4px 12px #0000000d}.profile-avatar-large{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 24px #0000001f}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;font-size:40px;font-weight:700}.profile-name{font-family:TT Commons Pro,sans-serif;font-size:28px;font-weight:900;color:#1f2937;margin:0 0 8px;line-height:1.2}.profile-username{font-size:16px;color:#6b7280;margin:0 0 16px}.profile-club-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.profile-club-badge.club-prime{background:#ff3b301a;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.profile-club-badge.club-online{background:#4a9eff1a;color:var(--online-primary);border:1px solid rgba(74,158,255,.3)}.profile-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#4a9eff1a,#2481cc1a);border:2px solid var(--online-primary);border-radius:12px;font-size:14px;font-weight:700;color:var(--online-primary);margin-bottom:16px}.profile-bio{font-size:15px;line-height:1.6;color:#4b5563;text-align:center;max-width:500px;margin:16px auto 0}.profile-info-section{padding:24px 16px 0}.section-title{font-family:TT Commons Pro,sans-serif;font-size:18px;font-weight:900;color:#1f2937;margin:0 0 16px 8px}.info-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000d;transition:transform .2s}.info-card:active{transform:scale(.98)}.info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a9eff1a,#2481cc1a);border-radius:12px;color:var(--online-primary);flex-shrink:0}.info-content{flex:1}.info-label{font-size:13px;color:#9ca3af;margin-bottom:4px;font-weight:500}.info-value{font-size:15px;color:#1f2937;font-weight:600;word-break:break-word}.profile-actions{padding:24px 16px}.contact-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s;box-shadow:0 4px 12px #2481cc4d}.contact-button:active{opacity:.8}.loader{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:var(--online-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{padding:14px 24px;background:linear-gradient(135deg,var(--online-gradient-start),var(--online-gradient-end));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:active{opacity:.8}.event-card{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:12px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 8px #00000014}.event-card:active{transform:scale(.98)}.event-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.event-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.event-date-badge{position:absolute;top:12px;right:12px;background:#fffffff2;border-radius:12px;padding:8px 12px;text-align:center;box-shadow:0 2px 8px #00000026}.registered-badge{position:absolute;top:12px;left:12px;background:#4caf50f2;color:#fff;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #4caf504d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.registered-badge span{font-size:14px}.date-day{font-size:20px;font-weight:700;line-height:1;color:var(--tg-theme-button-color, #3390ec)}.date-month{font-size:12px;font-weight:500;text-transform:uppercase;color:var(--tg-theme-hint-color, #999999);margin-top:2px}.event-content{padding:16px}.event-header{margin-bottom:12px}.event-title{margin:0;font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000);line-height:1.4}.event-footer{display:flex;justify-content:space-between;align-items:center}.event-format{display:flex;align-items:center;gap:8px}.event-time{font-size:13px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.format-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.format-badge.prime{background:gold;color:#000}.format-badge.online{background:#3390ec;color:#fff}.location{font-size:13px;color:var(--tg-theme-hint-color, #999999)}.event-authors{display:flex;align-items:center;gap:4px}.author-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--tg-theme-bg-color, #ffffff);margin-left:-8px}.author-avatar:first-child{margin-left:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);font-size:12px;font-weight:600}.more-authors{width:32px;height:32px;border-radius:50%;background:var(--tg-theme-hint-color, #e0e0e0);color:var(--tg-theme-text-color, #000000);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-left:-8px}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--tg-theme-bg-color, #ffffff);border-radius:16px 16px 0 0;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{width:36px;height:4px;background:var(--tg-theme-hint-color, #e0e0e0);border-radius:2px;margin:12px auto}.drawer-loading{padding:40px;text-align:center;color:var(--tg-theme-hint-color, #999999)}.event-detail-image{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.event-detail-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.drawer-content{padding:20px 20px 40px}.event-detail-title{margin:0 0 16px;font-size:24px;font-weight:700;color:var(--tg-theme-text-color, #000000)}.event-meta{margin-bottom:20px}.meta-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0)}.meta-item:last-child{border-bottom:none}.meta-label{font-weight:600;color:var(--tg-theme-hint-color, #999999)}.meta-value{color:var(--tg-theme-text-color, #000000)}.event-authors-section{margin-bottom:20px}.event-authors-section h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.authors-list{display:flex;flex-direction:column;gap:12px}.author-item{display:flex;align-items:center;gap:12px}.author-item img,.author-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-placeholder{display:flex;align-items:center;justify-content:center;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);font-weight:600}.author-item span{font-size:16px;font-weight:500;color:var(--tg-theme-text-color, #000000)}.event-description{margin-bottom:20px}.event-description h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.event-description p{margin:0;line-height:1.6;color:var(--tg-theme-text-color, #000000);white-space:pre-line}.online-link-btn{display:block;width:100%;padding:14px;background:#25d366;color:#fff;text-align:center;text-decoration:none;border-radius:12px;font-weight:600;margin-bottom:12px}.drawer-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--tg-theme-hint-color, #e0e0e0)}.btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){opacity:.8}.btn-register{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff)}.btn-cancel{background:var(--tg-theme-destructive-text-color, #ff3b30);color:#fff}.my-registrations-drawer .drawer-content{padding-bottom:40px}.my-registrations-drawer .drawer-title{margin:0 0 20px;font-size:24px;font-weight:700;color:var(--tg-theme-text-color, #000000)}.empty-registrations{padding:40px 16px;text-align:center}.empty-registrations p{margin:0;font-size:16px;color:var(--tg-theme-hint-color, #999999);line-height:1.5}.registrations-list{display:flex;flex-direction:column;gap:16px}.events-page{min-height:100vh;background:var(--tg-theme-secondary-bg-color, #efeff4);padding-bottom:20px}.events-content{padding-top:140px}.registrations-banner{margin:16px 16px 20px;padding:24px 20px;background:#fff;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:transform .2s;box-shadow:0 2px 8px #00000014;min-height:100px}.registrations-banner:active{transform:scale(.98)}.banner-content{flex:1;display:flex;flex-direction:column;gap:12px}.banner-header{display:flex;align-items:center;gap:8px}.banner-count{font-size:15px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.nearest-event{display:flex;flex-direction:column;gap:6px}.nearest-event-title{font-size:14px;color:var(--tg-theme-text-color, #000000);font-weight:500;line-height:1.3}.event-countdown{display:flex;flex-direction:column;gap:2px}.countdown-time{font-size:13px;font-weight:600;color:var(--tg-theme-button-color, #3390ec)}.countdown-date{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.banner-left{display:flex;align-items:center;gap:12px}.banner-icon{color:var(--tg-theme-button-color, #3390ec);flex-shrink:0}.banner-text{color:var(--tg-theme-text-color, #000000);font-size:16px;font-weight:500;line-height:1.4}.banner-arrow{color:var(--tg-theme-hint-color, #999999);font-size:18px;font-weight:500}.filters-row{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters-row::-webkit-scrollbar{display:none}.filter-select-wrapper{position:relative;flex-shrink:0;min-width:fit-content}.filter-select{width:100%;min-width:140px;padding:10px 32px 10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-weight:500;color:var(--tg-theme-text-color, #000000);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s}.filter-select:focus{outline:none;border-color:var(--tg-theme-button-color, #3390ec)}.filter-select option{padding:10px}.events-feed{padding:0 16px}.loading,.empty-state{padding:60px 20px;text-align:center;color:var(--tg-theme-hint-color, #999999);font-size:16px}.event-card-skeleton{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:16px}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{padding:16px}.skeleton-title{height:24px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-text{height:16px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-footer{display:flex;gap:12px;margin-top:16px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dev-mode-toggle{position:fixed;top:10px;right:10px;z-index:10000;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.dev-mode-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;font-family:TT Commons Pro,sans-serif;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #ff6b6b4d}.dev-mode-buttons{display:flex;gap:6px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px;border-radius:16px;box-shadow:0 4px 12px #0000001a}.dev-button{padding:8px 16px;border:none;border-radius:12px;font-size:13px;font-weight:600;font-family:TT Commons Pro,sans-serif;cursor:pointer;transition:all .2s ease;background:transparent;color:#666}.dev-button:hover{background:#0000000d}.dev-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.dev-button:active{transform:scale(.95)}@font-face{font-family:FuturaDemiCTT;src:url(/fonts/FTR65__C.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TT Commons Pro;src:url(/fonts/TT-Commons-Pro-Regular-GFXTRA.COM-iF66f1111965640.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TT Commons Pro;src:url(/fonts/TT-Commons-Pro-Black-GFXTRA.COM-iF66f11118a12f2.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--tg-theme-bg-color: #F0F0F0;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #ffffff;--online-primary: #2481cc;--online-gradient-start: #4a9eff;--online-gradient-end: #2481cc;--prime-primary: #8b0000;--prime-gradient-start: #b22222;--prime-gradient-end: #8b0000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:FuturaDemiCTT,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{width:100%;min-height:100vh;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--tg-theme-hint-color);border-radius:4px}*{transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.5}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:var(--tg-theme-link-color);text-decoration:none}input,textarea{font-family:inherit;border:none;outline:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}