.account-page{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:24px}@media(min-width:768px){.account-page{padding:24px}}.account-grid{display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.account-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}}.account-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--gray-500, #737373)}.account-spinner{width:40px;height:40px;border:3px solid var(--gray-200, #e5e5e5);border-top-color:var(--primary, #8b7355);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.account-section{background-color:var(--white, #fff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));overflow:hidden}.account-section-header{background:linear-gradient(135deg,var(--primary, #8b7355) 0%,var(--primary-dark, #7a6548) 100%);color:var(--white, #fff);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}@media(min-width:768px){.account-section-header{padding:24px 32px}}.account-section-header h2{font-size:20px;font-weight:600;color:var(--white, #fff);margin:0;background:none;padding:0}.account-section>h2:first-child{font-size:20px;font-weight:600;color:var(--white, #fff);margin:0;background:linear-gradient(135deg,var(--primary, #8b7355) 0%,var(--primary-dark, #7a6548) 100%);padding:20px 24px}@media(min-width:768px){.account-section>h2:first-child{padding:24px 32px}}.account-edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--white, #fff);background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.account-edit-btn:hover{background-color:#ffffff40;border-color:#ffffff80}.account-edit-btn svg{flex-shrink:0}.account-profile{padding:24px;display:flex;flex-direction:column;gap:0}@media(min-width:768px){.account-profile{padding:32px}}.account-profile-row{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--gray-100, #f0f0f0)}.account-profile-row:first-child{padding-top:0}.account-profile-row:last-child{border-bottom:none;padding-bottom:0}@media(min-width:640px){.account-profile-row{flex-direction:row;justify-content:space-between;align-items:center}}.account-label{font-size:14px;font-weight:500;color:var(--gray-500, #737373)}.account-value{font-size:16px;color:var(--secondary, #1a1a1a)}.account-empty{color:var(--gray-400, #a3a3a3);font-style:italic}.account-form{padding:24px;display:flex;flex-direction:column;gap:0}@media(min-width:768px){.account-form{padding:32px}}.account-field{display:flex;flex-direction:column;margin-bottom:20px}.account-field label{display:block;font-weight:600;margin-bottom:8px;font-size:14px;color:var(--secondary, #1a1a1a)}.account-field input{width:100%;padding:14px 16px;border:1px solid var(--gray-200, #e5e5e5);border-radius:var(--radius-md, 8px);font-family:var(--font-sans, system-ui, sans-serif);font-size:15px;background-color:var(--white, #fff);transition:all .2s ease;box-sizing:border-box}.account-field input:hover{border-color:var(--gray-300, #d4d4d4)}.account-field input:focus{outline:none;border-color:var(--primary, #8b7355);box-shadow:0 0 0 3px #8b73551a}.account-field input::placeholder{color:var(--gray-400, #a3a3a3)}.account-field--email{margin-bottom:0}.account-field--email .account-email{font-size:16px;color:var(--secondary, #1a1a1a);margin:0;padding:14px 0}.account-email-note{font-size:13px;color:var(--gray-500, #737373)}.account-form-actions{display:flex;gap:12px;margin-top:8px}.account-cancel-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:500;color:var(--gray-600, #525252);background-color:var(--gray-100, #f5f5f5);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.account-cancel-btn:hover{background-color:var(--gray-200, #e5e5e5)}.account-save-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:600;color:var(--white, #fff);background-color:var(--primary, #8b7355);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.account-save-btn:hover:not(:disabled){background-color:var(--primary-dark, #7a6548);transform:translateY(-1px)}.account-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:14px;margin:0 24px 16px}@media(min-width:768px){.account-error{margin:0 32px 16px}}.account-success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#059669;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:14px;margin:16px 24px}@media(min-width:768px){.account-success{margin:16px 32px}}.account-empty-state{text-align:center;padding:48px 24px;color:var(--gray-500, #737373)}@media(min-width:768px){.account-empty-state{padding:64px 32px}}.account-empty-state p{margin:0 0 24px;font-size:15px}.account-cta{display:inline-block;padding:14px 28px;font-size:15px;font-weight:600;color:var(--white, #fff);background-color:var(--primary, #8b7355);border-radius:var(--radius-lg, 12px);text-decoration:none;transition:all .2s ease}.account-cta:hover{background-color:var(--primary-dark, #7a6548);transform:translateY(-1px)}.account-reservations{padding:24px;display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.account-reservations{padding:32px}}.account-reservation{padding:20px;background-color:var(--gray-50, #fafafa);border-radius:var(--radius-lg, 12px);border:1px solid var(--gray-100, #f0f0f0);transition:all .2s ease}.account-reservation:hover{border-color:var(--gray-200, #e5e5e5);box-shadow:0 2px 8px #0000000a}.account-reservation--past{opacity:.65}.account-reservation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.account-reservation-ref{font-size:13px;font-weight:600;color:var(--gray-500, #737373);font-family:ui-monospace,monospace;letter-spacing:.5px}.account-reservation-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.status--confirmed{color:#059669;background-color:#d1fae5}.status--pending{color:#d97706;background-color:#fef3c7}.status--cancelled{color:#dc2626;background-color:#fee2e2}.account-reservation-service{font-size:17px;font-weight:600;color:var(--secondary, #1a1a1a);margin-bottom:8px}.account-reservation-date{font-size:15px;color:var(--secondary, #1a1a1a);margin-bottom:4px}.account-reservation-lieu{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.account-reservation-lieu-name{font-size:15px;font-weight:500;color:var(--secondary, #1a1a1a)}.account-reservation-lieu-address{font-size:14px;color:var(--gray-500, #737373)}.account-reservation-lieu-link{font-size:13px;color:var(--primary, #8b7355);text-decoration:none;margin-top:2px}.account-reservation-lieu-link:hover{text-decoration:underline}.account-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px 8px}@media(min-width:768px){.account-pagination{padding:24px 32px 8px}}.account-pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e5e5e5);border-radius:var(--radius-md, 8px);color:var(--secondary, #1a1a1a);cursor:pointer;transition:all .2s ease}.account-pagination-btn:hover:not(:disabled){background-color:var(--gray-50, #fafafa);border-color:var(--primary, #8b7355);color:var(--primary, #8b7355)}.account-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.account-pagination-info{font-size:14px;font-weight:500;color:var(--gray-600, #525252);min-width:50px;text-align:center}.account-reservation-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--gray-200, #e5e5e5);font-size:14px;color:var(--gray-600, #525252)}.account-reservation-price{font-weight:600;font-size:16px;color:var(--primary, #8b7355)}.account-reservation-price-info{display:flex;align-items:center;gap:8px}.account-reservation-promo-code{font-size:11px;font-weight:600;color:#16a34a;background-color:#f0fdf4;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.account-reservation-price--discounted{color:#16a34a}.account-logout-wrapper{padding:24px;border-top:1px solid var(--gray-100, #f0f0f0)}@media(min-width:768px){.account-logout-wrapper{padding:24px 32px}}.account-logout-btn{width:100%;padding:14px 32px;font-size:15px;font-weight:500;color:#dc2626;background-color:transparent;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.account-logout-btn:hover{background-color:#fef2f2;border-color:#dc2626}