:root{--color-primary: #2d2d2d;--color-primary-light: #2d2d2d;--color-primary-subtle: #fdf8f8;--color-accent: #FFB7C5;--color-accent-text: #c4657a;--color-bg: #FFFFFF;--color-bg-outer: #faf6f6;--color-surface: #FFFFFF;--color-surface-raised: #fdf8f8;--color-border: #F2C7C7;--color-border-light: #f7dede;--color-border-hover: #FFB7C5;--color-text: #2d2d2d;--color-text-secondary: #7a6e70;--color-text-muted: #a89698;--color-available: #D5F3D8;--color-available-dark: #7ec98e;--color-mine: #FFB7C5;--color-mine-dark: #d4949f;--color-locked: #F5E0B8;--color-locked-dark: #c4b08a;--color-held: #E8D5F5;--color-held-dark: #b8a0cc;--color-booked: #F2C7C7;--color-booked-dark: #c49a9a;--shadow-sm: 0 1px 3px rgba(180, 120, 130, .06);--shadow-md: 0 3px 10px rgba(180, 120, 130, .1);--shadow-lg: 0 6px 20px rgba(180, 120, 130, .12);--shadow-glow: 0 0 0 3px rgba(255, 183, 197, .35);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-smooth);--transition-base: .2s var(--ease-smooth);--transition-slow: .35s var(--ease-smooth);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-bg: rgba(255, 255, 255, .85);--header-text: var(--color-text);--header-border: var(--color-border);--bus-outline-bg: var(--color-surface);--bus-outline-border: var(--color-border);--bus-windshield-bg: var(--color-surface-raised);--bus-windshield-label: var(--color-text-muted);--bus-driver-bg: #FFB7C5;--bus-column-label-color: var(--color-text-muted);--activity-border: var(--color-border-light);--activity-time-color: var(--color-text-muted);--ticket-pnr-bg: var(--color-surface-raised);--ticket-divider: var(--color-border);--ticket-qr-bg: var(--color-surface-raised);--booking-summary-bg: rgba(213, 243, 216, .15);--payment-timer-bg: var(--color-surface-raised);--payment-timer-border: var(--color-border);--hero-bg: linear-gradient(135deg, #F2C7C7 0%, #D5F3D8 100%);--hero-border: transparent;--demo-banner-bg: rgba(242, 199, 199, .15);--demo-banner-border: var(--color-border);--selected-seat-bg: rgba(213, 243, 216, .25);--selected-seat-border: #D5F3D8;--operator-logo-bg: rgba(255, 183, 197, .15);--bus-amenity-bg: rgba(213, 243, 216, .2);--message-error-bg: rgba(255, 183, 197, .15);--message-error-color: #c4657a;--message-error-border: #FFB7C5;--message-success-bg: rgba(213, 243, 216, .25);--message-success-color: #3a8f4f;--message-success-border: #D5F3D8;--message-info-bg: rgba(232, 213, 245, .15);--message-info-color: #7a5fa0;--message-info-border: #E8D5F5;--reschedule-step-bg: var(--color-surface-raised);--reschedule-step-color: var(--color-text-muted);--reschedule-step-text: var(--color-text-muted);--bus-card-selected-bg: rgba(255, 183, 197, .08)}[data-theme=dark]{--color-primary: #f5f0f2;--color-primary-light: #e8dfe2;--color-primary-subtle: #1a1720;--color-accent: #FFB7C5;--color-accent-text: #ffcdd7;--color-bg: #0f0d12;--color-bg-outer: #0a090c;--color-surface: #1a1720;--color-surface-raised: #231f28;--color-border: #332d38;--color-border-light: #231f28;--color-border-hover: #FFB7C5;--color-text: #f5f0f2;--color-text-secondary: #9a8f94;--color-text-muted: #716a6e;--color-available: #2e5e3e;--color-available-dark: #5a9a6e;--color-mine: #7a4050;--color-mine-dark: #b07585;--color-locked: #7a6a3e;--color-locked-dark: #a89868;--color-held: #5a4a7a;--color-held-dark: #8a70aa;--color-booked: #5a3a3e;--color-booked-dark: #8a5a60;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 3px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 3px rgba(176, 117, 133, .3);--header-bg: rgba(26, 23, 32, .85);--header-text: var(--color-text);--header-border: var(--color-border);--bus-outline-bg: var(--color-surface);--bus-outline-border: var(--color-border);--bus-windshield-bg: var(--color-surface-raised);--bus-windshield-label: var(--color-text-muted);--bus-driver-bg: #7a4050;--bus-column-label-color: var(--color-text-muted);--activity-border: var(--color-border-light);--activity-time-color: var(--color-text-muted);--ticket-pnr-bg: var(--color-surface-raised);--ticket-divider: var(--color-border);--ticket-qr-bg: #ffffff;--booking-summary-bg: rgba(46, 94, 62, .1);--payment-timer-bg: var(--color-surface-raised);--payment-timer-border: var(--color-border);--hero-bg: linear-gradient(135deg, rgba(122, 64, 80, .2) 0%, rgba(46, 94, 62, .2) 100%);--hero-border: var(--color-border);--demo-banner-bg: rgba(122, 64, 80, .12);--demo-banner-border: var(--color-border);--selected-seat-bg: rgba(46, 94, 62, .15);--selected-seat-border: rgba(90, 154, 110, .3);--operator-logo-bg: rgba(122, 64, 80, .2);--bus-amenity-bg: rgba(46, 94, 62, .12);--message-error-bg: rgba(122, 64, 80, .15);--message-error-color: #d08090;--message-error-border: rgba(122, 64, 80, .35);--message-success-bg: rgba(46, 94, 62, .15);--message-success-color: #70b880;--message-success-border: rgba(46, 94, 62, .35);--message-info-bg: rgba(90, 74, 122, .15);--message-info-color: #a090c8;--message-info-border: rgba(90, 74, 122, .35);--reschedule-step-bg: var(--color-surface-raised);--reschedule-step-color: var(--color-text-muted);--reschedule-step-text: var(--color-text-muted);--bus-card-selected-bg: rgba(122, 64, 80, .12)}*{margin:0;padding:0;box-sizing:border-box}html{transition:background-color var(--transition-base),color var(--transition-base)}body{font-family:var(--font-family);background:var(--color-bg-outer);color:var(--color-text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] input[type=date]{color-scheme:dark}@keyframes my-seat-glow{0%,to{box-shadow:0 0 0 3px #ffb7c559}50%{box-shadow:0 0 0 6px #ffb7c580,0 0 20px #ffb7c540}}@keyframes seat-flash-in{0%{box-shadow:0 0 #f5e0b8b3}40%{box-shadow:0 0 0 10px #f5e0b866,0 0 24px #f5e0b84d}to{box-shadow:0 0 #f5e0b800}}@keyframes seat-flash-out{0%{box-shadow:0 0 #d5f3d8b3}40%{box-shadow:0 0 0 10px #d5f3d866,0 0 24px #d5f3d84d}to{box-shadow:0 0 #d5f3d800}}@keyframes live-pulse{0%,to{box-shadow:0 0 #7ec98e80}50%{box-shadow:0 0 0 4px #7ec98e40}}@keyframes activity-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.app-shell{min-height:100vh;display:flex;justify-content:center;background:var(--color-bg-outer)}.app-container{width:100%;max-width:480px;min-height:100vh;background:var(--color-bg);position:relative;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.app-content{padding:16px 16px 24px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--header-bg);color:var(--header-text);border-bottom:1px solid var(--header-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-logo-link{display:flex;align-items:center;gap:8px;color:var(--color-text);text-decoration:none;transition:opacity var(--transition-fast)}.app-logo-link:hover{opacity:.7}.app-header h1{font-size:16px;font-weight:700;letter-spacing:-.3px}.header-right{display:flex;gap:10px;align-items:center}.header-icon-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.header-icon-link:hover{border-color:var(--color-border-hover);color:var(--color-accent-text);background:#ffb7c514}.page-title{font-size:20px;font-weight:700;margin-bottom:4px;color:var(--color-text);letter-spacing:-.4px}.page-subtitle{font-size:13px;color:var(--color-text-muted);margin-bottom:20px}.seatmap-layout{display:flex;flex-direction:column;gap:16px}.seatmap-main{min-width:0}.seatmap-sidebar{order:-1}.seatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px;flex-wrap:wrap}.payment-layout,.reschedule-layout{display:flex;flex-direction:column;gap:16px}.loading{text-align:center;padding:40px;color:var(--color-text-muted);font-size:14px}.nav-links{display:flex;gap:12px;margin-top:16px;justify-content:center;flex-wrap:wrap}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:13px;font-weight:500;transition:color var(--transition-fast);padding:8px 4px;min-height:44px;display:flex;align-items:center}.nav-links a:hover{color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;border:1px solid var(--color-border);transition:border-color var(--transition-base)}.btn{padding:10px 20px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);min-height:44px;background:var(--color-surface);color:var(--color-text)}.btn:hover{border-color:var(--color-border-hover)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:#2d2d2d;border-color:var(--color-accent)}.btn-primary:hover{opacity:.85}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;transform:none;opacity:1}.btn-danger{background:transparent;color:var(--color-booked-dark);border-color:var(--color-booked)}.btn-danger:hover{background:var(--color-booked);color:var(--color-text)}.btn-success{background:var(--color-accent);color:#2d2d2d;border-color:var(--color-accent)}.btn-success:hover{opacity:.85}.btn-success:disabled{background:var(--color-border);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;transform:none;opacity:1}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:13px;color:var(--color-text-secondary);letter-spacing:0}.form-group input,.form-group select{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-surface);color:var(--color-text);min-height:44px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.message{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px;font-weight:500}.message-error{background:var(--message-error-bg);color:var(--message-error-color);border:1px solid var(--message-error-border)}.message-success{background:var(--message-success-bg);color:var(--message-success-color);border:1px solid var(--message-success-border)}.message-info{background:var(--message-info-bg);color:var(--message-info-color);border:1px solid var(--message-info-border)}.user-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--color-text-muted);border:1px solid var(--color-border);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent}.user-badge-icon{display:flex;align-items:center;flex-shrink:0}.live-badge{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--color-border)}.live-badge-connected{color:var(--color-available-dark);border-color:var(--color-available-dark)}.live-badge-disconnected{color:var(--color-booked-dark);border-color:var(--color-booked-dark)}.live-dot{width:6px;height:6px;border-radius:50%}.live-dot-green{background:var(--color-available-dark);animation:live-pulse 2s ease-in-out infinite}.live-dot-red{background:var(--color-booked-dark)}.viewer-count{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-muted);font-weight:500}.viewer-icon{display:flex;align-items:center}.sidebar-card{background:var(--color-surface);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;border:1px solid var(--color-border)}.sidebar-card h3{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:12px}.bus-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:12px;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--color-border)}.bus-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.bus-card-left{display:flex;align-items:center;gap:12px;width:100%}.operator-logo{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--operator-logo-bg);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;border:1px solid var(--color-border)}.bus-info h3{font-size:14px;font-weight:600;margin-bottom:2px;color:var(--color-text)}.bus-info p{font-size:12px;color:var(--color-text-muted)}.bus-amenities{display:flex;gap:6px;margin-top:6px}.bus-amenity{font-size:12px;background:var(--bus-amenity-bg);padding:2px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.bus-timeline{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--color-text-muted)}.bus-timeline-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.bus-timeline-line{flex:1;height:1px;background:var(--color-border);min-width:40px}.bus-card-right{text-align:left;display:flex;align-items:center;gap:12px}.bus-price{font-size:18px;font-weight:700;color:var(--color-text)}.bus-time{font-size:12px;color:var(--color-text-muted)}.operator-rating{font-size:12px;color:var(--color-locked-dark);display:flex;align-items:center;gap:2px}.activity-feed{list-style:none}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--activity-border);font-size:13px;animation:activity-fade-in .3s var(--ease-smooth)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot-locked{background:var(--color-locked-dark)}.activity-dot-available{background:var(--color-available-dark)}.activity-dot-booked{background:var(--color-booked-dark)}.activity-text{flex:1;color:var(--color-text);line-height:1.4}.activity-time{font-size:11px;color:var(--activity-time-color);white-space:nowrap}.date-picker-group input[type=date]{position:relative;cursor:text;color-scheme:light;min-height:44px}[data-theme=dark] .date-picker-group input[type=date]{color-scheme:dark}.date-picker-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;margin-left:4px;border-radius:4px;opacity:.5;transition:opacity var(--transition-fast)}.date-picker-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-picker-group input[type=date]:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.route-selector{display:flex;flex-direction:column;gap:0}.route-selector .form-group{width:100%;margin-bottom:12px}.route-selector .btn{width:100%;height:46px}.bus-card-selectable{border-radius:14px;border:2px solid transparent;transition:border-color var(--transition-fast)}.bus-card-selectable .bus-card{margin-bottom:0}.bus-card-selectable:not(:last-child){margin-bottom:12px}.bus-card-selected{border-color:var(--color-accent);background:var(--bus-card-selected-bg)}.reschedule-steps{display:flex;gap:2px;margin-bottom:20px;padding:12px 0;border-bottom:1px solid var(--color-border)}.reschedule-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;font-size:11px;font-weight:500;color:var(--reschedule-step-text);text-align:center;transition:color var(--transition-fast)}.reschedule-step-number{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:transparent;color:var(--reschedule-step-color);border:1px solid var(--color-border);flex-shrink:0;transition:all var(--transition-fast)}.reschedule-step-active{color:var(--color-text)}.reschedule-step-active .reschedule-step-number{background:var(--color-accent);color:#2d2d2d;border-color:var(--color-accent)}.reschedule-step-completed{color:var(--color-available-dark)}.reschedule-step-completed .reschedule-step-number{background:var(--color-available);color:var(--color-text);border-color:var(--color-available-dark)}.selected-seat-info{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--selected-seat-bg);border-radius:var(--radius-md);border:1px solid var(--selected-seat-border)}.selected-seat-info span{font-weight:600;color:var(--color-text);font-size:15px}.demo-banner{background:var(--demo-banner-bg);border:1px solid var(--demo-banner-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-banner-text{font-size:13px;color:var(--color-text-secondary);font-weight:500;display:flex;align-items:center;gap:8px}.demo-banner-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;line-height:1;display:flex;align-items:center;transition:color var(--transition-fast)}.demo-banner-close:hover{color:var(--color-text)}.summary-title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.summary-label{color:var(--color-text-muted)}.summary-value{font-weight:600;color:var(--color-text)}.summary-highlight{color:var(--color-accent-text);font-weight:700}.summary-divider{border-top:1px dashed var(--color-border);margin:12px 0}.summary-total .summary-label,.summary-total .summary-value{font-size:16px;font-weight:700;color:var(--color-text)}.seat{width:44px;height:50px;border-radius:12px 12px 5px 5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;-webkit-user-select:none;user-select:none;position:relative;-webkit-tap-highlight-color:transparent;overflow:hidden;color:var(--color-text);background-image:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 35%,transparent 55%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.08) 100%)}[data-theme=dark] .seat{background-image:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 35%,transparent 55%,rgba(0,0,0,.1) 58%,rgba(0,0,0,.2) 100%)}.seat:hover:not(.seat-booked):not(.seat-other){transform:scale(1.1);box-shadow:0 4px 14px #ffb7c559}[data-theme=dark] .seat:hover:not(.seat-booked):not(.seat-other){box-shadow:0 4px 14px #b464784d}.seat-held:hover{opacity:1}.seat-available{background-color:var(--color-available);border-color:var(--color-available-dark)}.seat-booked{background-color:var(--color-booked);border-color:var(--color-booked-dark);cursor:not-allowed;opacity:.65}.seat-other{background-color:var(--color-locked);border-color:var(--color-locked-dark);cursor:not-allowed}.seat-held{background-color:var(--color-held);border-color:var(--color-held-dark);cursor:pointer;opacity:.8}.seat-mine{background-color:var(--color-mine);border-color:var(--color-mine-dark);animation:my-seat-glow 2s ease-in-out infinite}.seat-aisle{width:16px;height:50px;background:transparent;background-image:none;border:none;cursor:default;border-radius:0}.seat-aisle:hover{transform:none;box-shadow:none}.seat-flash-locked{animation:seat-flash-in .6s ease-out}.seat-flash-available{animation:seat-flash-out .6s ease-out}.bus-outline{background:var(--bus-outline-bg);border:2px solid var(--bus-outline-border);border-radius:28px 28px 14px 14px;max-width:100%;margin:0 auto;overflow:hidden;position:relative}.bus-windshield{background:var(--bus-windshield-bg);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--bus-outline-border)}.bus-windshield-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--bus-windshield-label)}.bus-driver-icon{width:32px;height:32px;border-radius:50%;background:var(--bus-driver-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:16px}.bus-column-labels{display:flex;gap:5px;justify-content:center;padding:10px 10px 4px}.bus-column-label{width:44px;text-align:center;font-size:10px;font-weight:700;color:var(--bus-column-label-color);text-transform:uppercase}.bus-column-label.aisle-spacer{width:16px}.seat-grid{display:flex;flex-direction:column;gap:5px;padding:6px 10px 14px}.seat-row{display:flex;gap:5px;justify-content:center;align-items:center}.seat-row-number{width:16px;font-size:10px;font-weight:600;color:var(--bus-column-label-color);text-align:center;flex-shrink:0}.seat-legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--color-text-muted)}.legend-swatch{width:18px;height:22px;border-radius:6px 6px 3px 3px;border:2px solid transparent;background-image:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 35%,transparent 55%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.08) 100%)}[data-theme=dark] .legend-swatch{background-image:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 35%,transparent 55%,rgba(0,0,0,.1) 58%,rgba(0,0,0,.2) 100%)}.legend-swatch-available{background-color:var(--color-available);border-color:var(--color-available-dark)}.legend-swatch-mine{background-color:var(--color-mine);border-color:var(--color-mine-dark)}.legend-swatch-held{background-color:var(--color-held);border-color:var(--color-held-dark)}.legend-swatch-locked{background-color:var(--color-locked);border-color:var(--color-locked-dark)}.legend-swatch-booked{background-color:var(--color-booked);border-color:var(--color-booked-dark)}.ticket{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);max-width:100%;margin:0 auto}.ticket-header{background:var(--color-accent);color:#2d2d2d;padding:16px 18px;text-align:center}.ticket-header h2{font-size:16px;font-weight:700}.ticket-pnr{text-align:center;padding:14px;font-size:22px;font-weight:800;letter-spacing:2px;color:var(--color-text);background:var(--ticket-pnr-bg)}.ticket-body{padding:16px}.ticket-divider{border:none;border-top:2px dashed var(--ticket-divider);margin:0;position:relative}.ticket-divider:before,.ticket-divider:after{content:"";position:absolute;top:-12px;width:24px;height:24px;background:var(--color-bg);border-radius:50%}.ticket-divider:before{left:-12px}.ticket-divider:after{right:-12px}.ticket-route-visual{display:flex;align-items:center;gap:8px;padding:14px 16px;justify-content:center}.ticket-route-dot{width:12px;height:12px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-accent-text)}.ticket-route-line{flex:1;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-available));max-width:120px;border-radius:2px}.ticket-route-city{font-weight:700;font-size:14px;color:var(--color-text)}.ticket-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--activity-border);flex-wrap:wrap;gap:8px}.ticket-row:last-child{border-bottom:none}.ticket-label{font-size:11px;color:var(--activity-time-color);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ticket-value{font-size:14px;font-weight:700;color:var(--color-text)}.ticket-qr{display:flex;justify-content:center;padding:20px;background:var(--ticket-qr-bg)}.toast-container{position:fixed;bottom:16px;right:16px;left:16px;display:flex;flex-direction:column-reverse;gap:10px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:toast-slide-in .4s var(--ease-smooth);pointer-events:auto;cursor:pointer;max-width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-info{background:#e8d5f5eb;color:#5a4078}.toast-warning{background:#f5e0b8eb;color:#6b5520}.toast-success{background:#d5f3d8eb;color:#2d6b3f}.toast-error{background:#ffb7c5eb;color:#8a3048}.hero-section{background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:var(--radius-lg);padding:32px 20px;text-align:center;margin-bottom:20px;position:relative}.hero-title{font-size:24px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;color:var(--color-text)}.hero-tagline{font-size:14px;color:var(--color-text-secondary);max-width:480px;margin:0 auto;line-height:1.6}.marquee-section{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.marquee{overflow:hidden;width:100%}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track{display:flex;width:max-content;gap:10px}.marquee-track.marquee-left{animation:marquee-left 30s linear infinite}.marquee-track.marquee-right{animation:marquee-right 30s linear infinite}.marquee-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;white-space:nowrap;border-radius:var(--radius-sm);border:1px solid;background:var(--color-surface);color:var(--color-text);-webkit-user-select:none;user-select:none}.marquee-pill:nth-child(3n+1){border-color:#eb57324d;background:#eb573212;color:#d05a35}.marquee-pill:nth-child(3n+2){border-color:#2a64784d;background:#2a647812;color:#2a6478}.marquee-pill:nth-child(3n+3){border-color:#7052dc4d;background:#7052dc12;color:#6a4ec9}[data-theme=dark] .marquee-pill:nth-child(3n+1){border-color:#eb78554d;background:#eb78551a;color:#e8845a}[data-theme=dark] .marquee-pill:nth-child(3n+2){border-color:#50aac84d;background:#50aac81a;color:#60b8d0}[data-theme=dark] .marquee-pill:nth-child(3n+3){border-color:#9678f04d;background:#9678f01a;color:#a088e8}.booking-summary{background:var(--booking-summary-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.payment-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 16px;background:var(--payment-timer-bg);border:1px solid var(--payment-timer-border);border-radius:var(--radius-md);margin-bottom:16px}.payment-timer-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.payment-timer-value{font-size:24px;font-weight:800;color:var(--color-text);font-family:SF Mono,Fira Code,monospace;letter-spacing:2px}.payment-timer-urgent{color:var(--color-accent-text);animation:timer-pulse 1s ease-in-out infinite}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.theme-toggle:hover{border-color:var(--color-border-hover);color:var(--color-accent-text);background:#ffb7c514}.theme-toggle:active{transform:scale(.9)}.theme-toggle svg{transition:transform .3s var(--ease-smooth)}.theme-toggle:hover svg{transform:rotate(15deg)}