*,*:before,*:after{box-sizing:border-box}:root{--bg: #faf8f5;--surface: #ffffff;--text: #2c2416;--text-muted: #7a6f5f;--accent: #b8860b;--accent-dark: #96700a;--accent-light: #f5ecd7;--booked: #c0392b;--booked-bg: #fdecea;--available: #27ae60;--available-bg: #e8f8ef;--selected: #2980b9;--selected-bg: #ebf5fb;--border: #e8e0d4;--radius: 12px;--shadow: 0 4px 24px rgba(44, 36, 22, .08)}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.hero{background:linear-gradient(135deg,#3d2b1f,#5c4033,#8b6914);color:#fff;padding:48px 24px;text-align:center}.hero-inner{max-width:720px;margin:0 auto}.hero h1{margin:0 0 8px;font-size:2rem;font-weight:700;letter-spacing:-.02em}.hero p{margin:0;opacity:.85;font-size:1.05rem}.content{max-width:900px;margin:0 auto;padding:32px 24px 48px}.booking-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.step{margin-bottom:28px}.step h2{margin:0 0 14px;font-size:1.1rem;font-weight:600;color:var(--text)}.date-input{width:100%;max-width:240px;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--text)}.date-input:focus{outline:none;border-color:var(--accent)}.date-display{margin:8px 0 0;color:var(--text-muted);font-size:.95rem;text-transform:capitalize}.day-blocked{background:var(--booked-bg);border:1px solid #f5c6cb;border-radius:8px;padding:16px;color:var(--booked)}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.time-slot{padding:12px 8px;border:2px solid var(--border);border-radius:8px;background:var(--surface);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px}.time-slot:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.time-slot.active{border-color:var(--accent);background:var(--accent);color:#fff}.time-slot.disabled{opacity:.45;cursor:not-allowed;background:#f0ece6}.slot-full{font-size:.65rem;opacity:.8}.floor-map{margin-top:8px}.floor-map-hint{margin:0 0 12px;color:var(--text-muted);font-size:.9rem}.floor-map-wrap{width:100%;max-width:640px;margin:0 auto;border-radius:var(--radius);overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow);background:#fff;touch-action:manipulation}.floor-map-svg{display:block;width:100%;height:auto;vertical-align:top;-webkit-user-select:none;user-select:none}.map-hotspot{transition:fill .15s,stroke .15s,stroke-width .15s;cursor:pointer}.map-hotspot.available:hover{fill:#27ae6059!important;stroke:#27ae60f2;stroke-width:3}.map-hotspot.booked{cursor:not-allowed}.floor-map-selected{text-align:center;margin:14px 0 0;font-size:.95rem;color:var(--text-muted)}.floor-map-selected strong{color:var(--selected)}.table-legend{display:flex;gap:20px;margin-top:12px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.table-legend span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:12px;height:12px;border-radius:50%}.dot.available{background:var(--available)}.dot.booked{background:var(--booked)}.dot.selected{background:var(--selected)}.form-fields{display:flex;flex-direction:column;gap:12px}.form-fields input,.form-fields select{padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--text);font-family:inherit}.form-fields input:focus,.form-fields select:focus{outline:none;border-color:var(--accent)}.message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500}.message.success{background:var(--available-bg);color:#1e7e34}.message.error{background:var(--booked-bg);color:var(--booked)}.submit-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-book{flex:1;min-width:180px}.btn-admin-link,.btn-admin-footer{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:10px 16px;font-size:.85rem;font-weight:500}.btn-admin-link:hover,.btn-admin-footer:hover{background:var(--bg);color:var(--text)}.btn-small{padding:6px 14px;font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer}.booked-info{margin-top:24px;padding:20px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.booked-info h3{margin:0 0 10px;font-size:1rem}.booked-info ul{margin:0;padding-left:20px;color:var(--text-muted)}.footer{background:#3d2b1f;color:#fff;padding:40px 24px;margin-top:24px}.footer-inner{max-width:720px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.contact h3{margin:0 0 10px;font-size:1.1rem}.contact p{margin:4px 0;opacity:.8;font-size:.95rem}.btn-admin-footer{color:#fff9;border-color:#fff3}.btn-admin-footer:hover{color:#fff;background:#ffffff1a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--surface);border-radius:var(--radius);padding:32px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);line-height:1}.modal h2{margin:0 0 20px;font-size:1.3rem}.admin-login{display:flex;flex-direction:column;gap:12px}.admin-hint{margin:0;color:var(--text-muted);font-size:.9rem}.admin-login input{padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit}.admin-login input:focus{outline:none;border-color:var(--accent)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600}.bookings-list{display:flex;flex-direction:column;gap:10px}.booking-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.booking-card-header{display:flex;justify-content:space-between;align-items:center}.booking-card p{margin:4px 0;font-size:.9rem;color:var(--text-muted)}.booking-card .phone{color:var(--text)}.btn-delete{background:none;border:none;font-size:1.2rem;color:var(--booked);cursor:pointer;padding:0 4px;line-height:1}.error-msg{color:var(--booked);font-size:.9rem;margin:0}.loading,.empty{color:var(--text-muted);text-align:center;padding:20px}@media (max-width: 600px){.hero h1{font-size:1.5rem}.booking-section{padding:20px}.floor-map-wrap{max-width:100%}.footer-inner{flex-direction:column}}