:root{--bg-primary: #0A0A0A;--bg-secondary: #1a1a1a;--bg-hover: #2a2a2a;--text-primary: #F5F5F5;--text-secondary: #B0B0B0;--accent: #C8956C;--accent-light: #D8A57C;--border-color: #333;--border-light: #444;--status-pending: #f59e0b;--status-confirmed: #10b981;--status-completed: #3b82f6;--status-cancelled: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}.account-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.grizzly-logo{font-size:24px;font-weight:700;color:var(--accent);transition:opacity .2s}.grizzly-logo:hover{opacity:.8}.header-right{display:flex;align-items:center}.user-badge{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:var(--bg-hover);border-radius:20px;border:1px solid var(--border-color)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:var(--bg-primary)}.header-name{font-size:14px;font-weight:500}.account-container{display:flex;flex-direction:column;min-height:100vh}.account-content{display:flex;flex:1;overflow:hidden}.account-sidebar{width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:32px 24px;overflow-y:auto;display:flex;flex-direction:column}.sidebar-user-section{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.sidebar-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;background-color:var(--bg-primary);margin-bottom:16px;border:2px solid var(--accent)}.sidebar-name{font-size:18px;font-weight:600;margin-bottom:4px}.sidebar-email{font-size:13px;color:var(--text-secondary)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .2s;cursor:pointer;border:1px solid transparent}.nav-item:hover{background-color:var(--bg-hover);border-color:var(--border-light)}.nav-item.active{background-color:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.nav-icon{font-size:18px}.nav-label{flex:1}.sidebar-footer{padding-top:24px;border-top:1px solid var(--border-color)}.back-to-grizz{display:block;text-align:center;padding:12px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.back-to-grizz:hover{color:var(--accent);border-color:var(--accent)}.account-main{flex:1;overflow-y:auto;padding:40px}.account-section{display:none;animation:fadeIn .3s ease-in-out}.account-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:32px}.section-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.section-subtitle{font-size:14px;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:12px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.form-group input::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c8956c1a}.readonly-field{padding:12px 16px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-secondary)}.auth-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:32px}.auth-info h3{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin-bottom:16px;letter-spacing:.5px}.auth-info .info-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.auth-info .info-group:last-child{margin-bottom:0}.auth-info label{font-size:13px;font-weight:500;color:var(--text-secondary)}.provider-badge{display:inline-block;padding:6px 12px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:20px;font-size:13px;color:var(--accent);font-weight:500;width:fit-content}.btn{padding:12px 24px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-light)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--bg-primary);border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;align-items:center;gap:16px;margin-top:32px}.save-status{font-size:13px;color:var(--text-secondary)}.save-status.success{color:var(--status-confirmed)}.save-status.error{color:var(--status-cancelled)}.profile-content{max-width:600px}.profile-form h3{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin-bottom:20px;letter-spacing:.5px}.profile-form h3:not(:first-of-type){margin-top:32px}.preferences-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}.preferences-form{max-width:100%}.preferences-form .form-group{margin-bottom:20px}.preferences-info h3{font-size:16px;font-weight:600;margin-bottom:16px}.travel-memory-summary{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;font-size:14px;line-height:1.8}.text-secondary{color:var(--text-secondary)}.bookings-content,.itineraries-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.booking-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.booking-card:hover{border-color:var(--accent);box-shadow:0 8px 16px #c8956c1a}.booking-card.expanded{grid-column:1 / -1}.booking-type-icon{font-size:24px;margin-bottom:12px}.booking-destination{font-size:16px;font-weight:600;margin-bottom:8px}.booking-dates{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.booking-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background-color:#f59e0b26;color:var(--status-pending)}.status-badge.confirmed{background-color:#10b98126;color:var(--status-confirmed)}.status-badge.completed{background-color:#3b82f626;color:var(--status-completed)}.status-badge.cancelled{background-color:#ef444426;color:var(--status-cancelled)}.booking-price{font-size:14px;font-weight:600;color:var(--accent)}.booking-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);font-size:13px;line-height:1.8}.booking-details-row{display:flex;justify-content:space-between;margin-bottom:8px}.booking-details-label{color:var(--text-secondary)}.booking-details-value{font-weight:500}.itinerary-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.itinerary-card:hover{border-color:var(--accent);box-shadow:0 8px 16px #c8956c1a}.itinerary-destination{font-size:18px;font-weight:600;margin-bottom:8px}.itinerary-dates{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.itinerary-items{font-size:13px;color:var(--accent);font-weight:500}.empty-state{text-align:center;padding:60px 40px;color:var(--text-secondary)}.empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:24px}.memory-content{max-width:700px}.memory-explanation{background-color:var(--bg-secondary);border-left:4px solid var(--accent);border-radius:8px;padding:20px;margin-bottom:32px;font-size:14px;line-height:1.8}.memory-data{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.memory-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.memory-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.memory-item-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.5px}.memory-item-value{font-size:14px;color:var(--text-primary)}.loading-text{text-align:center;color:var(--text-secondary);padding:32px}.memory-actions{display:flex;align-items:center;gap:16px}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080}.modal-content h2{font-size:20px;font-weight:600;margin-bottom:16px}.modal-content p{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{flex:1;text-align:center}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:2000}.toast{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:12px;font-size:14px;animation:slideIn .3s ease-in-out;min-width:300px}.toast.success{border-left:4px solid var(--status-confirmed);color:var(--status-confirmed)}.toast.error{border-left:4px solid var(--status-cancelled);color:var(--status-cancelled)}.toast.info{border-left:4px solid var(--accent);color:var(--accent)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.account-main{padding:32px}.preferences-content,.form-row{grid-template-columns:1fr}}@media (max-width: 768px){.account-content{flex-direction:column}.account-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:20px;flex-direction:row;align-items:center;gap:32px}.sidebar-user-section{text-align:left;margin-bottom:0;padding-bottom:0;border-bottom:none;display:flex;align-items:center;gap:16px;flex-shrink:0}.sidebar-avatar{width:60px;height:60px;margin-bottom:0}.sidebar-nav{flex-direction:row;flex:1;gap:4px;overflow-x:auto}.nav-item{white-space:nowrap;padding:8px 12px;font-size:12px}.nav-label{display:none}.nav-item.active .nav-label{display:inline}.sidebar-footer{display:none}.account-main{padding:24px}.section-header h1{font-size:24px}.auth-header{padding:16px}.bookings-content,.itineraries-content{grid-template-columns:1fr}.toast{min-width:280px}.toast-container{bottom:16px;right:16px}}@media (max-width: 640px){.account-header{padding:16px}.header-name{display:none}.user-badge{padding:6px 12px}.account-sidebar{flex-direction:column;gap:16px}.sidebar-user-section{flex-direction:column;text-align:center}.sidebar-avatar{width:60px;height:60px}.sidebar-nav{flex-direction:column;width:100%}.nav-label{display:inline}.nav-item{width:100%}.account-main{padding:16px}.section-header h1{font-size:20px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.modal-content{max-width:100%}.modal-actions{flex-direction:column-reverse}}.grizz-widget{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:Inter,sans-serif}.grizz-toggle{display:flex;align-items:center;gap:8px;background:#c8956c;color:#0a0a0a;border:none;border-radius:50px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #c8956c66;transition:all .3s ease}.grizz-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 28px #c8956c80}.grizz-toggle.active{display:none}.grizz-toggle-icon{font-size:20px}.grizz-panel{position:absolute;bottom:0;right:0;width:380px;height:520px;background:#1a1a1a;border:1px solid #333;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #00000080;animation:grizzSlideUp .3s ease}.grizz-panel.hidden{display:none}@keyframes grizzSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.grizz-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#222;border-bottom:1px solid #333}.grizz-panel-title{display:flex;align-items:center;gap:10px}.grizz-panel-title strong{color:#f5f5f5;font-size:15px;display:block}.grizz-subtitle{color:#888;font-size:12px}.grizz-bear{font-size:28px}.grizz-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.grizz-close:hover{color:#f5f5f5;background:#333}.grizz-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.grizz-message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}.grizz-message p{margin:0}.grizz-message-bot{background:#2a2a2a;color:#f5f5f5;align-self:flex-start;border-bottom-left-radius:4px}.grizz-message-user{background:#c8956c;color:#0a0a0a;align-self:flex-end;border-bottom-right-radius:4px}.grizz-message-typing{background:#2a2a2a;color:#888;align-self:flex-start;border-bottom-left-radius:4px}.grizz-typing-dots{display:flex;gap:4px;padding:4px 0}.grizz-typing-dots span{width:6px;height:6px;background:#888;border-radius:50%;animation:grizzTyping 1.4s infinite}.grizz-typing-dots span:nth-child(2){animation-delay:.2s}.grizz-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes grizzTyping{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.grizz-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#222;border-top:1px solid #333}.grizz-input{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:10px 12px;color:#f5f5f5;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.grizz-input:focus{border-color:#c8956c}.grizz-input::placeholder{color:#666}.grizz-send{background:#c8956c;border:none;border-radius:8px;padding:10px;color:#0a0a0a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.grizz-send:hover{background:#d4a57d}.grizz-send:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.grizz-widget{bottom:16px;right:16px}.grizz-panel{width:calc(100vw - 32px);height:60vh}.grizz-toggle-label{display:none}.grizz-toggle{padding:14px;border-radius:50%}}
