.app{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.app-header{background:#fff;color:#070707;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.app-header img{height:100px;width:auto}.app-header p{font-size:1.1rem;color:#070707;font-family:Sora,sans-serif;margin:0}.app-content{padding:30px}.date-selector{margin-bottom:30px;display:flex;align-items:center;gap:15px}.date-selector label{font-weight:600;font-size:1.1rem;color:#070707;font-family:Sora,sans-serif}.date-selector input{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Sora,sans-serif;transition:border-color .3s}.date-selector input:focus{outline:none;border-color:#0c4163}.desks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.desk-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.desk-card:hover{border-color:#0c4163;box-shadow:0 4px 12px #0c416333;transform:translateY(-2px)}.desk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.desk-header h3{color:#070707;font-size:1.3rem;font-weight:600;font-family:Sora,sans-serif}.desk-type{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.desk-type.room{background:#e3f2fd;color:#1976d2}.desk-type.bullpen{background:#f3e5f5;color:#7b1fa2}.desk-type.conference{background:#fff3e0;color:#e65100}.desk-info{margin-bottom:15px}.availability{color:#666;font-size:.95rem;margin-bottom:10px;font-family:Sora,sans-serif}.bookings-list{margin-top:10px;font-size:.9rem}.bookings-list strong{color:#070707;display:block;margin-bottom:5px;font-family:Sora,sans-serif}.booking-item{background:#fff;padding:6px 10px;border-radius:6px;margin-bottom:5px;color:#555;border-left:3px solid #0C4163}.book-button{width:100%;padding:12px;background:#0c4163;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Sora,sans-serif;cursor:pointer;transition:all .3s}.book-button:hover{background:#0a3550;transform:translateY(-2px);box-shadow:0 4px 12px #0c416366}.book-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #e0e0e0}.modal-header h2{color:#070707;font-size:1.8rem;font-weight:600;font-family:Sora,sans-serif}.close-button{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-button:hover{background:#f0f0f0;color:#333}.modal-body{padding:30px;max-height:70vh;overflow-y:auto}.contact-form{margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#070707;margin-bottom:8px;font-size:.95rem;font-family:Sora,sans-serif}.form-group input{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Sora,sans-serif;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#0c4163}.form-group input::placeholder{color:#999}.selected-date{font-size:1.2rem;color:#0c4163;font-weight:600;margin-bottom:20px;text-align:center;font-family:Sora,sans-serif}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px}.time-slot{padding:15px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s;text-align:center}.time-slot:hover{border-color:#0c4163;transform:translateY(-2px);box-shadow:0 4px 8px #0c416333}.time-slot.selected{border-color:#0c4163;background:#0c4163;color:#fff}.time-slot.business-hours{border-left:4px solid #4caf50}.time-slot.after-hours{border-left:4px solid #ff9800}.time-range{font-size:1.1rem;font-weight:600;margin-bottom:5px;font-family:Sora,sans-serif}.slot-duration{font-size:.85rem;opacity:.8}.time-slot.selected .slot-duration{opacity:.95}.no-slots{text-align:center;color:#999;font-size:1.1rem;padding:40px}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 30px;border-top:2px solid #e0e0e0}.cancel-button,.confirm-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.cancel-button{background:#f0f0f0;color:#070707;font-family:Sora,sans-serif}.cancel-button:hover{background:#e0e0e0}.confirm-button{background:#0c4163;color:#fff;font-family:Sora,sans-serif}.confirm-button:hover:not(:disabled){background:#0a3550;transform:translateY(-2px);box-shadow:0 4px 12px #0c416366}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.time-slots-grid::-webkit-scrollbar{width:8px}.time-slots-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.time-slots-grid::-webkit-scrollbar-thumb{background:#0c4163;border-radius:10px}.time-slots-grid::-webkit-scrollbar-thumb:hover{background:#0a3550}.error-message{background:#fee;color:#c33;padding:12px 15px;border-radius:8px;border-left:4px solid #c33;margin-bottom:20px;font-weight:500}.loading-message{background:#e3f2fd;color:#1976d2;padding:12px 15px;border-radius:8px;border-left:4px solid #1976d2;margin-bottom:20px;text-align:center;font-weight:500}.success-message{background:#d4edda;color:#155724;padding:12px 15px;border-radius:8px;border-left:4px solid #28a745;margin-bottom:20px;text-align:center;font-weight:500}@media (max-width: 768px){.desks-grid,.time-slots-grid{grid-template-columns:1fr}.app-header h1{font-size:2rem}.form-row{grid-template-columns:1fr}}.admin-login-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.admin-bookings-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;margin-top:20px}.admin-bookings-table table{width:100%;border-collapse:collapse}.admin-bookings-table th{padding:15px 12px;text-align:left;font-family:Sora,sans-serif;font-weight:600;color:#0c4163;background:#f5f5f5;border-bottom:2px solid #e0e0e0;position:sticky;top:0}.admin-bookings-table td{padding:12px;font-family:Sora,sans-serif;color:#070707;border-bottom:1px solid #e0e0e0}.admin-bookings-table tr:hover{background:#f9f9f9}.admin-bookings-table tr:last-child td{border-bottom:none}@media (max-width: 768px){.admin-bookings-table{font-size:.9rem}.admin-bookings-table th,.admin-bookings-table td{padding:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sora,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;min-height:100vh;padding:20px}#root{max-width:1400px;margin:0 auto}