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{display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}body .container,body .loading{display:none}body .App{display:block}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:60px 20px;position:relative}.app-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.header-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.app-header h1{font-size:3rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px #0000004d}.app-header p{font-size:1.2rem;line-height:1.6;margin:0;opacity:.9}.main-content{background:#f8f9fa}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{background:#fff;padding:80px 20px;text-align:center}.hero-content h2{color:#333;font-size:2.5rem;font-weight:600;margin:0 0 20px}.hero-content p{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-primary,.cta-secondary{border:none;border-radius:30px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.cta-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.cta-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.cta-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.spaces-section{background:#fff;padding:80px 0}.spaces-section h2{color:#333;font-size:2.5rem;font-weight:600;margin:0 0 20px}.section-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 50px;max-width:600px}.spaces-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:50px}.space-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px 30px;text-align:center;transition:all .3s ease}.space-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.space-icon{font-size:4rem;margin-bottom:20px}.space-card h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 15px}.space-card p{color:#666;line-height:1.6;margin:0 0 25px}.book-space-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.book-space-btn:hover{box-shadow:0 5px 15px #28a74566;transform:translateY(-2px)}.features-section{background:#f8f9fa;padding:80px 0}.features-section h2{color:#333;font-size:2.5rem;font-weight:600;margin:0 0 50px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:40px 30px;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-item h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 15px}.feature-item p{color:#666;line-height:1.6;margin:0}.app-footer{background:#333;color:#fff;padding:40px 0;text-align:center}.app-footer p{margin:0;opacity:.8}@media (max-width:768px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}.features-grid,.spaces-grid{grid-template-columns:1fr}.features-section h2,.spaces-section h2{font-size:2rem}}.booking-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.booking-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;height:auto;max-height:95vh;max-width:95vw;overflow:hidden;width:100%}.booking-modal.landscape{max-width:1200px;min-height:700px;width:90vw}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{font-size:24px;font-weight:600;letter-spacing:.5px;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{padding:0}.landscape-layout{display:flex;height:700px;min-height:500px}.seat-selection-column{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex:2 1;flex-direction:column;min-height:500px;padding:30px}.seat-map-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px;overflow:hidden}.actions-column{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:500px;min-width:300px;padding:30px}.booking-info h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.no-seats{color:#6c757d;font-style:italic;margin:0;padding:40px 0;text-align:center}.selected-seats-list{margin-bottom:25px}.selected-seat-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px;transition:all .3s ease}.selected-seat-item:hover{background:#e9ecef;transform:translateX(5px)}.total-section{background:#f8f9fa;margin-bottom:30px}.total-row{margin-bottom:10px}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-top:auto}.proceed-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:56px;padding:18px 30px;transition:all .3s ease}.proceed-btn:hover:not(:disabled){box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.proceed-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn{background:#0000;border:2px solid #e9ecef;border-radius:12px;color:#6c757d;cursor:pointer;font-size:16px;font-weight:600;min-height:56px;padding:16px 30px;transition:all .3s ease}.cancel-btn:hover{background:#f8f9fa;border-color:#6c757d;color:#495057}@media (max-width:1024px){.landscape-layout{flex-direction:column;height:auto}.seat-selection-column{border-bottom:1px solid #e9ecef;border-right:none;min-height:400px;padding:20px}.actions-column{min-height:auto;min-width:auto;padding:20px}.booking-modal.landscape{max-height:90vh;min-height:auto;width:95vw}.seat-map-wrapper{min-height:350px}}@media (max-width:768px){.booking-modal-overlay{padding:10px}.booking-modal{border-radius:15px}.modal-header{padding:20px}.modal-header h2{font-size:20px}.actions-column,.seat-selection-column{padding:20px}.actions-column{min-width:auto}.cancel-btn,.proceed-btn{font-size:15px;min-height:50px;padding:16px 24px}.seat-map-wrapper{min-height:300px}}@media (max-width:480px){.modal-header{padding:15px 20px}.modal-header h2{font-size:18px}.close-btn{font-size:20px;height:35px;width:35px}.actions-column,.seat-selection-column{padding:15px}.booking-info h3{font-size:18px;margin-bottom:15px}.selected-seat-item{padding:10px 12px}.seat-id,.seat-price{font-size:14px}.total-section{padding:15px}.total-row{font-size:14px}.total-price{font-size:18px}.seat-map-wrapper{min-height:250px}}.seat-map-container{display:flex;justify-content:center;padding:30px}.seat-map{background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;height:400px;padding:20px;position:relative;width:500px}.room-outline{align-items:center;background:#ffffff80;border:2px dashed #adb5bd;border-radius:8px;bottom:10px;display:flex;justify-content:center;left:10px;position:absolute;right:10px;top:10px}.room-label{background:#667eeae6;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.seat{align-items:center;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:60px;justify-content:center;position:absolute;transition:all .3s ease;width:60px}.seat.available{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff}.seat.available:hover{border-color:#20c997;box-shadow:0 4px 15px #28a74566;transform:scale(1.1)}.seat.selected{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;box-shadow:0 4px 15px #007bff66;color:#fff;transform:scale(1.1)}.seat.booked{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;color:#fff;cursor:not-allowed;opacity:.7}.seat.desk{border-radius:8px}.seat.chair{border-radius:50%;height:50px;width:50px}.seat.pod{border-radius:12px;height:70px;width:70px}.seat-legend{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 10px #0000001a}.legend-item{color:#666;margin-bottom:8px}.legend-seat{border:1px solid #dee2e6;height:20px;margin-right:8px;width:20px}.legend-seat.available{background:#28a745}.legend-seat.selected{background:#007bff}.legend-seat.booked{background:#dc3545}@media (max-width:768px){.seat-map{height:300px;padding:15px;width:100%}.seat{font-size:10px;height:50px;width:50px}.seat.chair{height:40px;width:40px}.seat.pod{height:60px;width:60px}.seat-legend{margin-top:20px;position:static;text-align:center}.legend-item{justify-content:center;margin-bottom:10px}}.svg-seat-map-container{background:#f0f0f0;border:2px solid red;padding:0}.svg-seat-map,.svg-seat-map-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.svg-seat-map{background:#fff;border:2px solid blue;border-radius:15px;min-height:400px;position:relative}.workspace-svg{border:2px solid green;display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;padding:20px;width:100%}.svg-seat{fill:none;stroke-width:3;cursor:pointer;transition:all .3s ease}.svg-seat.available{stroke:#28a745;fill:#28a7451a}.svg-seat.available:hover{stroke:#20c997;fill:#28a74533;stroke-width:4;transform:scale(1.02)}.svg-seat.selected{stroke:#007bff;fill:#007bff4d;stroke-width:4;filter:drop-shadow(0 2px 4px rgba(0,123,255,.3))}.svg-seat.booked{stroke:#dc3545;fill:#dc354533;cursor:not-allowed}.seat-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0003;color:#fff;font-size:12px;font-weight:600;min-width:35px;padding:6px 10px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);z-index:10}.seat-label.available{background:#28a745f2;border-color:#fff3}.seat-label.selected{background:#007bfff2;border-color:#fff3}.seat-label.booked{background:#dc3545f2;border-color:#fff3}.seat-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:12px;bottom:20px;box-shadow:0 8px 25px #0000001a;min-width:140px;padding:15px;position:absolute;right:20px;z-index:20}.legend-item{align-items:center;color:#495057;display:flex;font-size:12px;font-weight:500;margin-bottom:10px}.legend-item:last-child{margin-bottom:0}.legend-seat{border:2px solid #dee2e6;border-radius:4px;flex-shrink:0;height:18px;margin-right:10px;width:18px}.legend-seat.available{background:#28a74533;border-color:#28a745}.legend-seat.selected{background:#007bff33;border-color:#007bff}.legend-seat.booked{background:#dc354533;border-color:#dc3545}@media (max-width:1024px){.svg-seat-map{border-radius:10px;min-height:350px}.workspace-svg{padding:15px}.seat-label{font-size:11px;min-width:30px;padding:4px 8px}.seat-legend{bottom:15px;min-width:130px;padding:12px;right:15px}.legend-item{font-size:11px;margin-bottom:8px}.legend-seat{height:16px;margin-right:8px;width:16px}}@media (max-width:768px){.svg-seat-map-container{padding:10px}.svg-seat-map{border-radius:8px;min-height:300px}.workspace-svg{padding:10px}.seat-label{font-size:10px;min-width:28px;padding:3px 6px}.seat-legend{border-radius:8px;margin-top:15px;min-width:auto;position:static;text-align:center;width:100%}.legend-item{font-size:11px;justify-content:center;margin-bottom:8px}.legend-seat{height:14px;margin-right:6px;width:14px}}@media (max-width:480px){.svg-seat-map-container{padding:5px}.svg-seat-map{min-height:250px}.workspace-svg{padding:8px}.seat-label{font-size:9px;min-width:25px;padding:2px 5px}.seat-legend{margin-top:10px;padding:10px}.legend-item{font-size:10px;margin-bottom:6px}.legend-seat{height:12px;margin-right:5px;width:12px}}.booking-summary-container{height:100%;padding:0;width:100%}.summary-content{display:flex;gap:0;height:100%}.booking-details{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex:1 1;flex-direction:column;gap:25px;padding:30px}.space-info h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 8px}.space-description{color:#6c757d;font-size:14px;font-weight:500;margin:0}.seats-summary h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:10px}.seats-list{display:flex;flex-direction:column;gap:8px}.seat-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.seat-item:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:translateX(5px)}.seat-id{color:#2c3e50}.seat-id,.seat-price{font-size:16px;font-weight:600}.seat-price{color:#28a745}.total-section{background:#fff;border:1px solid #e9ecef;border-radius:15px;margin-top:auto;padding:20px}.total-row{align-items:center;color:#6c757d;display:flex;font-size:16px;justify-content:space-between;margin-bottom:12px}.total-row:last-child{margin-bottom:0}.total-price{border-top:1px solid #dee2e6;color:#2c3e50;font-size:20px;font-weight:700;margin-top:15px;padding-top:15px}.user-form-section{background:#fff;display:flex;flex:1 1;flex-direction:column;padding:30px}.user-form-section h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 25px;padding-bottom:15px}.user-form{display:flex;flex:1 1;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2c3e50;font-size:14px;font-weight:600}.form-group input{background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#adb5bd}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;margin-top:auto;padding-top:20px}.back-btn{background:#0000;border:2px solid #e9ecef;border-radius:10px;color:#6c757d;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.back-btn:hover{background:#f8f9fa;border-color:#6c757d;color:#495057}.confirm-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.confirm-btn:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}@media (max-width:1024px){.summary-content{flex-direction:column}.booking-details{border-bottom:1px solid #e9ecef;border-right:none;padding:20px}.user-form-section{padding:20px}.form-actions{flex-direction:column;gap:10px}.back-btn,.confirm-btn{flex:none}}@media (max-width:768px){.booking-details,.user-form-section{padding:20px}.space-info h3{font-size:20px}.seats-summary h4,.user-form-section h4{font-size:18px;margin-bottom:20px}.seat-item{padding:10px 12px}.seat-id,.seat-price{font-size:14px}.total-section{padding:15px}.total-row{font-size:14px}.total-price{font-size:18px}.form-group input{font-size:15px;padding:12px 14px}.back-btn,.confirm-btn{font-size:15px;padding:12px 20px}}@media (max-width:480px){.booking-details,.user-form-section{padding:15px}.space-info h3{font-size:18px}.seats-summary h4,.user-form-section h4{font-size:16px;margin-bottom:15px}.seat-item{padding:8px 10px}.seat-id,.seat-price{font-size:13px}.total-section{padding:12px}.total-row{font-size:13px}.total-price{font-size:16px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input{font-size:14px;padding:10px 12px}.form-actions{gap:8px;padding-top:15px}.back-btn,.confirm-btn{font-size:14px;padding:10px 16px}}
/*# sourceMappingURL=main.86051698.css.map*/