*{box-sizing:border-box}html,body,#root{background:#f4f7fb;min-height:100%;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}button{font:inherit}.app{flex-direction:column;gap:16px;max-width:720px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.booking-page,.seat-page,.payment-page,.confirm-page{flex-direction:column;gap:16px;display:flex}.section{background:#fff;border:1px solid #e7ecf2;border-radius:20px;padding:16px}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-step{color:#fff;background:#27ae60;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.section-title{margin:0;font-size:16px;font-weight:700}.section-sub{color:#667085;font-size:13px}.city-grid,.time-grid{gap:10px;display:grid}.city-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.city-btn{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:18px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px 16px;transition:transform .15s,border-color .15s;display:flex}.city-btn:hover{border-color:#b8c7dc;transform:translateY(-1px)}.city-btn--selected{background:#f0fbf5;border-color:#27ae60}.city-btn-name{font-weight:700}.city-btn-price{color:#2d3748;font-size:14px}.cal-nav-btn{cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.calendar{background:#fff;border:1px solid #e7ecf2;border-radius:18px;padding:14px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-title{font-weight:700}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-weekday,.cal-day{justify-content:center;align-items:center;width:100%;height:38px;display:inline-flex}.cal-day{cursor:pointer;background:#f5f7fb;border:none;border-radius:12px}.cal-day--selected{color:#fff;background:#27ae60}.cal-day--disabled{opacity:.4;cursor:not-allowed}.time-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.time-btn{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.time-btn-arrival{color:#667085;font-size:12px}.time-btn--selected{background:#e8f5eb;border-color:#27ae60}.time-btn--disabled{opacity:.45;cursor:not-allowed}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:16px;width:100%;padding:14px 18px;font-weight:700}.btn-primary{color:#fff;background:#27ae60}.btn-secondary{color:#334155;background:#fff;border:1px solid #dbe3ee}.text-loading,.text-empty{color:#667085}.text-error{color:#c92a2a;background:#fff3f3;border:1px solid #fecaca;border-radius:14px;padding:12px 14px}.seat-map{background:#fff;border:1px solid #e7ecf2;border-radius:18px;gap:10px;padding:12px;display:grid}.seat-row{grid-template-columns:repeat(4,60px);gap:8px;display:grid}.seat-btn{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:16px;width:60px;height:60px;position:relative}.seat-btn--selected{background:#e8f5eb;border-color:#27ae60}.seat-num{font-weight:700}.summary-card{background:#fff;border:1px solid #e7ecf2;border-radius:18px;overflow:hidden}.summary-row{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:10px;padding:12px 16px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{background:#f0fbf5}.payment-title,.confirm-title{margin:0}.confirm-icon{font-size:56px}