body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.train-booking{font-family:Arial,sans-serif;padding:20px}.train-container{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:600px;position:relative;width:50%}.train-display{display:flex;gap:5px;justify-content:center;margin-bottom:0;padding:20px;position:relative;z-index:2}.coach-button{background:none;border:none;cursor:pointer;height:50px;padding:0;position:relative;transition:all .3s ease;width:70px}.coach-image{height:100%;object-fit:contain;width:100%}.coach-button:hover{background:#f0f0f0;transform:translateY(-2px)}.coach-button.active{background:#3498db;border-color:#2980b9;color:#fff;transform:translateY(-5px);z-index:3}.compartments-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow-x:auto;padding:20px}.compartment-section{border-right:2px solid #ccc;flex:1 1;padding:0 20px}.compartment-section:last-child{border-right:none}.section-title{color:#34495e;font-weight:700;margin-bottom:15px;text-align:center}.berth-container{display:flex;flex-direction:column;gap:15px}.seat-box{align-items:center;background:#fff;border:2px solid #3498db;border-radius:10px;cursor:pointer;display:flex;height:100px;justify-content:center;position:relative;transition:all .2s ease;width:200px}.seat-box:not(.booked):hover{background:#f7f9fc;box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.seat-box.booked{background:#4caf50;border-color:#45a049;color:#fff}.seat-form{padding:10px}.seat-form form{display:flex;flex-direction:column;gap:5px;height:100%}.seat-form input,.seat-form select{padding:5px}.button-group{gap:5px}.button-group button{padding:5px}.seats-container{background:#f8f9fa;border-radius:10px;display:none;margin-top:20px;padding:20px}.seats-container.visible{display:block}.compartment-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(7,1fr);margin-top:20px}.compartment{gap:10px}.compartment,.seat{display:flex;flex-direction:column}.seat{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;font-size:14px;height:80px;justify-content:center;padding:10px;position:relative;width:100%}.seat:not(.booked){cursor:pointer}.seat.booked{background:#4caf50;color:#fff}.seat:not(.booked):hover{background:#f0f0f0}.seat-type{font-weight:700;margin-bottom:4px}.seat-number{font-size:12px}.book-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;left:50%;padding:8px 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.seat:not(.booked):hover{background:#0000000d}.seat:not(.booked):hover .book-button{display:block}.seat-form{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;gap:4px;height:100%;left:0;padding:8px;position:absolute;top:0;width:100%;z-index:10}.seat-form input,.seat-form select{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:4px;width:100%}.button-group{gap:4px;margin-top:auto}.button-group button{border-radius:4px;font-size:12px;padding:4px}.passenger-info{font-size:12px;text-align:center}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:30px;width:40%}.modal-header{margin-bottom:20px;text-align:center}.modal-header h2{color:#2c3e50;margin:0}.booking-form{gap:15px}.booking-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#34495e;font-weight:700}.form-group input,.form-group select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}.button-group{display:flex;gap:10px;margin-top:20px}.button-group button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px;transition:all .3s ease}.button-group button[type=submit]{background:#3498db;color:#fff}.button-group button[type=submit]:hover{background:#2980b9}.button-group button[type=button]{background:#95a5a6;color:#fff}.button-group button[type=button]:hover{background:#7f8c8d}.selected-seat-info{background:#f7f9fc;border-radius:5px;color:#2c3e50;margin-bottom:20px;padding:10px;text-align:center}.track-container{height:15px;margin-bottom:40px;margin-top:-25px;position:relative;width:100%}.track-image{height:10px;object-fit:cover;width:100%}.coach-label{background-color:#3498db;border-radius:12px;bottom:-35px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:11px;font-weight:700;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:3}.coach-button.active .coach-label{background-color:#2c3e50;transform:translateX(-50%) scale(1.1)}
/*# sourceMappingURL=main.a47db481.css.map*/