.account-root,.account-root *,.account-root:before,.account-root :before,.account-root:after,.account-root :after{box-sizing:border-box}.account-root{height:100%;margin:0}.account-root ul,.account-root ol{margin:0;padding:0;list-style:none}.account-root h1,.account-root h2,.account-root h3,.account-root h4,.account-root p{margin:0}.account-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.account-root input{font:inherit;color:inherit}.account-root a{color:inherit}.account-root img{max-width:100%;display:block}.account-root svg{display:block}.account-root{--ink-900:#16212c;--ink-800:#1f2e3a;--ink-700:#33475a;--ink-500:#5c7286;--slate-500:#6d7a86;--slate-400:#93a0ab;--porcelain-100:#fbf9f5;--porcelain-200:#f4f0e8;--paper:#fff;--mist-200:#e9e3d6;--mist-300:#ddd5c3;--brass-300:#d9c398;--brass-500:#b08d57;--brass-600:#8c6d3f;--brass-050:#f7f0e2;--garnet-500:#7a2e3b;--garnet-050:#f7e9ea;--sage-500:#4f6d59;--sage-050:#e9efe9;--amber-500:#a06a1c;--amber-050:#f8ecd8;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--shadow-card:0 1px 2px #16212c0a, 0 8px 24px -12px #16212c29;--shadow-raised:0 4px 8px #16212c0f, 0 20px 40px -20px #16212c47;--shadow-modal:0 24px 64px -12px #16212c73;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.16s;--duration-medium:.28s;--sidebar-width:268px;--topbar-height:76px;--content-max:1080px}@media (prefers-reduced-motion:reduce){.account-root,.account-root *,.account-root:before,.account-root :before,.account-root:after,.account-root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.account-root{font-family:var(--font-body);background:var(--porcelain-100);color:var(--ink-900);-webkit-font-smoothing:antialiased}.account-root :focus-visible{outline:2px solid var(--brass-600);outline-offset:2px;border-radius:4px}.account-root .icon{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.account-root [hidden]{display:none!important}.account-root .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-root .auth-screen{background:radial-gradient(1200px 600px at 15% -10%, #24384a 0%, transparent 60%), linear-gradient(180deg, var(--ink-900) 0%, var(--ink-800) 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.account-root .auth-shell{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:400px;display:flex}.account-root .auth-brand{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.account-root .auth-mark{border-radius:var(--radius-sm);background:linear-gradient(155deg, var(--brass-300), var(--brass-600));width:44px;height:44px;box-shadow:var(--shadow-raised);justify-content:center;align-items:center;display:flex}.account-root .auth-mark span{font-family:var(--font-display);color:var(--ink-900);font-size:20px;font-weight:600}.account-root .auth-brand-name{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--porcelain-100);font-size:15px}.account-root .auth-brand-tag{color:var(--slate-400);font-size:13px}.account-root .auth-card{background:var(--paper);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-modal);min-height:300px;padding:36px 32px;position:relative;overflow:hidden}.account-root .auth-step{animation:step-in var(--duration-medium) var(--ease-standard);flex-direction:column;gap:22px;display:flex}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.account-root .auth-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--brass-600);font-size:12px;font-weight:600}.account-root .auth-title{font-family:var(--font-display);color:var(--ink-900);font-size:26px;font-weight:600;line-height:1.25}.account-root .auth-subtitle{color:var(--slate-500);font-size:14px;line-height:1.6}.account-root .auth-subtitle strong{color:var(--ink-900);font-weight:600}.account-root .field{flex-direction:column;gap:8px;display:flex}.account-root .field-label{color:var(--ink-700);font-size:13px;font-weight:600}.account-root .field-input{border-radius:var(--radius-sm);border:1.5px solid var(--mist-300);background:var(--porcelain-100);height:52px;color:var(--ink-900);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);padding:0 16px;font-size:15px}.account-root .field-input::placeholder{color:var(--slate-400)}.account-root .field-input:focus{border-color:var(--brass-500);background:var(--paper);outline:none}.account-root .field-hint{color:var(--slate-500);font-size:12.5px}.account-root .otp-group{justify-content:space-between;gap:10px;display:flex}.account-root .otp-digit{aspect-ratio:1;text-align:center;border-radius:var(--radius-sm);border:1.5px solid var(--mist-300);background:var(--porcelain-100);width:100%;color:var(--ink-900);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);font-size:20px;font-weight:600}.account-root .otp-digit:focus{border-color:var(--brass-500);background:var(--paper);outline:none}.account-root .btn{border-radius:var(--radius-sm);height:52px;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14.5px;font-weight:600;display:inline-flex}.account-root .btn-primary{background:linear-gradient(160deg, var(--ink-800), var(--ink-900));color:var(--porcelain-100);box-shadow:var(--shadow-card)}.account-root .btn-primary:hover{box-shadow:var(--shadow-raised)}.account-root .btn-primary:active{transform:scale(.98)}.account-root .btn-brass{background:var(--navy);color:var(--white);box-shadow:var(--shadow-card)}.account-root .btn-brass:hover{box-shadow:var(--shadow-raised)}.account-root .btn-ghost{color:var(--ink-700);border:1.5px solid var(--mist-300);background:0 0;height:48px}.account-root .btn-ghost:hover{border-color:var(--slate-400)}.account-root .btn-text{height:auto;color:var(--brass-600);padding:0;font-size:13.5px;font-weight:600}.account-root .btn-text:hover{text-decoration:underline}.account-root .btn-block{width:100%}.account-root .btn-danger{background:var(--garnet-500);color:var(--porcelain-100)}.account-root .auth-back-row{color:var(--slate-500);justify-content:space-between;align-items:center;font-size:13px;display:flex}.account-root .auth-footnote{text-align:center;color:var(--slate-400);max-width:340px;font-size:12.5px;line-height:1.6}.account-root .app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar""sidebar main";min-height:100vh;display:grid}.account-root .app-topbar{border-bottom:1px solid var(--mist-200);background:var(--porcelain-100);z-index:20;grid-area:topbar;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.account-root .topbar-title{font-family:var(--font-display);color:var(--ink-900);font-size:21px;font-weight:600}.account-root .topbar-actions{align-items:center;gap:18px;display:flex}.account-root .icon-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--ink-700);justify-content:center;align-items:center;display:flex;position:relative}.account-root .icon-btn:hover{background:var(--porcelain-200)}.account-root .icon-btn .dot{background:var(--garnet-500);border:1.5px solid var(--porcelain-100);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.account-root .avatar{background:var(--paper);border:1px solid var(--mist-200);width:40px;height:40px;color:var(--ink-900);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.account-root .app-sidebar{background:var(--ink-900);color:var(--porcelain-100);flex-direction:column;grid-area:sidebar;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.account-root .sidebar-brand{align-items:center;gap:12px;margin-bottom:36px;padding:0 8px;display:flex}.account-root .sidebar-mark{background:linear-gradient(155deg, var(--brass-300), var(--brass-600));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.account-root .sidebar-mark span{font-family:var(--font-display);color:var(--ink-900);font-size:15px;font-weight:600}.account-root .sidebar-brand-text{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:14.5px}.account-root .sidebar-nav{flex-direction:column;gap:4px;display:flex}.account-root .nav-item{border-radius:var(--radius-sm);color:var(--slate-400);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);text-align:left;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:14.5px;font-weight:500;display:flex}.account-root .nav-item:hover{color:var(--porcelain-100);background:#ffffff0f}.account-root .sidebar-foot{border-radius:var(--radius-md);background:#ffffff0d;flex-direction:column;gap:10px;margin-top:auto;padding:16px 14px;display:flex}.account-root .sidebar-foot-label{color:var(--slate-400);font-size:12px;line-height:1.5}.account-root .sidebar-foot-email{color:var(--porcelain-100);font-weight:600}.account-root .app-bottom-nav{display:none}.account-root .app-main{max-width:var(--content-max);grid-area:main;width:100%;margin:0 auto;padding:40px}.account-root .view{animation:view-in var(--duration-medium) var(--ease-standard);flex-direction:column;gap:32px;display:flex}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.account-root .view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.account-root .view-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brass-600);margin-bottom:6px;font-size:12.5px;font-weight:600}.account-root .view-title{font-family:var(--font-display);color:var(--ink-900);font-size:30px;font-weight:600}.account-root .view-subtitle{color:var(--slate-500);max-width:46ch;margin-top:6px;font-size:14.5px}.account-root .back-link{color:var(--slate-500);align-items:center;gap:8px;margin-bottom:-12px;font-size:13.5px;font-weight:600;display:inline-flex}.account-root .back-link:hover{color:var(--ink-900)}.account-root .greeting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.account-root .greeting-title{font-family:var(--font-display);color:var(--ink-900);font-size:30px;font-weight:600}.account-root .greeting-sub{color:var(--slate-500);margin-top:4px;font-size:14.5px}.account-root .quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.account-root .quick-action{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-align:left;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.account-root .quick-action:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.account-root .quick-action-icon{border-radius:var(--radius-sm);background:var(--brass-050);width:38px;height:38px;color:var(--brass-600);justify-content:center;align-items:center;display:flex}.account-root .quick-action-label{color:var(--ink-900);font-size:13.5px;font-weight:600}.account-root .stay-pass{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);grid-template-columns:1.15fr 1px .85fr;display:grid;position:relative;overflow:hidden}.account-root .stay-pass-media{background:linear-gradient(160deg, var(--ink-800), var(--ink-900));min-height:220px;color:var(--porcelain-100);flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:relative}.account-root .stay-pass-media:after{content:"";background:radial-gradient(420px 220px at 100% 0,#d9c3982e,#0000 65%);position:absolute;inset:0}.account-root .stay-status{border-radius:var(--radius-pill);letter-spacing:.02em;z-index:1;align-items:center;gap:7px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.account-root .stay-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.account-root .stay-status.status-upcoming{color:var(--brass-300);background:#d9c3982e}.account-root .stay-status.status-current{color:#8fbf9f;background:#4f6d5938}.account-root .stay-status.status-completed{color:var(--slate-400);background:#ffffff1a}.account-root .stay-status.status-cancelled{color:#e7a1ac;background:#7a2e3b3d}.account-root .stay-hotel-name{font-family:var(--font-display);z-index:1;font-size:24px;font-weight:600;position:relative}.account-root .stay-hotel-loc{color:var(--slate-400);z-index:1;margin-top:4px;font-size:13px;position:relative}.account-root .stay-pass-divider{background:repeating-linear-gradient(to bottom, var(--mist-300) 0px, var(--mist-300) 8px, transparent 8px, transparent 16px)}.account-root .stay-pass-body{flex-direction:column;justify-content:center;gap:18px;padding:26px 28px;display:flex}.account-root .stay-datebar{align-items:center;gap:14px;display:flex}.account-root .stay-date{flex-direction:column;gap:2px;display:flex}.account-root .stay-date-label{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);font-size:11px}.account-root .stay-date-value{font-family:var(--font-display);color:var(--ink-900);font-size:19px;font-weight:600}.account-root .stay-date-arrow{color:var(--brass-500)}.account-root .stay-meta-row{flex-wrap:wrap;gap:22px;display:flex}.account-root .stay-meta{flex-direction:column;gap:3px;display:flex}.account-root .stay-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);font-size:11px}.account-root .stay-meta-value{color:var(--ink-900);font-size:14px;font-weight:600}.account-root .stay-balance-row{border-top:1px solid var(--mist-200);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.account-root .stay-balance-label{color:var(--slate-500);font-size:12.5px}.account-root .stay-balance-value{font-family:var(--font-display);color:var(--garnet-500);font-size:19px;font-weight:600}.account-root .stay-actions{gap:10px;display:flex}.account-root .section-head{justify-content:space-between;align-items:baseline;display:flex}.account-root .section-title{font-family:var(--font-display);color:var(--ink-900);font-size:19px;font-weight:600}.account-root .filter-row{flex-wrap:wrap;gap:8px;display:flex}.account-root .filter-chip{border-radius:var(--radius-pill);color:var(--ink-700);background:var(--paper);border:1.5px solid var(--mist-200);padding:9px 16px;font-size:13px;font-weight:600}.account-root .filter-chip.is-active{background:var(--ink-900);color:var(--porcelain-100);border-color:var(--ink-900)}.account-root .reservation-grid{flex-direction:column;gap:14px;display:flex}.account-root .reservation-card{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);text-align:left;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;width:100%;padding:20px 22px;display:grid}.account-root .reservation-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.account-root .reservation-thumb{border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--ink-800), var(--ink-900));width:64px;height:64px}.account-root .reservation-info{flex-direction:column;gap:5px;min-width:0;display:flex}.account-root .reservation-name{color:var(--ink-900);font-size:15.5px;font-weight:600}.account-root .reservation-dates{color:var(--slate-500);font-size:13px}.account-root .status-pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.account-root .status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.account-root .status-pill.pill-upcoming{background:var(--brass-050);color:var(--brass-600)}.account-root .status-pill.pill-current{background:var(--sage-050);color:var(--sage-500)}.account-root .status-pill.pill-completed{background:var(--porcelain-200);color:var(--slate-500)}.account-root .status-pill.pill-cancelled{background:var(--garnet-050);color:var(--garnet-500)}.account-root .reservation-chevron{color:var(--slate-400)}.account-root .detail-pass{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);overflow:hidden}.account-root .detail-pass-top{background:linear-gradient(160deg, var(--ink-800), var(--ink-900));color:var(--porcelain-100);flex-direction:column;gap:18px;padding:30px 32px;display:flex}.account-root .detail-pass-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-root .detail-hotel-name{font-family:var(--font-display);font-size:25px;font-weight:600}.account-root .detail-hotel-loc{color:var(--slate-400);margin-top:4px;font-size:13px}.account-root .detail-ref{text-align:right}.account-root .detail-ref-label{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);font-size:11px}.account-root .detail-ref-value{font-family:var(--font-mono);letter-spacing:.06em;color:var(--brass-300);margin-top:2px;font-size:16px}.account-root .detail-stub-row{flex-wrap:wrap;gap:36px;display:flex}.account-root .detail-perforation{border-top:2px dashed #ffffff29;height:0}.account-root .detail-pass-body{flex-direction:column;gap:30px;padding:32px;display:flex}.account-root .detail-section{flex-direction:column;gap:14px;display:flex}.account-root .detail-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--brass-600);font-size:12.5px;font-weight:700}.account-root .detail-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.account-root .detail-item{flex-direction:column;gap:4px;display:flex}.account-root .detail-item-label{color:var(--slate-500);font-size:11.5px}.account-root .detail-item-value{color:var(--ink-900);font-size:14.5px;font-weight:600}.account-root .included-list{flex-direction:column;gap:10px;display:flex}.account-root .included-item{color:var(--ink-700);align-items:center;gap:10px;font-size:14px;display:flex}.account-root .included-item svg{color:var(--sage-500)}.account-root .policy-box{background:var(--porcelain-200);border-radius:var(--radius-md);color:var(--ink-700);padding:18px 20px;font-size:13.5px;line-height:1.65}.account-root .contact-row{flex-wrap:wrap;gap:24px;display:flex}.account-root .contact-item{color:var(--ink-700);align-items:center;gap:10px;font-size:14px;display:flex}.account-root .contact-item svg{color:var(--brass-600)}.account-root .detail-actions{flex-wrap:wrap;gap:12px;display:flex}.account-root .payment-summary{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.account-root .summary-card{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:22px;display:flex}.account-root .summary-label{color:var(--slate-500);font-size:12.5px}.account-root .summary-value{font-family:var(--font-display);color:var(--ink-900);font-size:26px;font-weight:600}.account-root .summary-value.value-due{color:var(--garnet-500)}.account-root .summary-value.value-paid{color:var(--sage-500)}.account-root .progress-track{border-radius:var(--radius-pill);background:var(--porcelain-200);height:8px;overflow:hidden}.account-root .progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--brass-500), var(--brass-300));height:100%}.account-root .panel{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:26px 28px;display:flex}.account-root .method-row{border-bottom:1px solid var(--mist-200);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.account-root .method-row:last-child{border-bottom:none;padding-bottom:0}.account-root .method-left{align-items:center;gap:14px;display:flex}.account-root .method-card-icon{background:linear-gradient(160deg, var(--ink-800), var(--ink-900));width:44px;height:30px;color:var(--brass-300);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.account-root .method-name{color:var(--ink-900);font-size:14.5px;font-weight:600}.account-root .method-sub{color:var(--slate-500);margin-top:2px;font-size:12.5px}.account-root .tag-default{letter-spacing:.05em;text-transform:uppercase;color:var(--sage-500);background:var(--sage-050);border-radius:var(--radius-pill);padding:4px 10px;font-size:11px;font-weight:700}.account-root .history-row{border-bottom:1px solid var(--mist-200);text-align:left;align-items:center;gap:16px;width:100%;padding:14px 0;display:flex}.account-root .history-row:last-child{border-bottom:none;padding-bottom:0}.account-root .history-dot{background:var(--sage-500);border-radius:50%;flex-shrink:0;width:10px;height:10px}.account-root .history-info{flex:1;min-width:0}.account-root .history-title{color:var(--ink-900);font-size:14px;font-weight:600}.account-root .history-date{color:var(--slate-500);margin-top:2px;font-size:12.5px}.account-root .history-amount{color:var(--ink-900);font-size:14.5px;font-weight:600}.account-root .history-chevron{color:var(--slate-400)}.account-root .receipt-wrap{justify-content:center;display:flex}.account-root .receipt-card{background:var(--paper);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-raised);overflow:hidden}.account-root .receipt-top{text-align:center;border-bottom:2px dashed var(--mist-300);flex-direction:column;align-items:center;gap:6px;padding:30px 28px 22px;display:flex}.account-root .receipt-mark{background:linear-gradient(155deg, var(--brass-300), var(--brass-600));border-radius:9px;width:36px;height:36px;margin-bottom:6px}.account-root .receipt-title{font-family:var(--font-display);font-size:18px;font-weight:600}.account-root .receipt-sub{color:var(--slate-500);font-size:12.5px}.account-root .receipt-body{flex-direction:column;gap:14px;padding:24px 28px;display:flex}.account-root .receipt-line{color:var(--ink-700);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.account-root .receipt-line .receipt-line-label{color:var(--slate-500)}.account-root .receipt-line.line-total{border-top:1px solid var(--mist-200);color:var(--ink-900);margin-top:4px;padding-top:14px;font-size:16.5px;font-weight:700}.account-root .receipt-foot{text-align:center;border-top:2px dashed var(--mist-300);flex-direction:column;gap:4px;padding:22px 28px 30px;display:flex}.account-root .receipt-foot-ref{font-family:var(--font-mono);letter-spacing:.05em;color:var(--slate-500);font-size:13px}.account-root .receipt-foot-note{color:var(--slate-400);font-size:12px}.account-root .profile-head{align-items:center;gap:20px;display:flex}.account-root .profile-avatar{background:var(--paper);border:1px solid var(--mist-200);width:76px;height:76px;color:var(--ink-900);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:600;display:flex}.account-root .profile-head-name{font-family:var(--font-display);color:var(--ink-900);font-size:22px;font-weight:600}.account-root .profile-head-sub{color:var(--slate-500);margin-top:3px;font-size:13.5px}.account-root .field-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.account-root .toggle-row{border-bottom:1px solid var(--mist-200);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.account-root .toggle-row:last-child{border-bottom:none;padding-bottom:0}.account-root .toggle-info{flex-direction:column;gap:4px;display:flex}.account-root .toggle-title{color:var(--ink-900);font-size:14.5px;font-weight:600}.account-root .toggle-desc{color:var(--slate-500);max-width:46ch;font-size:12.5px}.account-root .switch{border-radius:var(--radius-pill);background:var(--mist-300);width:46px;height:27px;transition:background var(--duration-fast) var(--ease-standard);flex-shrink:0;position:relative}.account-root .switch:after{content:"";background:var(--paper);width:21px;height:21px;transition:transform var(--duration-fast) var(--ease-standard);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #16212c4d}.account-root .switch.is-on{background:var(--sage-500)}.account-root .switch.is-on:after{transform:translate(19px)}.account-root .help-search{border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-card);color:var(--slate-500);align-items:center;gap:12px;padding:16px 20px;display:flex}.account-root .help-search input{color:var(--ink-900);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.account-root .contact-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.account-root .contact-card{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:20px;display:flex}.account-root .contact-card-icon{border-radius:var(--radius-sm);background:var(--brass-050);width:38px;height:38px;color:var(--brass-600);justify-content:center;align-items:center;display:flex}.account-root .contact-card-title{color:var(--ink-900);font-size:14.5px;font-weight:600}.account-root .contact-card-value{color:var(--slate-500);font-size:13px}.account-root .faq-item{border-bottom:1px solid var(--mist-200)}.account-root .faq-item:last-child{border-bottom:none}.account-root .faq-question{text-align:left;width:100%;color:var(--ink-900);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:14.5px;font-weight:600;display:flex}.account-root .faq-question .icon{color:var(--brass-600);transition:transform var(--duration-fast) var(--ease-standard);flex-shrink:0}.account-root .faq-item.is-open .faq-question .icon{transform:rotate(45deg)}.account-root .faq-answer{max-height:0;transition:max-height var(--duration-medium) var(--ease-standard);overflow:hidden}.account-root .faq-answer-inner{color:var(--slate-500);max-width:62ch;padding-bottom:18px;font-size:13.5px;line-height:1.65}.account-root .emergency-panel{border-radius:var(--radius-md);background:var(--garnet-500);color:var(--porcelain-100);align-items:center;gap:18px;padding:22px 26px;display:flex}.account-root .emergency-icon{border-radius:var(--radius-sm);background:#ffffff24;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.account-root .emergency-title{font-size:14.5px;font-weight:700}.account-root .emergency-desc{color:#fbf9f5cc;margin-top:3px;font-size:13px}.account-root .modal-overlay{z-index:100;animation:fade-in var(--duration-fast) var(--ease-standard);background:#16212c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.account-root .modal-card{background:var(--paper);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-modal);animation:modal-in var(--duration-medium) var(--ease-standard);flex-direction:column;gap:22px;padding:32px;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.account-root .modal-icon{border-radius:var(--radius-sm);background:var(--brass-050);width:46px;height:46px;color:var(--brass-600);justify-content:center;align-items:center;display:flex}.account-root .modal-title{font-family:var(--font-display);color:var(--ink-900);font-size:21px;font-weight:600}.account-root .modal-desc{color:var(--slate-500);font-size:14px;line-height:1.6}.account-root .modal-facts{background:var(--porcelain-200);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.account-root .modal-fact-row{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.account-root .modal-fact-label{color:var(--slate-500)}.account-root .modal-fact-value{color:var(--ink-900);font-weight:600}.account-root .modal-fact-value.value-refund{color:var(--sage-500)}.account-root .modal-actions{gap:12px;display:flex}.account-root .modal-actions .btn{flex:1}.account-root .toast{background:var(--ink-900);color:var(--porcelain-100);border-radius:var(--radius-pill);box-shadow:var(--shadow-modal);z-index:200;animation:toast-in var(--duration-medium) var(--ease-standard);align-items:center;gap:10px;padding:14px 22px;font-size:13.5px;font-weight:600;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.account-root .toast svg{color:var(--brass-300)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.account-root .text-on-dark{color:var(--porcelain-100)}.account-root .text-brass{color:var(--brass-300)}.account-root .text-garnet{color:var(--garnet-500)}.account-root .text-sage{color:var(--sage-500)}.account-root .icon-white{color:var(--porcelain-100)}.account-root .icon-sm{width:16px;height:16px}.account-root .section-head-tight{margin-bottom:16px}.account-root .detail-hotel-name-spaced{margin-top:12px}.account-root .dot-garnet{background:var(--garnet-500)}.account-root .progress-75{width:75%}@media (max-width:1080px){.account-root .app-shell{grid-template-columns:88px 1fr}.account-root .sidebar-brand-text,.account-root .nav-item span,.account-root .sidebar-foot{display:none}.account-root .sidebar-brand{justify-content:center;padding:0}.account-root .nav-item{justify-content:center;padding:14px}.account-root .app-main{padding:32px 28px}.account-root .quick-actions{grid-template-columns:repeat(2,1fr)}.account-root .stay-pass{grid-template-columns:1fr}.account-root .stay-pass-divider{background:repeating-linear-gradient(to right, var(--mist-300) 0px, var(--mist-300) 8px, transparent 8px, transparent 16px);height:1px}.account-root .stay-pass-media{min-height:160px}.account-root .detail-grid,.account-root .field-grid{grid-template-columns:repeat(2,1fr)}.account-root .payment-summary{grid-template-columns:repeat(3,1fr);gap:12px}.account-root .contact-grid{grid-template-columns:repeat(2,1fr)}.account-root .reservation-card{grid-template-columns:auto 1fr auto;row-gap:10px}.account-root .reservation-card .status-pill{grid-column:2;justify-self:start}}@media (max-width:720px){.account-root .app-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) 1fr auto;grid-template-areas:"topbar""main""bottomnav"}.account-root .app-sidebar{display:none}.account-root .app-topbar{padding:0 20px}.account-root .topbar-title{font-size:18px}.account-root .app-main{padding:22px 18px 100px}.account-root .view{gap:24px}.account-root .greeting-title,.account-root .view-title{font-size:24px}.account-root .quick-actions{grid-template-columns:repeat(2,1fr);gap:10px}.account-root .quick-action{padding:14px}.account-root .stay-pass-media,.account-root .stay-pass-body{padding:20px}.account-root .stay-meta-row{gap:16px}.account-root .stay-actions{flex-direction:column}.account-root .reservation-card{grid-template-columns:auto 1fr;gap:14px;padding:16px}.account-root .reservation-thumb{width:52px;height:52px}.account-root .reservation-card .status-pill,.account-root .reservation-card .reservation-chevron{grid-column:2;justify-self:start}.account-root .detail-pass-top,.account-root .detail-pass-body{padding:22px}.account-root .detail-grid{grid-template-columns:1fr 1fr;gap:16px}.account-root .detail-actions{flex-direction:column}.account-root .detail-actions .btn{width:100%}.account-root .payment-summary{grid-template-columns:1fr}.account-root .panel{padding:20px}.account-root .contact-grid,.account-root .field-grid{grid-template-columns:1fr}.account-root .profile-head{flex-direction:column;align-items:flex-start}.account-root .modal-card{padding:24px}.account-root .modal-actions{flex-direction:column-reverse}.account-root .app-bottom-nav{background:var(--paper);border-top:1px solid var(--mist-200);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:20;grid-area:bottomnav;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0}.account-root .bottom-nav-item{border-radius:var(--radius-sm);color:var(--slate-400);flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:6px 14px;display:flex}.account-root .bottom-nav-item span{font-size:10.5px;font-weight:600}.account-root .bottom-nav-item.is-active{color:var(--navy)}}@media (max-width:400px){.account-root .otp-group{gap:6px}.account-root .auth-card{padding:28px 22px}}body:has(>.account-root)>footer{display:none!important}body:has(>.account-root)>nav[aria-label=Mobile\ navigation]{display:none!important}.account-root .avatar{background:var(--paper);border:1px solid var(--mist-200);color:var(--ink-900)}.account-root .btn-brass,.account-root .btn-primary{background:var(--navy);color:var(--white);box-shadow:var(--shadow-sm)}.account-root .btn-brass:hover,.account-root .btn-primary:hover{background:var(--navy-light);box-shadow:var(--shadow-md)}.account-root .btn-ghost{background:var(--paper);border:1px solid var(--border);color:var(--navy);text-decoration:none}.account-root .btn-ghost:hover{background:var(--off-white);border-color:var(--navy)}.account-root .nav-item.is-active{color:var(--white);background:#ffffff1f}.account-root .bottom-nav-item.is-active{color:var(--navy)}.account-root .sidebar-brand{flex-direction:column;align-items:flex-start;gap:12px}.account-root .account-logo{color:var(--white);font-family:var(--font-serif);flex-direction:column;font-size:1.45rem;font-weight:600;line-height:1.05;text-decoration:none;display:flex}.account-root .account-logo small{color:var(--slate-400);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:600}.account-root .back-to-hotel{color:var(--slate-400);font-size:12px;font-weight:600;text-decoration:none}.account-root .back-to-hotel:hover{color:var(--white)}.account-root .mobile-account-logo{display:none}.account-root .account-menu-overlay{z-index:80;background:#16212c7a;align-items:flex-end;display:flex;position:fixed;inset:0}.account-root .account-menu-sheet{width:100%;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:var(--shadow-modal);border-radius:20px 20px 0 0}.account-root .account-menu-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.account-root .account-menu-head h2{font-family:var(--font-display);font-size:20px}.account-root .account-menu-sheet nav{gap:4px;display:grid}.account-root .account-menu-sheet nav button,.account-root .account-menu-sheet nav a{border-radius:var(--radius-sm);width:100%;color:var(--ink-800);text-align:left;align-items:center;gap:12px;padding:14px 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.account-root .account-menu-sheet nav button:hover,.account-root .account-menu-sheet nav a:hover{background:var(--off-white)}@media (max-width:1080px) and (min-width:721px){.account-root .sidebar-brand{align-items:center}.account-root .account-logo span{font-family:var(--font-sans);letter-spacing:.08em;font-size:15px;font-weight:800}.account-root .account-logo small,.account-root .back-to-hotel{display:none}}@media (max-width:720px){.account-root .app-topbar{gap:14px}.account-root .mobile-account-logo{color:var(--ink-900);flex-direction:column;margin-right:auto;line-height:1;text-decoration:none;display:flex}.account-root .mobile-account-logo span{letter-spacing:1.5px;font-size:17px;font-weight:800}.account-root .mobile-account-logo small{color:var(--slate-500);letter-spacing:2.2px;margin-top:2px;font-size:8px;font-weight:600}.account-root .topbar-title{display:none}.account-root .topbar-actions{gap:8px}}.account-root .profile-edit-actions{align-items:center;gap:14px;display:flex}.account-root .profile-save{height:40px;padding:0 16px}.account-root .profile-address-field{grid-column:1/-1}@media (max-width:720px){.account-root .profile-edit-actions{gap:10px}.account-root .profile-save{height:38px;padding:0 12px}}
