:root{--color-bg:#fafaf8;--color-primary:#0f5c6e;--color-secondary:#f2eee8;--color-card:#fff;--color-success:#8fbf9f;--color-text:#1c1c1a;--color-text-muted:#6b6a63;--shadow-card:0 1px 2px #0f5c6e08, 0 10px 24px #0f5c6e0d;--shadow-card-hover:0 2px 6px #0f5c6e0d, 0 18px 36px #0f5c6e14;--radius-lg:28px;--radius-md:18px;color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;margin:0}a{color:inherit}#root{min-height:100vh}.logo{width:auto;height:103px;margin:0 auto 22px;display:block}.header{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.header-title{letter-spacing:-.3px;color:var(--color-primary);margin:0 0 6px;font-size:29px;font-weight:700}.header-subtitle{letter-spacing:.1px;color:var(--color-text-muted);margin:0;font-size:14px;font-weight:400}.section{margin-bottom:56px}.section:last-of-type{margin-bottom:0}.section-heading{margin-bottom:20px}.section-title{letter-spacing:-.2px;color:var(--color-text);margin:0;font-size:23px;font-weight:600}.section-subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:14.5px}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text);border:1px solid #0f5c6e0f;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:21px 14px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex}.card:hover,.card:focus-visible{box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(-3px)}.card:active{transform:translateY(-1px)}.card-icon{width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.card-label{letter-spacing:-.1px;text-align:center;font-size:14px;font-weight:500}.card-cta{background:var(--color-primary);width:100%;color:var(--color-bg);flex-direction:row;gap:14px;margin-top:8px;padding:20px 22px}.card-cta .card-icon{width:40px;height:40px;color:var(--color-bg)}.card-cta .card-label{font-size:17px;font-weight:700}.card-featured{background:var(--color-primary);min-width:0;min-height:121px;color:var(--color-bg);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:18px 16px}.card-featured-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-featured-divider{background:#fafaf866;flex-shrink:0;width:1px;height:56px;margin-right:8px}.card-featured-text{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.card-featured-title{letter-spacing:-.1px;overflow-wrap:break-word;font-size:15px;font-weight:700;line-height:1.3}.card-featured-subtitle{color:#fafaf8a6;overflow-wrap:break-word;font-size:10px;font-weight:400;line-height:1.3}.card-featured-arrow{background:var(--color-bg);width:28px;height:28px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}@media (width<=360px){.card-featured{gap:6px;padding:14px 12px}.card-featured-icon svg{width:28px;height:28px}.card-featured-divider{height:40px;margin-right:0}.card-featured-title{font-size:13px}.card-featured-subtitle{font-size:9px}.card-featured-arrow{width:24px;height:24px}.card-featured-arrow svg{width:14px;height:14px}}.card-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width<=360px){.card-grid{gap:14px}}.home-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}@media (width<=360px){.home-page{padding-left:16px;padding-right:16px}}.featured-row{gap:18px;margin-top:18px;display:flex}.featured-row>.card{flex:0 0 calc(38.4615% - 6.92308px);min-width:0}.featured-row>.card-featured{flex:0 0 calc(61.5385% - 11.0769px)}@media (width<=360px){.featured-row{gap:14px}.featured-row>.card{flex-basis:calc(38.4615% - 5.38462px)}.featured-row>.card-featured{flex-basis:calc(61.5385% - 8.61539px)}}.photo-placeholder{aspect-ratio:4/3;background:var(--color-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:16px;font-size:13px;display:flex}.photo-placeholder svg{color:var(--color-primary);opacity:.6}.photo-placeholder-clickable{cursor:pointer}.structure-access-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.page-back{color:var(--color-primary);margin-bottom:24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.page-icon{background:var(--color-card);border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-card);color:var(--color-primary);border:1px solid #0f5c6e0f;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.3px;color:var(--color-text);margin:0 0 6px;font-size:24px;font-weight:600}.page-subtitle{color:var(--color-text-muted);margin:0 0 32px;font-size:14.5px}.page-text{color:var(--color-text);margin:0 0 24px;font-size:15px;line-height:1.5}.primary-button{border-radius:var(--radius-lg);background:var(--color-primary);width:100%;color:var(--color-bg);cursor:pointer;box-shadow:var(--shadow-card);border:none;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:20px 22px;font-family:inherit;font-size:17px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex}.primary-button:hover,.primary-button:focus-visible{box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(-3px)}.primary-button:active{transform:translateY(-1px)}.status-block-title{color:var(--color-text);margin:0 0 12px;font-size:15px;font-weight:600}.status-list{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.status-list.standalone{margin-bottom:24px}.status-item{color:var(--color-text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.status-item svg{color:var(--color-success);flex-shrink:0;margin-top:1px}.access-guide{flex-direction:column;gap:32px;display:flex}.access-step-title{letter-spacing:-.2px;color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:600}.access-step-text{color:var(--color-text);margin:0 0 12px;font-size:15px;line-height:1.5}.access-step-text:last-child{margin-bottom:0}.access-step-list{color:var(--color-text);margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.6}.access-step .code-card{margin-bottom:12px}.access-step .code-card:last-child{margin-bottom:0}.code-card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;align-items:center;gap:14px;padding:16px;display:flex}.code-card-icon{background:var(--color-secondary);width:44px;height:44px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.code-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.code-card-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.code-card-value{letter-spacing:.5px;color:var(--color-text);font-size:20px;font-weight:700}.copy-button{background:var(--color-secondary);color:var(--color-primary);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .3s cubic-bezier(.16,1,.3,1)}.copy-button:hover,.copy-button:focus-visible{outline:none;transform:translateY(-1px)}.help-section{text-align:center;border-top:1px solid #0f5c6e14;margin-top:40px;padding-top:24px}.help-question{color:var(--color-text);margin:0 0 16px;font-size:15px;font-weight:600}.secondary-button{border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-card);width:fit-content;color:var(--color-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.secondary-button:hover,.secondary-button:focus-visible{outline:none;transform:translateY(-2px)}.secondary-button:active{transform:translateY(0)}.page-header-back{color:var(--color-primary);margin-bottom:24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.page-header-icon{background:var(--color-card);border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-card);color:var(--color-primary);border:1px solid #0f5c6e0f;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.page-header-title{letter-spacing:-.3px;color:var(--color-text);margin:0 0 6px;font-size:24px;font-weight:600}.page-header-subtitle{color:var(--color-text-muted);margin:0 0 32px;font-size:14.5px}.banner{background:var(--color-secondary);border-radius:var(--radius-md);color:var(--color-text);margin-bottom:24px;padding:18px 20px;font-size:14.5px;line-height:1.5}.banner p{margin:0}.banner p+p{margin-top:8px}.banner .btn{margin-top:14px}.banner-title{align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:700;display:flex}.banner-emphasis{background:var(--color-primary);color:var(--color-bg)}.banner-title-highlight{color:var(--color-secondary);font-weight:800}.banner-highlight-line{letter-spacing:.4px;font-size:14px;font-weight:700}.btn{cursor:pointer;justify-content:center;align-items:center;gap:8px;font-family:inherit;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-primary{border-radius:var(--radius-lg);background:var(--color-primary);width:100%;color:var(--color-bg);box-shadow:var(--shadow-card);border:none;padding:20px 22px;font-size:17px;font-weight:700}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-card);width:fit-content;color:var(--color-primary);margin:0 auto;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary:hover,.btn-secondary:focus-visible{outline:none;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.whatsapp-footer{text-align:center;border-top:1px solid #0f5c6e14;margin-top:40px;padding-top:24px}.how-to-reach-us-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.address-block{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;margin-bottom:24px;padding:16px}.address-text{color:var(--color-text);margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.4}.how-to-reach-us-page>.btn-primary{margin-bottom:32px}.parking-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.garage-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.garage-card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;padding:18px}.garage-badges{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.garage-badge{background:var(--color-secondary);color:var(--color-primary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.garage-badge-recommended{background:var(--color-primary);color:var(--color-bg)}.garage-name{color:var(--color-text);margin:0 0 4px;font-size:16px;font-weight:700}.garage-phone{color:var(--color-text-muted);margin:0 0 14px;font-size:14px}.garage-actions{gap:10px;display:flex}.garage-actions .btn-secondary{flex:1;width:auto;margin:0;padding:10px 14px;font-size:13.5px}.ztl-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.ztl-schedule{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-primary);border:1px solid #0f5c6e0f;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.ztl-schedule-days{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.ztl-schedule-hours{color:var(--color-text-muted);margin:2px 0 0;font-size:14px}.ztl-question{border:none;margin:0 0 24px;padding:0}.ztl-question legend{color:var(--color-text);margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.ztl-choice-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.ztl-choice-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text);text-align:center;cursor:pointer;border:2px solid #0f5c6e0f;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;font-size:13.5px;font-weight:500;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.ztl-choice-card svg{color:var(--color-primary);flex-shrink:0}.ztl-choice-card.is-selected{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover)}.ztl-choice-card:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.ztl-choice-input{opacity:0;width:0;height:0;position:absolute}.ztl-confirmation{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;align-items:flex-start;gap:12px;margin-bottom:32px;padding:16px;display:flex}.ztl-confirmation svg{color:var(--color-success);flex-shrink:0;margin-top:1px}.ztl-confirmation-title{color:var(--color-text);margin:0 0 4px;font-size:15px;font-weight:700}.ztl-confirmation-text{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.4}.ztl-form{margin-bottom:32px}.ztl-form-label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.ztl-form-input{border-radius:var(--radius-md);background:var(--color-card);width:100%;color:var(--color-text);border:1px solid #0f5c6e26;margin-bottom:8px;padding:14px 16px;font-family:inherit;font-size:16px}.ztl-form-input:focus-visible{outline:1.5px solid var(--color-primary);outline-offset:1px}.ztl-form-hint{color:var(--color-text-muted);margin:0 0 14px;font-size:12.5px}.ztl-stay-section{margin-bottom:0}.ztl-stay-title{letter-spacing:-.2px;color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:600}.ztl-stay-section .page-text{color:var(--color-text);margin:0 0 20px;font-size:15px;line-height:1.5}.taxi-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.taxi-instructions-title{color:var(--color-text);margin:0 0 12px;font-size:15px;font-weight:600}.taxi-instructions-list{margin:0 0 32px;padding:0;list-style:none}.taxi-instructions-list li{color:var(--color-text);margin-bottom:8px;padding-left:18px;font-size:14.5px;line-height:1.4;position:relative}.taxi-instructions-list li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.wifi-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.wifi-list{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.wifi-row{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;align-items:center;gap:14px;padding:16px;display:flex}.wifi-row-icon{background:var(--color-secondary);width:44px;height:44px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wifi-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wifi-row-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.wifi-row-value{color:var(--color-text);overflow-wrap:break-word;font-size:18px;font-weight:700}.wifi-copy-btn{background:var(--color-secondary);color:var(--color-primary);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .3s cubic-bezier(.16,1,.3,1)}.wifi-copy-btn:hover,.wifi-copy-btn:focus-visible{outline:none;transform:translateY(-1px)}.wifi-toast{background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);pointer-events:none;z-index:100;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;animation:2s forwards wifi-toast-fade;display:flex;position:fixed;bottom:32px;left:50%}@keyframes wifi-toast-fade{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}.breakfast-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.breakfast-schedule{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-primary);border:1px solid #0f5c6e0f;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.breakfast-schedule p{color:var(--color-text);margin:0;font-size:15px;font-weight:700}.venue-list{flex-direction:column;gap:20px;margin:24px 0 32px;display:flex}.venue-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;padding:18px;position:relative}.venue-badge{background:var(--color-secondary);color:var(--color-primary);border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.venue-name{color:var(--color-text);margin:0 0 8px;font-size:17px;font-weight:700}.venue-card .btn-secondary{width:100%;margin:0}.guide-step{margin-bottom:32px}.guide-step:last-child{margin-bottom:0}.guide-step-eyebrow{letter-spacing:.6px;color:var(--color-primary);margin:0 0 4px;font-size:12px;font-weight:700}.guide-step-title{letter-spacing:-.2px;color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:600}.guide-step-text{color:var(--color-text);font-size:15px;line-height:1.5}.guide-step-text p{margin:0 0 10px}.guide-step-text p:last-child{margin-bottom:0}.guide-list{color:var(--color-text);margin:0 0 10px;padding-left:20px;font-size:15px;line-height:1.6}.guide-list:last-child{margin-bottom:0}.jacuzzi-page,.coffee-machine-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.palermo-page{text-align:center;max-width:480px;margin:0 auto;padding:28px 20px 48px}.palermo-title{letter-spacing:-.3px;color:var(--color-text);margin:0 0 20px;font-size:24px;font-weight:600}.palermo-page .page-text{text-align:left}.palermo-social-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;display:grid}.palermo-social-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-primary);border:1px solid #0f5c6e0f;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex}.palermo-social-card span{color:var(--color-text)}.palermo-social-card:hover,.palermo-social-card:focus-visible{box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(-3px)}.palermo-social-card:active{transform:translateY(-1px)}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:100vh;margin:0 auto;padding:32px 20px 48px;display:flex;position:relative}.placeholder-back{color:var(--color-primary);font-size:15px;font-weight:500;text-decoration:none;position:absolute;top:32px;left:20px}.placeholder-icon{background:var(--color-secondary);width:72px;height:72px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.placeholder-title{letter-spacing:-.3px;color:var(--color-text);margin:0 0 8px;font-size:24px;font-weight:600}.placeholder-message{color:var(--color-text-muted);margin:0;font-size:15px}.checkout-page{max-width:480px;margin:0 auto;padding:28px 20px 48px}.checkout-page .page-back{color:var(--color-primary);margin-bottom:24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.checkout-page .page-icon{background:var(--color-card);border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-card);color:var(--color-primary);border:1px solid #0f5c6e0f;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.checkout-page .page-title{letter-spacing:-.3px;color:var(--color-text);margin:0 0 6px;font-size:24px;font-weight:600}.checkout-page .page-subtitle{color:var(--color-text-muted);margin:0 0 32px;font-size:14.5px}.checkout-page .page-text{color:var(--color-text);margin:0 0 24px;font-size:15px;line-height:1.5}.checkout-page .checkout-error{color:var(--color-danger,#b3261e)}.checkout-page .primary-button{border-radius:var(--radius-lg);background:var(--color-primary);width:100%;color:var(--color-bg);cursor:pointer;box-shadow:var(--shadow-card);border:none;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:20px 22px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex}.checkout-page .primary-button:hover:not(:disabled),.checkout-page .primary-button:focus-visible{box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(-3px)}.checkout-page .primary-button:disabled{opacity:.7;cursor:default}.checkout-page .status-list.standalone{margin-bottom:24px}.checkout-page .status-item{color:var(--color-text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.checkout-page .status-item svg{color:var(--color-success);flex-shrink:0;margin-top:1px}.checkout-page .help-section{text-align:center;border-top:1px solid #0f5c6e14;margin-top:40px;padding-top:24px}.checkout-page .help-question{color:var(--color-text);margin:0 0 16px;font-size:15px;font-weight:600}.checkout-page .secondary-button{border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-card);width:fit-content;color:var(--color-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.checkout-page .secondary-button:hover,.checkout-page .secondary-button:focus-visible{outline:none;transform:translateY(-2px)}.staff-shell{background:var(--color-bg);min-height:100vh}.staff-header{background:var(--color-card);border-bottom:1px solid #0f5c6e14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.staff-header-title{color:var(--color-primary);font-size:16px;font-weight:700}.staff-header-right{color:var(--color-text-muted);align-items:center;gap:14px;font-size:13px;display:flex}.staff-main{max-width:1080px;margin:0 auto;padding:24px}.staff-loading,.staff-error{color:var(--color-text-muted);padding:24px;font-size:14px}.staff-error{color:#b3261e}.staff-section-title{color:var(--color-text);margin:28px 0 12px;font-size:15px;font-weight:700}.staff-section-title:first-child{margin-top:0}.staff-card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;padding:18px}.staff-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.staff-stat{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #0f5c6e0f;padding:16px}.staff-stat-label{color:var(--color-text-muted);margin-bottom:6px;font-size:12px;display:block}.staff-stat-value{color:var(--color-text);font-size:24px;font-weight:700}.staff-stat-sub{color:var(--color-text-muted);margin-top:4px;font-size:12px}table.staff-table{border-collapse:collapse;width:100%;font-size:13.5px}.staff-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);border-bottom:1px solid #0f5c6e1a;padding:8px 10px;font-size:11.5px}.staff-table td{vertical-align:middle;border-bottom:1px solid #0f5c6e0f;padding:10px}.staff-badge{background:var(--color-secondary);color:var(--color-primary);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.staff-badge-warn{color:#8a5a00;background:#fdecd2}.staff-badge-danger{color:#942626;background:#fbdede}.staff-btn{background:var(--color-primary);color:var(--color-bg);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.staff-btn:disabled{opacity:.6;cursor:default}.staff-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.staff-btn-danger{color:#942626;background:#fbdede}.staff-btn-sm{padding:5px 10px;font-size:12px}.staff-form{flex-direction:column;gap:12px;max-width:360px;display:flex}.staff-field{color:var(--color-text);flex-direction:column;gap:4px;font-size:13px;display:flex}.staff-field input,.staff-field select{background:var(--color-card);color:var(--color-text);border:1px solid #0f5c6e2e;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px}.staff-inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-login-shell{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.staff-login-card{background:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:340px;box-shadow:var(--shadow-card);padding:28px}.staff-login-title{color:var(--color-primary);margin:0 0 20px;font-size:18px;font-weight:700}