:root{--bg-primary:#0f1629;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-gradient-start:#0a0e27;--bg-gradient-end:#1a1f3a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#1e293b;--border-color-light:#334155;--accent-color:#3b82f6;--accent-hover:#2563eb;--shadow:#00000080}body.light-theme{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-gradient-start:#fff;--bg-gradient-end:#fff;--text-primary:#0f172a;--text-secondary:#1e293b;--text-tertiary:#334155;--border-color:#cbd5e1;--border-color-light:#e2e8f0}body.light-theme *{color:inherit}body.light-theme [style*="color: #f1f5f9"],body.light-theme [style*="color:#f1f5f9"]{color:#0f172a!important}body.light-theme [style*="color: #94a3b8"],body.light-theme [style*="color:#94a3b8"]{color:#1e293b!important}body.light-theme [style*="color: #64748b"],body.light-theme [style*="color:#64748b"]{color:#334155!important}body.light-theme [style*="color: #e2e8f0"],body.light-theme [style*="color:#e2e8f0"]{color:#1e293b!important}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{height:0;width:0}body{background:linear-gradient(135deg,#0a0e27,#1a1f3a);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:40px 20px;transition:background .3s ease}.container{display:flex;gap:24px;margin:0 auto;max-width:1100px;width:100%}.sidebar{background:#0f1629;background:var(--bg-primary);border:1px solid #1e293b;border:1px solid var(--border-color);border-radius:24px;flex-shrink:0;padding:32px 0;transition:background .3s ease,border-color .3s ease;width:280px}.sidebar-header{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border-color);padding:0 24px 24px;transition:border-color .3s ease}.sidebar-title{color:#f1f5f9;color:var(--text-primary);font-size:20px;font-weight:700;transition:color .3s ease}.sidebar-nav{padding:16px 0}.nav-item.hidden{display:none}.nav-item{align-items:center;border-left:3px solid #0000;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 24px;position:relative;transition:all .2s}.nav-item:hover{background:#3b82f60d;color:#f1f5f9;color:var(--text-primary)}.nav-item.active{background:#3b82f61a;border-left-color:#3b82f6;border-left-color:var(--accent-color);color:#3b82f6;color:var(--accent-color)}.nav-icon{stroke:currentColor;stroke-width:2;fill:none;height:20px;width:20px}.card{background:#0f1629;background:var(--bg-primary);border:1px solid #1e293b;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;box-shadow:0 25px 50px -12px var(--shadow);flex:1 1;overflow:visible;padding:48px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.content-section{display:none}.content-section.active{display:block}.header{margin-bottom:40px;position:relative;text-align:center}.header-content{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.theme-toggle-wrapper{align-items:center;display:flex;gap:12px;position:absolute;right:0;top:0}.theme-toggle-label{color:#64748b;font-size:14px;font-weight:500;white-space:nowrap}.theme-toggle{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.theme-toggle input{height:0;opacity:0;width:0}.theme-toggle-slider{background-color:#334155;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.theme-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.theme-toggle input:checked+.theme-toggle-slider{background-color:#3b82f6}.theme-toggle input:checked+.theme-toggle-slider:before{transform:translateX(24px)}.theme-toggle:hover .theme-toggle-slider{box-shadow:0 0 0 4px #3b82f61a}.icon-wrapper{align-items:center;background:#3b82f61a;border-radius:16px;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.user-icon{stroke:#3b82f6;stroke-width:2;fill:none;height:32px;width:32px}h1{color:#f1f5f9;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.subtitle{color:#64748b;font-size:14px}.logout-button{align-items:center;background:#1e293b80;border:1px solid #1e293b;border:1px solid var(--border-color);border-radius:12px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:all .2s;width:40px}.logout-button:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5;transform:translateY(-2px)}.logout-button svg{stroke:currentColor;stroke-width:2;fill:none;height:20px;width:20px}body.light-theme .logout-button{background:#f1f5f9cc;border-color:#1e293b;border-color:var(--border-color)}body.light-theme .logout-button:hover{background:#ef444426;border-color:#ef444466;color:#dc2626}.photo-section{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.photo-wrapper{position:relative}.photo-preview{align-items:center;background:#1e293b;border:2px solid #334155;border-radius:50%;display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-preview svg{stroke:#64748b;stroke-width:2;fill:none;height:40px;width:40px}body.light-theme svg[stroke="#64748b"]{stroke:#334155!important}body.light-theme svg[stroke="#475569"],body.light-theme svg[stroke="#94a3b8"]{stroke:#1e293b!important}body.light-theme [style*="stroke: #64748b"],body.light-theme [style*="stroke:#64748b"]{stroke:#334155!important}body.light-theme [style*="stroke: #475569"],body.light-theme [style*="stroke: #94a3b8"],body.light-theme [style*="stroke:#475569"],body.light-theme [style*="stroke:#94a3b8"]{stroke:#1e293b!important}.upload-button{align-items:center;background:#3b82f6;border:2px solid #0f1629;border:2px solid var(--bg-primary);border-radius:50%;bottom:25px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-65px;transition:all .2s;width:32px;z-index:10}.upload-button:hover{background:#2563eb}.upload-button svg{stroke:#fff;stroke-width:2;fill:none;height:16px;width:16px}#photoInput,#registerPhotoInput,input[type=file]{display:none}.photo-hint{color:#64748b;font-size:12px;margin-top:-8px}.form-group{margin-bottom:24px}.form-group:first-of-type{margin-top:-8px}label{color:#f1f5f9;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{stroke:#64748b;stroke-width:2;fill:none;height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}input{background:#1e293b80;border:1px solid #334155;border-radius:12px;color:#f1f5f9;font-size:14px;height:44px;padding-left:40px;padding-right:16px;transition:all .2s;width:100%}input::placeholder{color:#475569}input:focus{background:#1e293bcc;border-color:#3b82f6;outline:none}.submit-button{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:44px;margin-top:8px;transition:background .2s;width:100%}.submit-button:hover{background:#2563eb}.footer{margin-top:24px;text-align:center}.footer-text{color:#64748b;font-size:12px;line-height:1.5}.empty-content{padding:60px 20px;text-align:center}.empty-icon{stroke:#64748b;stroke:var(--text-tertiary);stroke-width:2;fill:none;height:64px;margin:0 auto 24px;transition:stroke .3s ease;width:64px}.empty-title{color:#f1f5f9;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:8px;transition:color .3s ease}.empty-description{color:#64748b;color:var(--text-tertiary);font-size:14px;line-height:1.6;transition:color .3s ease}.charity-buttons{gap:16px;margin-bottom:32px}.charity-button,.charity-buttons{display:flex;justify-content:center}.charity-button{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:2px solid #334155;border:2px solid var(--border-color-light);border-radius:16px;color:#f1f5f9;color:var(--text-primary);cursor:pointer;flex:1 1;flex-direction:column;font-size:16px;font-weight:600;gap:12px;height:120px;max-width:240px;transition:all .3s}.charity-button:hover{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border-color:#3b82f6;border-color:var(--accent-color);transform:translateY(-2px)}.charity-button svg{stroke:#3b82f6;stroke-width:2;fill:none;height:32px;width:32px}.intro-form{background:#1e293b;background:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color-light);border-radius:16px;margin:0 auto;max-width:500px;padding:32px;transition:background .3s ease,border-color .3s ease}.intro-form h2{color:#f1f5f9;color:var(--text-primary);font-size:20px;margin-bottom:8px;transition:color .3s ease}.intro-form p{color:#64748b;color:var(--text-tertiary);font-size:14px;margin-bottom:24px;transition:color .3s ease}.payment-details-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s}.payment-details-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.payment-details-button:active{transform:translateY(0)}.payment-modal{align-items:center;background:#0a0e27f2;bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.payment-modal.active{display:flex}.payment-modal-content{background:#0f1629;border:1px solid #1e293b;border-radius:24px;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:100%}.payment-modal-close{align-items:center;background:#1e293b80;border:none;border-radius:50%;color:#f1f5f9;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:40px}.payment-modal-close:hover{background:#1e293bcc;transform:rotate(90deg)}.payment-modal-close svg{stroke:currentColor;stroke-width:2;height:20px;width:20px}.submit-receipt-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.submit-receipt-button:active{transform:translateY(0)}.submit-receipt-button:disabled{cursor:not-allowed;opacity:.5;transform:none}#receiptUploadArea:hover{background:#3b82f60d;border-color:#3b82f6}.receipt-processing-modal{align-items:center;background:#0a0e27f2;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.receipt-processing-modal.active{display:flex}.receipt-processing-content{background:#0f1629;border:1px solid #1e293b;border-radius:24px;max-width:500px;padding:48px;text-align:center;width:100%}.posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.post-card{background:#1e293b66;border:1px solid #334155;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.post-id{background:#0f1629cc;border:1px solid #3b82f633;border-radius:6px;color:#64748b;font-family:Courier New,monospace;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:5}.post-card:hover{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f633;transform:translateY(-4px)}.post-card .amount-display{margin-top:12px;padding:12px 16px}.post-card .amount-display-collected,.post-card .amount-display-target{font-size:18px}.post-image{background:linear-gradient(135deg,#1e293b,#334155);height:200px;object-fit:cover;width:100%}.post-content{padding:16px}.post-author{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post-avatar{border:2px solid #334155;border-radius:50%;height:40px;object-fit:cover;width:40px}.post-author-info{flex:1 1}.post-author-name{color:#f1f5f9;font-size:14px;font-weight:600;margin-bottom:2px}.post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f1f5f9;display:-webkit-box;font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden}.post-amount{align-items:center;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f64d;border-left:3px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;overflow:hidden;padding:10px 16px;position:relative}.post-amount:before{background:linear-gradient(90deg,#3b82f64d,#8b5cf64d);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0;width:var(--progress-width,0);z-index:0}.post-amount-content{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:1}.post-amount-collected{color:#10b981;font-size:16px;font-weight:700}.post-amount-separator{color:#64748b;font-size:14px;margin:0 8px}.post-amount-target{color:#3b82f6;font-size:16px;font-weight:700}.post-amount-currency{color:#8b5cf6;font-size:14px;margin-left:4px}.post-detail{align-items:center;background:#0a0e27f2;bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.post-detail.active{display:flex}.post-detail-content{background:#0f1629;border:1px solid #1e293b;border-radius:24px;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.detail-post-id{background:#0f1629e6;border:1px solid #3b82f64d;border-radius:8px;color:#64748b;font-family:Courier New,monospace;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:10}.post-detail-header{background:linear-gradient(135deg,#1e293b,#334155);height:400px;position:relative}.post-detail-image{height:100%;object-fit:cover;width:100%}.detail-arrow{align-items:center;background:#0f172abf;border:1px solid #94a3b859;border-radius:50%;color:#e2e8f0;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:42px;z-index:10}.detail-arrow:hover{background:#0f172af2;border-color:#3b82f6;color:#3b82f6}.detail-arrow svg{stroke:currentColor;height:22px;width:22px}.detail-arrow-prev{left:12px}.detail-arrow-next{right:12px}.detail-image-counter{background:#0f172acc;border-radius:999px;bottom:16px;color:#cbd5f5;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:18px;z-index:10}.close-button{align-items:center;background:#0f1629e6;border:1px solid #334155;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:40px}.close-button:hover{background:#0f1629;border-color:#3b82f6}.close-button svg{stroke:#f1f5f9;stroke-width:2;fill:none;height:20px;width:20px}.post-detail-body{padding:32px}.detail-author{align-items:center;border-bottom:1px solid #1e293b;display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px}.detail-avatar{border:3px solid #334155;border-radius:50%;height:64px;object-fit:cover;width:64px}.detail-author-info h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:4px}.detail-author-info p{color:#64748b;font-size:13px}.post-detail-title{color:#f1f5f9;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:16px}.post-detail-description{word-wrap:break-word;color:#94a3b8;font-size:14px;line-height:1.7;margin-bottom:24px;overflow-wrap:break-word;white-space:pre-wrap}.post-detail-info{background:#1e293b80;border:1px solid #334155;border-radius:12px;margin-bottom:24px;padding:20px}.info-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.info-row .amount-display{flex:1 1;min-width:200px}.info-row:last-child{margin-bottom:0}.info-label{color:#64748b;font-size:14px}.info-value{color:#f1f5f9;font-size:14px;font-weight:600}.amount-display{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:2px solid #3b82f666;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 4px 12px #3b82f626;display:flex;justify-content:space-between;overflow:hidden;padding:16px 24px;position:relative}.amount-display:before{background:linear-gradient(90deg,#3b82f666,#8b5cf666);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0;width:var(--progress-width,0);z-index:0}.amount-display-content{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:1}.amount-display-collected{color:#10b981;font-size:24px;font-weight:700}.amount-display-separator{color:#64748b;font-size:20px;margin:0 12px}.amount-display-target{color:#3b82f6;font-size:24px;font-weight:700}.amount-display-currency{color:#8b5cf6;font-size:20px;margin-left:6px}.user-post-amount-badge{align-items:center;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f64d;border-left:3px solid #3b82f6;border-radius:8px;color:#3b82f6;display:inline-flex;font-size:15px;font-weight:700;gap:6px;padding:6px 14px}.user-post-amount-badge:before{color:#64748b;content:"Цель: ";font-size:13px;font-weight:500}.user-post-amount-badge:after{color:#8b5cf6;content:" ₽";font-size:14px;margin-left:2px}.back-button{align-items:center;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;transition:color .2s}.back-button:hover{color:#3b82f6}.back-button svg{stroke:currentColor;stroke-width:2;fill:none;height:16px;width:16px}.rating-container{margin:0 auto;max-width:1000px}.info-box{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:20px;margin-bottom:32px;padding:24px}.info-box h3{align-items:center;color:#f1f5f9;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.info-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-info{background:#1e293b66;border:1px solid #33415580;border-radius:12px;padding:16px}.status-name{color:#3b82f6;font-size:15px;font-style:italic;font-weight:600;margin-bottom:4px}.status-points{color:#94a3b8;font-size:13px}.user-rating-card{align-items:center;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:2px solid #3b82f666;border-radius:20px;box-shadow:0 8px 32px #3b82f633;display:flex;gap:24px;margin-bottom:32px;padding:32px}.user-rating-avatar{align-items:center;background:#1e293b80;border:3px solid #3b82f6;border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.user-rating-avatar img{height:100%;object-fit:cover;width:100%}.user-rating-info{flex:1 1}.user-rating-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.user-rating-name{color:#f1f5f9;font-size:28px;font-weight:700}.rank-badge{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#7c2d12}.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#1e293b}.rank-3{background:linear-gradient(135deg,#cd7f32,#e6a869);color:#431407}.user-rating-status{color:#3b82f6;font-size:16px;font-style:italic;margin-bottom:12px}.user-rating-stats{display:flex;gap:32px}.rating-stat{display:flex;flex-direction:column}.rating-stat-label{color:#94a3b8;font-size:13px;margin-bottom:4px}.rating-stat-value{color:#f1f5f9;font-size:24px;font-weight:700}.leaderboard{background:#1e293b4d;border:1px solid #33415580;border-radius:20px;padding:24px}.leaderboard-title{color:#f1f5f9;font-size:20px;font-weight:700;margin-bottom:20px}.leaderboard-item{align-items:center;background:#1e293b66;border:1px solid #33415580;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s}.leaderboard-item:hover{background:#1e293b99;border-color:#3b82f680}.leaderboard-item.current-user{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:2px solid #3b82f699;box-shadow:0 4px 16px #3b82f64d}.leaderboard-item.current-user .leaderboard-avatar{border-color:#3b82f6;box-shadow:0 0 12px #3b82f680}.leaderboard-item.current-user .leaderboard-name{color:#3b82f6;font-weight:700}.leaderboard-position{color:#64748b;font-size:16px;font-weight:700;height:40px;width:40px}.leaderboard-avatar,.leaderboard-position{align-items:center;display:flex;flex-shrink:0;justify-content:center}.leaderboard-avatar{background:#3b82f633;border:2px solid #3b82f64d;border-radius:50%;height:48px;overflow:hidden;width:48px}.leaderboard-avatar svg{stroke:#64748b;stroke:var(--text-tertiary);height:24px;transition:stroke .3s ease;width:24px}.leaderboard-info{flex:1 1}.leaderboard-name{color:#f1f5f9;font-size:15px;font-weight:600;margin-bottom:4px}.leaderboard-status{color:#64748b;font-size:13px;font-style:italic}.leaderboard-points{color:#3b82f6;font-size:16px;font-weight:700}.rules-container{margin:0 auto;max-width:1200px}.rules-section{margin-bottom:32px}.rules-section-title{color:#f1f5f9;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.rules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.rule-card{background:#1e293b66;border:1px solid #33415580;border-radius:20px;overflow:hidden;padding:28px;position:relative;transition:all .3s}.rule-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.rule-card:hover{border-color:#3b82f680;box-shadow:0 8px 32px #3b82f633;transform:translateY(-4px)}.rule-card-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin-bottom:16px;width:48px}.rule-card-title{color:#f1f5f9;font-size:18px;font-weight:700;margin-bottom:12px}.rule-card-description{color:#94a3b8;font-size:14px;line-height:1.6}.platform-rules{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:20px;margin-bottom:32px;padding:32px}.platform-rules h2{color:#f1f5f9;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px;text-align:center;transition:color .3s ease}.platform-rules-subtitle{color:#94a3b8;color:var(--text-secondary);margin-bottom:24px;text-align:center;transition:color .3s ease}.platform-rule-item{align-items:flex-start;background:#1e293b4d;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.platform-rule-icon{align-items:center;background:#3b82f6;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;width:24px}.platform-rule-icon svg{stroke:#fff;stroke-width:3;height:14px;width:14px}.platform-rule-text{color:#e2e8f0;font-size:14px;line-height:1.6}@media (max-width:768px){.container{flex-direction:column}.sidebar{width:100%}.sidebar-nav{display:flex;overflow-x:auto;padding:8px 0}.nav-item{border-bottom:3px solid #0000;border-left:none;flex-shrink:0}.nav-item.active{border-bottom-color:#3b82f6;border-left:none}.charity-buttons{flex-direction:column}.charity-button{max-width:100%}.posts-grid{grid-template-columns:1fr}.post-detail-header{height:300px}.chat-container{border-radius:0;bottom:0;height:100%;right:0;width:100%}}@media (max-width:480px){.card{padding:32px 24px}h1{font-size:24px}.post-detail-body{padding:24px}}.support-container{margin:0 auto;max-width:900px}.support-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support-category{background:linear-gradient(135deg,#3b82f61a,#9333ea0d);border:1px solid #3b82f633;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.support-category:before{background:linear-gradient(135deg,#3b82f626,#9333ea1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.support-category:hover{border-color:#3b82f6;box-shadow:0 12px 24px #3b82f633;transform:translateY(-4px)}.support-category:hover:before{opacity:1}.support-category-icon{align-items:center;background:#3b82f61a;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;position:relative;width:48px;z-index:1}.support-category-icon svg{stroke:#3b82f6;height:24px;width:24px}.support-category h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.support-category p{color:#94a3b8;font-size:14px;line-height:1.5;position:relative;z-index:1}.support-chat-item{align-items:center;background:#1e293b4d;border:1px solid #334155;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;position:relative;transition:all .2s}.support-chat-item:hover{background:#1e293b80;border-color:#3b82f6}.support-chat-item-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.support-chat-item-avatar svg{stroke:#fff;height:24px;width:24px}.support-chat-item-info{flex:1 1}.support-chat-item-name{color:#f1f5f9;font-size:15px;font-weight:600;margin-bottom:4px}.support-chat-item-last-message{color:#64748b;font-size:13px}.support-modal{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e27f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.support-modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0f1629,#1a1f3a);border:1px solid #1e293b;border-radius:24px;max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.support-modal-header{border-bottom:1px solid #33415580;padding:32px 32px 24px}.support-modal-header h2{color:#f1f5f9;font-size:24px;font-weight:700;margin-bottom:8px}.support-modal-header p{color:#64748b;font-size:14px}.support-modal-body{padding:24px 32px}.support-solution{background:#1e293b4d;border:1px solid #334155;border-radius:12px;cursor:pointer;margin-bottom:16px;padding:20px;transition:all .2s}.support-solution:hover{background:#1e293b80;border-color:#3b82f6}.support-solution h4{align-items:center;color:#f1f5f9;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.support-solution p{color:#94a3b8;font-size:14px;line-height:1.5}.support-modal-footer{border-top:1px solid #33415580;padding:24px 32px;text-align:center}.support-modal-footer p{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:16px}.support-btn-group{display:flex;gap:12px;justify-content:center}.support-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s}.support-btn-yes{background:#10b981;color:#fff}.support-btn-yes:hover{background:#059669}.support-btn-no{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.support-btn-no:hover{background:#ef4444;color:#fff}.support-close-btn{align-items:center;background:#1e293b80;border:1px solid #334155;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.support-close-btn:hover{background:#1e293bcc;border-color:#3b82f6}.support-close-btn svg{stroke:#f1f5f9;height:16px;width:16px}.support-chat-container{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e27f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.support-chat-window{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#0f1629;border:1px solid #1e293b;border-radius:24px;display:flex;flex-direction:column;height:600px;max-width:700px;width:100%}.support-chat-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:20px 24px}.support-chat-header-info{align-items:center;display:flex;gap:12px}.support-chat-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.support-chat-avatar svg{stroke:#fff;height:20px;width:20px}.support-chat-operator{color:#f1f5f9;font-size:16px;font-weight:600}.support-chat-status{align-items:center;color:#10b981;display:flex;font-size:12px;gap:4px}.support-chat-status:before{animation:pulse 2s infinite;background:#10b981;border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.support-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.support-chat-message{align-items:flex-start;display:flex;gap:12px;max-width:80%}.support-chat-message.user-message{flex-direction:row-reverse;margin-left:auto}.support-chat-message.support-message{margin-right:auto}.support-chat-message-content-wrapper{display:flex;flex:1 1;flex-direction:column}.support-chat-message-author{color:#64748b;font-size:12px;font-weight:600;margin-bottom:4px}.support-chat-message-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.support-chat-message-avatar.operator{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;justify-content:center}.support-chat-message-avatar.user{align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:center}.support-chat-message-avatar svg{stroke:#fff;height:16px;width:16px}.support-chat-message-content{background:#1e293b80;border:1px solid #334155;border-radius:16px;color:#fff;font-size:14px;line-height:1.5;padding:12px 16px}.support-chat-message-text{color:#fff}.support-chat-message.user .support-chat-message-content{background:#3b82f61a;border-color:#3b82f64d}.support-chat-message-time{color:#64748b;font-size:11px;margin-top:4px}.support-chat-input-container{align-items:center;border-top:1px solid #1e293b;display:flex;gap:12px;padding:20px 0}.support-chat-input-container form{align-items:center;display:flex;gap:12px;padding:0 24px;width:100%}.support-chat-input{background:#1e293b80;border:1px solid #334155;border-radius:12px;color:#f1f5f9;flex:1 1;font-size:14px;height:44px;padding:0 16px}.support-chat-input:focus{border-color:#3b82f6;outline:none}.support-chat-send-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.support-chat-send-btn:hover{background:#2563eb}.support-chat-send-btn svg{stroke:#fff;height:20px;width:20px}.ripple-container{overflow:hidden;position:relative}.ripple{animation:ripple-animation .6s ease-out;background:#fff9;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.leaderboard-item,.nav-item,.post-card,.rule-card,.submit-button,.support-btn,.support-category,.support-chat-send-btn,.support-solution,.upload-button,button{overflow:hidden;position:relative}.auth-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e27f2;bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.auth-modal.active{display:flex}.auth-modal-content{background:#0f1629;background:var(--bg-primary);border:1px solid #1e293b;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;box-shadow:0 25px 50px -12px var(--shadow);max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;transition:background .3s ease,border-color .3s ease;width:100%}.auth-tabs{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:32px;transition:border-color .3s ease}.auth-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:16px;font-weight:500;margin-bottom:-1px;padding:12px 24px;position:relative;transition:all .2s}.auth-tab:hover{color:#f1f5f9;color:var(--text-primary)}.auth-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-color);color:#3b82f6;color:var(--accent-color)}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-form .form-group,.auth-form .photo-section{margin-bottom:0}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:14px;padding:12px 16px;text-align:center}body.light-theme .auth-error{background:#ef444426;border-color:#ef444466;color:#dc2626}.auth-form .submit-button{margin-top:8px}.auth-form .submit-button:disabled{cursor:not-allowed;opacity:.6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.23f6e9f5.css.map*/