.order-history-section{padding:4rem 1.5rem;background:#fafafa;min-height:400px}.order-history-section .section-container{max-width:1200px;margin:0 auto}.order-history-section .section-header{text-align:center;margin-bottom:3rem}.order-history-section .section-title{font-size:2.5rem;font-weight:900;color:#1f2937;margin-bottom:.5rem}.order-history-section .section-subtitle{font-size:1.125rem;color:#6b7280}.order-history-section .table-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;position:relative;min-height:300px}.order-history-section .loading-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.order-history-section .loading-state.active{display:flex}.order-history-section .spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.order-history-section .error-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;color:#ef4444}.order-history-section .error-state.active{display:flex}.order-history-section .error-state svg{margin-bottom:1rem}.order-history-section .retry-btn{margin-top:1rem;padding:.5rem 1.5rem;background:#f3f4f6;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.order-history-section .retry-btn:hover{background:#e5e7eb}.order-history-section .empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;color:#6b7280}.order-history-section .empty-state.active{display:flex}.order-history-section .empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:50%;margin-bottom:2rem}.order-history-section .empty-icon svg{color:#8b5cf6}.order-history-section .empty-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.order-history-section .empty-subtitle{font-size:1rem;color:#6b7280;max-width:400px}.order-history-section .orders-table{width:100%;display:none}.order-history-section .orders-table.active{display:table}.order-history-section .orders-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.order-history-section .orders-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.order-history-section .orders-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.order-history-section .orders-table tbody tr:hover{background:#f9fafb}.order-history-section .orders-table td{padding:1.25rem 1.5rem;font-size:.95rem;color:#1f2937}.order-history-section .service-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:#f3f4f6;border-radius:50px;font-size:.875rem;font-weight:500}.order-history-section .service-badge.followers{background:#8b5cf61a;color:#8b5cf6}.order-history-section .service-badge.likes{background:#ec48991a;color:#ec4899}.order-history-section .service-badge.views{background:#3b82f61a;color:#3b82f6}.order-history-section .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:50px;font-size:.875rem;font-weight:500;position:relative}.order-history-section .status-badge.pending{background:#fbbf241a;color:#f59e0b}.order-history-section .status-badge.in-progress{background:#3b82f61a;color:#3b82f6}.order-history-section .status-badge.complete{background:#10b9811a;color:#10b981}.order-history-section .status-badge.canceled{background:#ef44441a;color:#ef4444;cursor:help}.order-history-section .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.order-history-section .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;max-width:200px;white-space:normal}.order-history-section .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.order-history-section .status-badge.canceled:hover .tooltip{opacity:1;visibility:visible}.order-history-section .order-link{color:#6b7280;text-decoration:none;font-size:.875rem;display:flex;align-items:center;gap:.375rem;transition:color .2s ease}.order-history-section .order-link:hover{color:#8b5cf6}.order-history-section .order-date{color:#6b7280;font-size:.875rem}.order-history-section .order-amount{font-weight:600;color:#1f2937}@media (max-width: 768px){.order-history-section .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-history-section .orders-table{min-width:600px}.order-history-section .orders-table th,.order-history-section .orders-table td{padding:.75rem 1rem}}.order-form-section[data-astro-cid-jaxjuwnk]{padding:2rem 1.5rem;background:#fafafa;min-height:600px}.order-form-section[data-astro-cid-jaxjuwnk] .section-container[data-astro-cid-jaxjuwnk]{max-width:1200px;margin:0 auto}.order-form-section[data-astro-cid-jaxjuwnk] .form-grid[data-astro-cid-jaxjuwnk]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.order-form-section[data-astro-cid-jaxjuwnk] .column-title[data-astro-cid-jaxjuwnk]{font-size:1.5rem;font-weight:800;color:#1f2937;margin-bottom:1.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .form-column[data-astro-cid-jaxjuwnk]{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #00000014}.order-form-section[data-astro-cid-jaxjuwnk] .form-group[data-astro-cid-jaxjuwnk]{margin-bottom:1.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .form-label[data-astro-cid-jaxjuwnk]{display:block;font-weight:600;color:#1f2937;margin-bottom:.75rem}.order-form-section[data-astro-cid-jaxjuwnk] .service-selector[data-astro-cid-jaxjuwnk]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.order-form-section[data-astro-cid-jaxjuwnk] .service-option[data-astro-cid-jaxjuwnk]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#6b7280}.order-form-section[data-astro-cid-jaxjuwnk] .service-option[data-astro-cid-jaxjuwnk]:hover{border-color:#8b5cf6;background:#8b5cf60d}.order-form-section[data-astro-cid-jaxjuwnk] .service-option[data-astro-cid-jaxjuwnk].active{border-color:#8b5cf6;background:#8b5cf61a;color:#8b5cf6}.order-form-section[data-astro-cid-jaxjuwnk] .service-icon[data-astro-cid-jaxjuwnk]{font-size:1.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .input-wrapper[data-astro-cid-jaxjuwnk]{display:flex;gap:.75rem}.order-form-section[data-astro-cid-jaxjuwnk] .form-input[data-astro-cid-jaxjuwnk]{flex:1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff}.order-form-section[data-astro-cid-jaxjuwnk] .form-input[data-astro-cid-jaxjuwnk]:focus{outline:none;border-color:#8b5cf6}.order-form-section[data-astro-cid-jaxjuwnk] .verify-btn[data-astro-cid-jaxjuwnk]{padding:.875rem 1.5rem;background:#f3f4f6;border:none;border-radius:12px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s ease}.order-form-section[data-astro-cid-jaxjuwnk] .verify-btn[data-astro-cid-jaxjuwnk]:hover:not(:disabled){background:#e5e7eb}.order-form-section[data-astro-cid-jaxjuwnk] .verify-btn[data-astro-cid-jaxjuwnk]:disabled{opacity:.5;cursor:not-allowed}.order-form-section[data-astro-cid-jaxjuwnk] .input-hint[data-astro-cid-jaxjuwnk]{display:block;font-size:.875rem;color:#6b7280;margin-top:.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .quantity-wrapper[data-astro-cid-jaxjuwnk]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.order-form-section[data-astro-cid-jaxjuwnk] .quantity-btn[data-astro-cid-jaxjuwnk]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.order-form-section[data-astro-cid-jaxjuwnk] .quantity-btn[data-astro-cid-jaxjuwnk]:hover:not(:disabled){background:#e5e7eb}.order-form-section[data-astro-cid-jaxjuwnk] .quantity-btn[data-astro-cid-jaxjuwnk]:disabled{opacity:.3;cursor:not-allowed}.order-form-section[data-astro-cid-jaxjuwnk] .quantity-input[data-astro-cid-jaxjuwnk]{flex:1;text-align:center;padding:.5rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1.125rem;font-weight:600}.order-form-section[data-astro-cid-jaxjuwnk] .quantity-presets[data-astro-cid-jaxjuwnk]{display:flex;gap:.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .preset-btn[data-astro-cid-jaxjuwnk]{flex:1;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.order-form-section[data-astro-cid-jaxjuwnk] .preset-btn[data-astro-cid-jaxjuwnk]:hover{background:#f3f4f6;border-color:#8b5cf6}.order-form-section[data-astro-cid-jaxjuwnk] .submit-btn[data-astro-cid-jaxjuwnk]{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.order-form-section[data-astro-cid-jaxjuwnk] .submit-btn[data-astro-cid-jaxjuwnk]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.order-form-section[data-astro-cid-jaxjuwnk] .submit-btn[data-astro-cid-jaxjuwnk]:disabled{opacity:.5;cursor:not-allowed;transform:none}.order-form-section[data-astro-cid-jaxjuwnk] .loading-spinner[data-astro-cid-jaxjuwnk]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .preview-column[data-astro-cid-jaxjuwnk]{position:sticky;top:2rem}.order-form-section[data-astro-cid-jaxjuwnk] .earn-credit-card[data-astro-cid-jaxjuwnk]{background:linear-gradient(135deg,#8b5cf6,#ec4899);padding:1.5rem;border-radius:20px;margin-bottom:2rem;color:#fff;box-shadow:0 10px 30px #8b5cf64d}.order-form-section[data-astro-cid-jaxjuwnk] .earn-header[data-astro-cid-jaxjuwnk]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.order-form-section[data-astro-cid-jaxjuwnk] .earn-icon[data-astro-cid-jaxjuwnk]{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.order-form-section[data-astro-cid-jaxjuwnk] .earn-title[data-astro-cid-jaxjuwnk]{font-size:1.125rem;font-weight:700;margin:0}.order-form-section[data-astro-cid-jaxjuwnk] .earn-subtitle[data-astro-cid-jaxjuwnk]{font-size:.875rem;margin:0;opacity:.9}.order-form-section[data-astro-cid-jaxjuwnk] .earn-body[data-astro-cid-jaxjuwnk]{position:relative;min-height:100px}.order-form-section[data-astro-cid-jaxjuwnk] .login-required[data-astro-cid-jaxjuwnk]{text-align:center;padding:1rem 0}.order-form-section[data-astro-cid-jaxjuwnk] .login-text[data-astro-cid-jaxjuwnk]{font-size:.875rem;margin-bottom:1rem;opacity:.95}.order-form-section[data-astro-cid-jaxjuwnk] .login-btn[data-astro-cid-jaxjuwnk]{padding:.75rem 1.5rem;background:#fff;color:#8b5cf6;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.order-form-section[data-astro-cid-jaxjuwnk] .login-btn[data-astro-cid-jaxjuwnk]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.order-form-section[data-astro-cid-jaxjuwnk] .timer-display[data-astro-cid-jaxjuwnk]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.order-form-section[data-astro-cid-jaxjuwnk] .mini-timer[data-astro-cid-jaxjuwnk]{position:relative;width:60px;height:60px;flex-shrink:0}.order-form-section[data-astro-cid-jaxjuwnk] .timer-svg[data-astro-cid-jaxjuwnk]{transform:rotate(-90deg)}.order-form-section[data-astro-cid-jaxjuwnk] .timer-bg[data-astro-cid-jaxjuwnk]{fill:none;stroke:#fff3;stroke-width:3}.order-form-section[data-astro-cid-jaxjuwnk] .timer-progress[data-astro-cid-jaxjuwnk]{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:163.36;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.order-form-section[data-astro-cid-jaxjuwnk] .timer-text[data-astro-cid-jaxjuwnk]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.order-form-section[data-astro-cid-jaxjuwnk] .timer-value[data-astro-cid-jaxjuwnk]{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.order-form-section[data-astro-cid-jaxjuwnk] .timer-info[data-astro-cid-jaxjuwnk]{flex:1}.order-form-section[data-astro-cid-jaxjuwnk] .timer-message[data-astro-cid-jaxjuwnk]{font-size:.875rem;margin:0;font-weight:600}.order-form-section[data-astro-cid-jaxjuwnk] .timer-hint[data-astro-cid-jaxjuwnk]{font-size:.75rem;margin:.25rem 0 0;opacity:.8}.order-form-section[data-astro-cid-jaxjuwnk] .claim-btn-minimal[data-astro-cid-jaxjuwnk]{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.order-form-section[data-astro-cid-jaxjuwnk] .claim-btn-minimal[data-astro-cid-jaxjuwnk]:disabled{opacity:.6;cursor:not-allowed}.order-form-section[data-astro-cid-jaxjuwnk] .claim-btn-minimal[data-astro-cid-jaxjuwnk]:not(:disabled){background:#fff;color:#8b5cf6;border-color:#fff;animation:pulse-white 2s infinite}@keyframes pulse-white{0%{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.order-form-section[data-astro-cid-jaxjuwnk] .claim-btn-minimal[data-astro-cid-jaxjuwnk]:not(:disabled):hover{transform:scale(1.05)}.order-form-section[data-astro-cid-jaxjuwnk] .btn-timer[data-astro-cid-jaxjuwnk]{position:absolute;right:1rem;font-size:.75rem;opacity:.8}.order-form-section[data-astro-cid-jaxjuwnk] .claim-btn-minimal[data-astro-cid-jaxjuwnk]:not(:disabled) .btn-timer[data-astro-cid-jaxjuwnk]{display:none}.order-form-section[data-astro-cid-jaxjuwnk] .preview-card[data-astro-cid-jaxjuwnk]{margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014}.order-form-section[data-astro-cid-jaxjuwnk] .profile-header[data-astro-cid-jaxjuwnk]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:12px}.order-form-section[data-astro-cid-jaxjuwnk] .profile-pic-order[data-astro-cid-jaxjuwnk]{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.order-form-section[data-astro-cid-jaxjuwnk] .profile-info[data-astro-cid-jaxjuwnk]{flex:1;min-width:0}.order-form-section[data-astro-cid-jaxjuwnk] .profile-name-order[data-astro-cid-jaxjuwnk]{font-size:.95rem;font-weight:700;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-form-section[data-astro-cid-jaxjuwnk] .profile-username-order[data-astro-cid-jaxjuwnk]{font-size:.8rem;color:#6b7280;margin:0}.order-form-section[data-astro-cid-jaxjuwnk] .profile-stats[data-astro-cid-jaxjuwnk]{display:flex;gap:1rem;margin-bottom:1rem}.order-form-section[data-astro-cid-jaxjuwnk] .stat[data-astro-cid-jaxjuwnk]{flex:1;text-align:center;padding:.75rem;background:#f9fafb;border-radius:10px}.order-form-section[data-astro-cid-jaxjuwnk] .stat-value[data-astro-cid-jaxjuwnk]{display:block;font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.order-form-section[data-astro-cid-jaxjuwnk] .stat-label[data-astro-cid-jaxjuwnk]{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.order-form-section[data-astro-cid-jaxjuwnk] .media-preview[data-astro-cid-jaxjuwnk]{position:relative;border-radius:10px;overflow:hidden;margin-bottom:1rem;background:#f9fafb;aspect-ratio:16/9}.order-form-section[data-astro-cid-jaxjuwnk] .media-thumb[data-astro-cid-jaxjuwnk]{width:100%;height:100%;object-fit:cover;display:block}.order-form-section[data-astro-cid-jaxjuwnk] .media-overlay[data-astro-cid-jaxjuwnk]{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;pointer-events:none}.order-form-section[data-astro-cid-jaxjuwnk] .media-overlay[data-astro-cid-jaxjuwnk] svg[data-astro-cid-jaxjuwnk]{width:36px;height:36px;opacity:.9}.order-form-section[data-astro-cid-jaxjuwnk] .preview-empty[data-astro-cid-jaxjuwnk]{padding:3rem 2rem;text-align:center;color:#9ca3af;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;margin-bottom:1.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .preview-empty[data-astro-cid-jaxjuwnk] svg[data-astro-cid-jaxjuwnk]{margin-bottom:.75rem;opacity:.5}.order-form-section[data-astro-cid-jaxjuwnk] .preview-empty[data-astro-cid-jaxjuwnk] p[data-astro-cid-jaxjuwnk]{font-size:.875rem;margin:0}.order-form-section[data-astro-cid-jaxjuwnk] .cost-summary[data-astro-cid-jaxjuwnk]{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014}.order-form-section[data-astro-cid-jaxjuwnk] .summary-row[data-astro-cid-jaxjuwnk]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem}.order-form-section[data-astro-cid-jaxjuwnk] .summary-row[data-astro-cid-jaxjuwnk].total{font-weight:700;font-size:1.125rem;color:#1f2937;margin-bottom:0}.order-form-section[data-astro-cid-jaxjuwnk] .credit-amount[data-astro-cid-jaxjuwnk],.order-form-section[data-astro-cid-jaxjuwnk] .cost-amount[data-astro-cid-jaxjuwnk]{font-weight:600}.order-form-section[data-astro-cid-jaxjuwnk] .cost-amount[data-astro-cid-jaxjuwnk]{color:#ef4444}.order-form-section[data-astro-cid-jaxjuwnk] .credit-balance[data-astro-cid-jaxjuwnk]{color:#10b981}.order-form-section[data-astro-cid-jaxjuwnk] .credit-balance[data-astro-cid-jaxjuwnk].negative{color:#ef4444}.order-form-section[data-astro-cid-jaxjuwnk] .summary-divider[data-astro-cid-jaxjuwnk]{height:1px;background:#e5e7eb;margin:1rem 0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.order-form-section[data-astro-cid-jaxjuwnk] .form-grid[data-astro-cid-jaxjuwnk]{grid-template-columns:1fr;gap:2rem}.order-form-section[data-astro-cid-jaxjuwnk] .preview-column[data-astro-cid-jaxjuwnk]{position:static}.order-form-section[data-astro-cid-jaxjuwnk] .form-column[data-astro-cid-jaxjuwnk]{padding:1.5rem}.order-form-section[data-astro-cid-jaxjuwnk] .earn-credit-card[data-astro-cid-jaxjuwnk]{margin-bottom:1.5rem}}.user-profile-section{padding:2rem 1.5rem;width:100%;background-color:#fafafa}.user-profile-section .section-container{max-width:1200px;margin:0 auto}.user-profile-section .profile-loading{display:none;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #00000014}.user-profile-section .profile-loading.active{display:block}.user-profile-section .skeleton-wrapper{display:flex;align-items:center;gap:2rem}.user-profile-section .skeleton-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;flex-shrink:0}.user-profile-section .skeleton-content{display:flex;flex-direction:column;gap:.5rem}.user-profile-section .skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.user-profile-section .skeleton-stats{display:flex;gap:2rem;margin-left:auto;margin-right:2rem}.user-profile-section .skeleton-stat{width:80px;height:50px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.user-profile-section .skeleton-actions{display:flex;gap:.75rem;margin-left:auto}.user-profile-section .skeleton-button{width:100px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:10px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.user-profile-section .profile-logged-out{display:none;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #00000014;text-align:center}.user-profile-section .logged-out-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8b5cf6}.user-profile-section .logged-out-title{font-size:1.5rem;font-weight:800;color:#1f2937;margin:0 0 .5rem}.user-profile-section .logged-out-text{color:#6b7280;margin:0 0 2rem;font-size:1rem;max-width:400px;margin-left:auto;margin-right:auto}.user-profile-section .login-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.user-profile-section .login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.user-profile-section .profile-logged-in{display:none;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #00000014;align-items:center;gap:2rem}.user-profile-section .profile-left{display:flex;align-items:center;gap:1.25rem}.user-profile-section .profile-avatar-wrapper{position:relative;flex-shrink:0}.user-profile-section .profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #0000001a}.user-profile-section .avatar-badge{position:absolute;bottom:0;right:0;width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.user-profile-section .profile-info{min-width:0}.user-profile-section .profile-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.user-profile-section .profile-username{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.user-profile-section .profile-center{display:flex;align-items:center;gap:2rem;margin-left:auto;margin-right:auto;padding:0 2rem}.user-profile-section .stat-item{text-align:center}.user-profile-section .stat-value{display:block;font-size:1.5rem;font-weight:800;color:#1f2937;line-height:1;margin-bottom:.25rem}.user-profile-section .stat-item.credits .stat-value{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-profile-section .stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.user-profile-section .stat-divider{width:1px;height:40px;background:#e5e7eb}.user-profile-section .profile-right{display:flex;gap:.75rem;margin-left:auto}.user-profile-section .action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;line-height:1}.user-profile-section .action-btn.secondary{background:#f3f4f6;color:#4b5563}.user-profile-section .action-btn.secondary:hover{background:#e5e7eb;color:#1f2937}.user-profile-section .action-btn.logout{background:#fef2f2;color:#ef4444}.user-profile-section .action-btn.logout:hover{background:#fee2e2;color:#dc2626}@media (max-width: 768px){.user-profile-section .skeleton-wrapper{flex-wrap:wrap}.user-profile-section .skeleton-stats{margin-left:0;margin-right:0;order:3;width:100%;justify-content:space-around}.user-profile-section .skeleton-actions{margin-left:0;order:4;width:100%;margin-top:1rem}.user-profile-section .skeleton-button{flex:1}.user-profile-section .profile-logged-in{flex-direction:column;align-items:stretch}.user-profile-section .profile-center{margin:1.5rem 0;padding:0;justify-content:space-around}.user-profile-section .profile-right{margin-left:0;width:100%}.user-profile-section .action-btn{flex:1;justify-content:center}}@media (max-width: 480px){.user-profile-section{padding:1rem}.user-profile-section .profile-logged-in,.user-profile-section .profile-logged-out,.user-profile-section .profile-loading{padding:1.5rem}.user-profile-section .profile-center{gap:1.5rem}.user-profile-section .stat-value{font-size:1.25rem}.user-profile-section .action-btn{font-size:.813rem;padding:.625rem 1rem}}