.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:160px 20px 40px 20px;background-color:var(--bg-color)}.auth-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.08);width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-family:var(--font-family);font-size:28px;color:var(--text-color);margin:0 0 10px 0;font-weight:600}.auth-header p{font-family:var(--font-family);color:#666;margin:0;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--text-color)}.form-group input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-family:var(--font-family);font-size:15px;transition:border-color 0.3s ease,box-shadow 0.3s ease;outline:none}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(172,123,91,0.1)}.form-group input::placeholder{color:#aaa}.auth-submit-btn{padding:14px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-family:var(--font-family);font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease}.auth-submit-btn:hover{background-color:#9a6b4b;transform:translateY(-2px)}.auth-submit-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background-color:#fff;color:var(--text-color);border:2px solid #e0e0e0;border-radius:8px;font-family:var(--font-family);font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease}.google-btn:hover{border-color:var(--primary-color);background-color:#faf6e8}.google-btn svg{width:20px;height:20px}.auth-divider{display:flex;align-items:center;gap:15px;margin:10px 0}.auth-divider span{font-family:var(--font-family);font-size:13px;color:#888}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background-color:#e0e0e0}.auth-links{text-align:center;margin-top:20px}.auth-links a{font-family:var(--font-family);color:var(--primary-color);text-decoration:none;font-size:14px;transition:color 0.3s ease}.auth-links a:hover{color:#9a6b4b;text-decoration:underline}.forgot-password-link{display:block;text-align:right;margin-top:-10px;margin-bottom:10px}.forgot-password-link a{font-family:var(--font-family);color:#888;text-decoration:none;font-size:13px;transition:color 0.3s ease}.forgot-password-link a:hover{color:var(--primary-color)}.auth-message{padding:12px 16px;border-radius:8px;font-family:var(--font-family);font-size:14px;text-align:center;display:none;margin-bottom:20px}.auth-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.auth-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-message.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.auth-loader{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);justify-content:center;align-items:center;z-index:9999}.loader-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#registerSection,#forgotPasswordSection,#verificationSection{display:none}.verification-email-display{text-align:center;background:#faf6e8;padding:12px 20px;border-radius:8px;margin-bottom:25px;font-family:var(--font-family);font-size:14px;color:var(--text-color);font-weight:500}.verification-code-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.code-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:600;font-family:var(--font-family);border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:all 0.3s ease;color:var(--text-color)}.code-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(172,123,91,0.15);transform:translateY(-2px)}.code-input.filled{border-color:var(--primary-color);background:#faf6e8}.code-input.error{border-color:#dc3545;background:#fff5f5;animation:shake 0.5s ease}.code-input.success{border-color:#28a745;background:#f0fff0}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.verification-timer{text-align:center;font-family:var(--font-family);font-size:14px;color:#666;margin-bottom:20px}.verification-timer span{font-weight:600;color:var(--primary-color)}.verification-timer.expired span{color:#dc3545}#resendCode{color:var(--primary-color);cursor:pointer;transition:color 0.3s ease}#resendCode:hover{color:#9a6b4b}#resendCode.disabled{color:#999;pointer-events:none;cursor:not-allowed}@media (max-width:480px){.code-input{width:42px;height:52px;font-size:20px}.verification-code-container{gap:6px}}.user-icon-wrapper{position:relative;margin-right:15px}.user-icon-link{color:var(--primary-color);font-size:20px;transition:color 0.3s ease}.user-icon-link:hover{color:#9a6b4b}.user-icon-wrapper.logged-in .user-icon-link{color:#2e7d32}.account-page{min-height:100vh;padding:160px 20px 60px 20px;background-color:var(--bg-color)}.account-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:30px}.account-sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:30px 20px;height:fit-content;position:sticky;top:160px}.account-profile{text-align:center;padding-bottom:25px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.account-avatar-wrapper{position:relative;width:100px;height:100px;margin:0 auto 15px auto}.account-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#d4a574);color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:600;font-family:var(--font-family);overflow:hidden;border:4px solid #fff;box-shadow:0 4px 15px rgba(172,123,91,0.3)}.account-avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background:var(--primary-color);border:3px solid #fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.avatar-upload-btn:hover{background:#9a6b4b;transform:scale(1.1)}.avatar-upload-btn i{color:#fff;font-size:12px}.avatar-upload-btn input{display:none}.account-profile h2{font-family:var(--font-family);font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 5px 0}.account-profile p{font-family:var(--font-family);font-size:13px;color:#888;margin:0}.account-menu{list-style:none;padding:0;margin:0}.account-menu li{margin-bottom:5px}.account-menu a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;font-family:var(--font-family);font-size:14px;font-weight:500;color:#555;text-decoration:none;transition:all 0.3s ease}.account-menu a:hover{background:#faf6e8;color:var(--primary-color)}.account-menu a.active{background:linear-gradient(135deg,var(--primary-color),#d4a574);color:#fff}.account-menu a i{width:20px;text-align:center;font-size:16px}.account-menu .menu-badge{margin-left:auto;background:var(--primary-color);color:#fff;font-size:11px;padding:3px 8px;border-radius:10px}.account-menu a.active .menu-badge{background:rgba(255,255,255,0.3)}.menu-divider{height:1px;background:#f0f0f0;margin:15px 0}.account-menu .logout-link{color:#dc3545}.account-menu .logout-link:hover{background:#fff5f5;color:#dc3545}.account-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:30px}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.content-header h1{font-family:var(--font-family);font-size:24px;font-weight:600;color:var(--text-color);margin:0}.content-header p{font-family:var(--font-family);font-size:14px;color:#888;margin:5px 0 0 0}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#faf6e8,#fff);border-radius:12px;padding:20px;text-align:center;border:1px solid #f0e6d8;transition:all 0.3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(172,123,91,0.15)}.stat-card i{font-size:28px;color:var(--primary-color);margin-bottom:10px}.stat-card .stat-number{font-family:var(--font-family);font-size:28px;font-weight:700;color:var(--text-color);display:block}.stat-card .stat-label{font-family:var(--font-family);font-size:13px;color:#888}.section-title{font-family:var(--font-family);font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 20px 0;display:flex;align-items:center;gap:10px}.section-title i{color:var(--primary-color)}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{background:#fafafa;border-radius:12px;padding:20px;border:1px solid #f0f0f0;transition:all 0.3s ease}.order-card:hover{border-color:var(--primary-color);box-shadow:0 4px 15px rgba(172,123,91,0.1)}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.order-id{font-family:var(--font-family);font-size:15px;font-weight:600;color:var(--text-color)}.order-status{padding:5px 12px;border-radius:20px;font-family:var(--font-family);font-size:12px;font-weight:500}.order-status.pending{background:#fff3cd;color:#856404}.order-status.processing{background:#cce5ff;color:#004085}.order-status.shipped{background:#d4edda;color:#155724}.order-status.delivered{background:#d1e7dd;color:#0f5132}.order-items{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.order-item-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.order-item-thumb img{width:100%;height:100%;object-fit:cover}.order-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #e8e8e8}.order-date{font-family:var(--font-family);font-size:13px;color:#888}.order-total{font-family:var(--font-family);font-size:16px;font-weight:600;color:var(--primary-color)}.empty-state{text-align:center;padding:50px 20px}.empty-state i{font-size:60px;color:#ddd;margin-bottom:20px}.empty-state h3{font-family:var(--font-family);font-size:18px;color:#666;margin:0 0 10px 0}.empty-state p{font-family:var(--font-family);font-size:14px;color:#999;margin:0 0 20px 0}.empty-state .btn-browse{display:inline-block;padding:12px 30px;background:var(--primary-color);color:#fff;border-radius:8px;text-decoration:none;font-family:var(--font-family);font-weight:500;transition:all 0.3s ease}.empty-state .btn-browse:hover{background:#9a6b4b;transform:translateY(-2px)}.settings-section{margin-bottom:30px}.settings-section:last-child{margin-bottom:0}.settings-title{font-family:var(--font-family);font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 15px 0;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings-row.full{grid-template-columns:1fr}.content-section{display:none}.content-section.active{display:block}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:#faf6e8;border:2px solid transparent;border-radius:12px;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--text-color);text-decoration:none;transition:all 0.3s ease}.quick-action-btn:hover{border-color:var(--primary-color);background:#fff}.quick-action-btn i{font-size:18px;color:var(--primary-color)}@media (max-width:900px){.account-wrapper{grid-template-columns:1fr}.account-sidebar{position:relative;top:0}.account-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.account-page{padding:120px 15px 40px 15px}.account-sidebar{padding:20px 15px}.account-content{padding:20px 15px}.account-stats{grid-template-columns:1fr}.settings-row{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.order-header{flex-direction:column;align-items:flex-start;gap:10px}.content-header{flex-direction:column;align-items:flex-start}}.account-container{min-height:100vh;padding:160px 20px 40px 20px;background-color:var(--bg-color)}.account-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.08);max-width:600px;margin:0 auto}.sign-out-btn{padding:14px 24px;background-color:#dc3545;color:#fff;border:none;border-radius:8px;font-family:var(--font-family);font-size:15px;font-weight:500;cursor:pointer;transition:background-color 0.3s ease}.sign-out-btn:hover{background-color:#c82333}@media (max-width:768px){.auth-container{padding:120px 15px 30px 15px}.auth-box{padding:30px 20px}.auth-header h1{font-size:24px}.account-container{padding:120px 15px 30px 15px}.account-box{padding:30px 20px}.account-info-row{flex-direction:column;gap:5px}}@media (max-width:480px){.auth-box{padding:25px 15px}.auth-header h1{font-size:22px}.form-group input{padding:12px 14px}.auth-submit-btn,.google-btn{padding:12px 20px}}.bonus-badge{background:linear-gradient(135deg,#FFD700,#FFA500) !important;color:#333 !important}.bonus-card-wrapper{margin-bottom:30px}.bonus-card{position:relative;background:linear-gradient(135deg,var(--primary-color),#d4a574,#e8c9a0);border-radius:20px;padding:30px;color:#fff;overflow:hidden;box-shadow:0 10px 40px rgba(172,123,91,0.3)}.bonus-card-bg{position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:rgba(255,255,255,0.1);border-radius:50%}.bonus-card-content{position:relative;z-index:1}.bonus-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bonus-label{font-size:14px;opacity:0.9}.bonus-level{background:rgba(255,255,255,0.2);padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600}.bonus-amount{margin-bottom:15px}.bonus-number{font-size:48px;font-weight:700;line-height:1}.bonus-currency{font-size:18px;margin-left:5px;opacity:0.9}.bonus-card-footer{font-size:14px;opacity:0.8}.level-progress-section{margin-bottom:30px}.level-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.level-card{background:#f8f8f8;border-radius:12px;padding:20px 15px;text-align:center;border:2px solid transparent;transition:all 0.3s ease;opacity:0.6}.level-card.active{background:#fff;border-color:var(--primary-color);opacity:1;box-shadow:0 4px 15px rgba(172,123,91,0.2)}.level-card.completed{opacity:1;background:#f0fff0;border-color:#2e7d32}.level-icon{width:50px;height:50px;margin:0 auto 10px;background:linear-gradient(135deg,var(--primary-color),#d4a574);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.level-card.active .level-icon{animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.level-name{display:block;font-weight:600;font-size:14px;color:var(--text-color);margin-bottom:5px}.level-requirement{font-size:12px;color:#888}.progress-bar-container{background:#f5f5f5;border-radius:12px;padding:20px}.progress-bar{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#FFD700);border-radius:5px;transition:width 0.5s ease}.progress-text{display:flex;justify-content:space-between;font-size:13px;color:#666}.bonus-info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bonus-info-card{background:#faf6e8;border-radius:12px;padding:25px 20px;text-align:center;transition:all 0.3s ease}.bonus-info-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(172,123,91,0.15)}.bonus-info-card i{font-size:32px;color:var(--primary-color);margin-bottom:15px}.bonus-info-card h4{font-family:var(--font-family);font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.bonus-info-card p{font-family:var(--font-family);font-size:13px;color:#888;margin:0}.achievements-stats{display:flex;gap:30px;justify-content:center;margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#faf6e8,#fff);border-radius:12px}.achievement-stat{text-align:center}.achievement-stat .stat-value{display:block;font-size:32px;font-weight:700;color:var(--primary-color)}.achievement-stat .stat-desc{font-size:13px;color:#888}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.achievement-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:25px 15px;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden}.achievement-card.locked{opacity:0.5;filter:grayscale(100%)}.achievement-card.unlocked{border-color:var(--primary-color);box-shadow:0 4px 20px rgba(172,123,91,0.2)}.achievement-card.unlocked::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#FFD700)}.achievement-icon{width:70px;height:70px;margin:0 auto 15px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#999}.achievement-card.unlocked .achievement-icon{background:linear-gradient(135deg,var(--primary-color),#d4a574);color:#fff;animation:achievementPop 0.5s ease}@keyframes achievementPop{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.achievement-name{font-family:var(--font-family);font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:5px}.achievement-desc{font-family:var(--font-family);font-size:12px;color:#888;margin-bottom:10px}.achievement-date{font-size:11px;color:#aaa}.achievement-locked-icon{position:absolute;top:10px;right:10px;color:#ccc;font-size:14px}.clear-history-btn{background:transparent;border:2px solid #dc3545;color:#dc3545;padding:10px 20px;border-radius:8px;font-family:var(--font-family);font-size:13px;cursor:pointer;transition:all 0.3s ease}.clear-history-btn:hover{background:#dc3545;color:#fff}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.history-item{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0;transition:all 0.3s ease}.history-item:hover{border-color:var(--primary-color);box-shadow:0 4px 15px rgba(172,123,91,0.15);transform:translateY(-3px)}.history-item-image{width:100%;height:150px;overflow:hidden;position:relative}.history-item-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.history-item:hover .history-item-image img{transform:scale(1.05)}.history-item-date{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.6);color:#fff;padding:4px 10px;border-radius:15px;font-size:11px}.history-item-info{padding:15px}.history-item-name{font-family:var(--font-family);font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item-price{font-family:var(--font-family);font-size:16px;font-weight:700;color:var(--primary-color)}.history-item-actions{display:flex;gap:10px;margin-top:10px}.history-item-actions a{flex:1;padding:8px;text-align:center;border-radius:6px;font-size:12px;text-decoration:none;transition:all 0.3s ease}.history-item-actions .btn-view{background:var(--primary-color);color:#fff}.history-item-actions .btn-view:hover{background:#9a6b4b}.history-item-actions .btn-favorite{background:#f5f5f5;color:#666}.history-item-actions .btn-favorite:hover{background:#ffe0e0;color:#dc3545}@media (max-width:768px){.level-cards{grid-template-columns:repeat(2,1fr)}.bonus-info-cards{grid-template-columns:repeat(2,1fr)}.achievements-stats{flex-direction:column;gap:15px}.achievements-grid{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bonus-number{font-size:36px}.level-cards{grid-template-columns:1fr 1fr;gap:10px}.level-card{padding:15px 10px}.level-icon{width:40px;height:40px;font-size:16px}.achievements-grid{grid-template-columns:1fr 1fr}.achievement-card{padding:20px 10px}.achievement-icon{width:50px;height:50px;font-size:22px}.history-grid{grid-template-columns:1fr}}