@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#242824;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{max-width:1120px;margin:auto;padding:0 40px}header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e4dd}.brand{display:flex;align-items:center;gap:10px;color:#242824;text-decoration:none;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand-dot{color:#c88b3f}.header-label{font-size:13px;color:#787b70}main{max-width:490px;margin:54px auto 35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#818579}.salon-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.salon-line h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px;margin:7px 0 0}.live{display:flex;align-items:center;gap:7px;background:#eaf0e6;color:#477345;font-size:11px;font-weight:600;border-radius:20px;padding:8px 11px}.live i{width:6px;height:6px;background:#568653;border-radius:50%;box-shadow:0 0 0 3px #dce8d8}.live.muted{background:#eee9df;color:#90733d}.ticket{background:#fff;border:1px solid #e6e5dd;border-radius:16px;box-shadow:0 10px 35px #383b2610;overflow:hidden}.ticket-top{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 0}.status{border-radius:5px;padding:7px 10px;background:#f5ead7;color:#996b22;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700}.status-serving,.status-completed{background:#eaf0e6;color:#477345}.status-cancelled,.status-noshow{background:#f4e1df;color:#9e524d}.token{font-family:Manrope,sans-serif;text-align:center;font-size:100px;letter-spacing:-6px;line-height:1;margin:27px 0 17px;font-weight:800}.token-caption{font-size:12px;text-align:center;color:#888a7f;margin:0 24px 29px;line-height:1.7}.ticket-divider{border-top:1px dashed #dddcd2;position:relative;height:1px;margin:0 13px}.ticket-divider span{width:20px;height:20px;border-radius:50%;background:#f7f6f2;border:1px solid #e6e5dd;position:absolute;top:-10px}.ticket-divider span:first-child{left:-24px}.ticket-divider span:last-child{right:-24px}.stats{display:grid;grid-template-columns:1fr 1fr;padding:27px 28px 30px;gap:20px}.stats>div+div{border-left:1px solid #eeeee7;padding-left:24px}.stat-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:#8a8c82}.stats strong{font-family:Manrope,sans-serif;font-size:35px;display:block;margin-top:10px;letter-spacing:-1px}.stats small{font-size:12px;color:#868a7e;font-weight:400;margin-left:9px;letter-spacing:0}.stats .wait{font-size:25px;line-height:1.8}.progress-section{margin:31px 0}.section-title{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.7px}.section-title span{color:#929488;font-weight:400;letter-spacing:0;font-size:11px}.progress{list-style:none;padding:0;margin:22px 0 0;display:flex;justify-content:space-between;position:relative}.progress:before{content:"";position:absolute;top:12px;height:1px;background:#dcded3;left:21px;right:25px}.progress li{display:flex;flex-direction:column;align-items:center;width:20%;gap:10px;z-index:1;font-size:9px;color:#96998e;text-align:center}.step-icon{height:25px;width:25px;border-radius:50%;background:#f7f6f2;border:1px solid #d9dccf;display:grid;place-items:center;font-size:10px}.done .step-icon{background:#344d35;border-color:#344d35;color:#fff}.current{color:#344d35!important;font-weight:700}.current .step-icon{border:1px solid #9cb48e;background:#e7eedf;box-shadow:0 0 0 4px #f7f6f2}.details{background:#efefe8;border:1px solid #e5e5da;border-radius:12px;padding:23px 24px}.details>div:first-child{display:flex;flex-direction:column;gap:8px;padding-bottom:21px}.details strong{font-size:26px;font-family:Manrope,sans-serif;letter-spacing:-.8px}.chairs{font-size:11px;color:#858a7d}.detail-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dedfd3;padding-top:13px;margin-top:11px;font-size:12px}.detail-row span{color:#898d80}.detail-row b{font-weight:500;text-align:right}.note{display:flex;gap:11px;align-items:center;font-size:11px;line-height:1.8;color:#898d80;margin-top:24px}.note svg{flex-shrink:0;color:#7d8870}.note p{margin:0}.updated{text-align:center;font-size:10px;color:#a1a397;margin-top:20px}.connection-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#9a7844;margin-top:15px}footer{display:flex;justify-content:space-between;border-top:1px solid #e5e4dd;padding:24px 0 30px;font-size:10px;color:#9b9e91}footer b{font-size:14px;color:#646b5a}.message{padding:50px 0;min-height:420px}.message h1{font-family:Manrope,sans-serif;font-size:46px;letter-spacing:-2px;line-height:1.15}.message p{line-height:1.8;color:#858a7d;font-size:14px}.message button{display:flex;gap:12px;align-items:center;border:0;border-radius:7px;background:#344d35;color:#fff;padding:13px 22px;margin-top:24px;font:inherit;font-size:13px;cursor:pointer}.icon-box{color:#9c8053;margin-bottom:30px}.loading{text-align:center}.spinner{width:28px;height:28px;border:2px solid #e1e4d7;border-top-color:#344d35;border-radius:50%;animation:spin 1s linear infinite;margin:30px auto}.completed{text-align:center;margin:30px 0;color:#477345}.completed h3{margin:10px 0 4px}.completed p{font-size:12px;color:#898d80}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.page{padding:0 22px}header{height:73px}.header-label{font-size:11px}main{margin-top:32px}.salon-line h2{font-size:19px}.token{font-size:88px}.ticket-top{padding:22px 22px 0}.stats{padding:24px 22px;gap:10px}.stats>div+div{padding-left:18px}.stats .wait{font-size:21px}footer{font-size:9px}.message h1{font-size:38px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}