@charset "UTF-8";body{font-family:Helvetica Neue,sans-serif;background-color:#f4f4f4;color:#333;margin:0;padding:0}#app{padding:16px;max-width:960px;margin:0 auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{margin-bottom:1rem}.app-notification{font-size:.9rem;margin-bottom:.5rem;padding:.5rem .75rem;border-radius:6px;background-color:#3498db0f}.app-notification--success{background-color:#d4edda;color:#155724}.app-notification--error{background-color:#f8d7da;color:#721c24}.app-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.app-nav__logo{font-weight:700;font-size:1.1rem}.app-nav__links{display:flex;align-items:center;gap:.5rem}.app-nav__link{font-size:.9rem}.app-nav__link--button{border:none;background:none;padding:0;cursor:pointer}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap}.btn--primary{background-color:#3498db;color:#fff;box-shadow:0 4px 10px #00000026}.btn--primary:hover{background-color:#2383c4}.btn--secondary{background-color:transparent;color:#3498db;border:1px solid rgba(52,152,219,.4)}.btn--secondary:hover{background-color:#3498db0f}.btn--danger{background-color:#dc3545;color:#fff;box-shadow:0 4px 10px #dc354533}.btn--danger:hover{background-color:#c82333}.btn--danger:disabled{background-color:#6c757d;cursor:not-allowed}.btn--link{background:none;border:none;padding:0;color:#3498db;font-weight:500}.page__header{margin-bottom:1.5rem}.page__subtitle{margin-top:.5rem;color:#1a1a1a;max-width:42rem}.page__footer{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.page--home .home-actions{display:flex;flex-wrap:wrap;gap:.75rem}.events-list{display:flex;flex-direction:column;gap:1rem}.events-list__loading,.events-list__empty,.events-list__error{padding:.8rem 1rem;border-radius:8px;background-color:#3498db0a}.events-list__error{background-color:#dc354514;color:#721c24}.event-card{border-radius:12px;padding:1rem 1.2rem;background-color:#fff;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:.5rem}.event-card__title{margin:0;font-size:1.1rem}.event-card__meta{margin:0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:#1a1a1a}.event-card__date:before{content:"📅 "}.event-card__location:before{content:"📍 "}.event-card__description{margin:.25rem 0 .5rem;font-size:.9rem}.event-card__actions{margin-top:.25rem}.event-detail{display:flex;flex-direction:column;gap:1.25rem}.event-detail__title{margin:0}.event-detail__meta{margin:.25rem 0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:#1a1a1a}.event-detail__date:before{content:"📅 "}.event-detail__location:before{content:"📍 "}.event-detail__description{margin:.5rem 0 0}.event-summary{margin-top:.75rem}.event-summary__title{margin:0;font-size:1.1rem}.event-summary__meta{margin:.2rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:#1a1a1a}.event-summary__date:before{content:"📅 "}.event-summary__location:before{content:"📍 "}.zones__title{margin:0 0 .75rem}.zones__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.zone-card{border-radius:12px;padding:.9rem 1rem;background-color:#fff;box-shadow:0 2px 8px #0000000f}.zone-card__title{margin:0 0 .35rem;font-size:1rem}.zone-card__stat{margin:.1rem 0;font-size:.9rem}.zone-card__actions{margin-top:.5rem}.zone-card--error{border-left:3px solid #dc3545}.page--zone .zone-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1rem}.zone-layout__side{display:flex;flex-direction:column;gap:1rem}.zone-layout__map{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:.75rem}.zone-map{position:relative;width:100%;padding-bottom:75%}.zone-map__svg{position:absolute;top:0;left:0;width:100%;height:100%}.zone-map__loading{padding:.8rem 1rem}.seat__shape{stroke:#00000026;stroke-width:1;fill:#e9ecef}.seat__label{font-size:7px;text-anchor:middle;fill:#495057;pointer-events:none}.seat--free .seat__shape{fill:#e0f7e9}.seat--booked .seat__shape{fill:#f8d7da}.seat--selected .seat__shape{fill:#0d6efd}.seat--selected .seat__label{fill:#fff}.seat{cursor:pointer}.seat--booked{cursor:not-allowed}.zone-legend__title{margin:0 0 .4rem}.zone-legend__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:.35rem}.legend-dot--free{background-color:#e0f7e9}.legend-dot--booked{background-color:#f8d7da}.legend-dot--selected{background-color:#0d6efd}.zone-info,.zone-selection{padding:.6rem .8rem;border-radius:8px;background-color:#3498db08;font-size:.9rem}.zone-overview__title{margin:0 0 .4rem}.zone-overview__placeholder{border-radius:10px;border:1px dashed rgba(52,152,219,.5);padding:1.5rem .75rem;text-align:center;font-size:.85rem;color:#1a1a1a;background-image:linear-gradient(135deg,#3498db0f,#3498db03)}.booking-form{display:flex;flex-direction:column;gap:.5rem}.booking-form__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.booking-form__field label{display:block;font-size:.85rem;margin-bottom:.2rem}.booking-form__field input{width:100%;padding:.3rem .4rem;border-radius:4px;border:1px solid rgba(0,0,0,.15);font:inherit}.booking-form__actions{margin-top:.25rem}.booking-form__message{font-size:.85rem;margin:.3rem 0 0}.booking-form__message--success{color:#155724}.booking-form__message--error{color:#721c24}.page--admin .admin-user{font-size:.9rem;margin-top:.5rem}.admin-section{margin-top:1.5rem}.admin-section__title{margin:0 0 .4rem}.admin-section__subtitle{margin:0 0 .8rem;font-size:.9rem}.bookings-table-wrapper{width:100%;overflow-x:auto}.bookings-table{width:100%;border-collapse:collapse;font-size:.85rem}.bookings-table th,.bookings-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(0,0,0,.06);text-align:left;vertical-align:top}.bookings-table th{font-weight:600;background-color:#3498db05}.bookings-table__sub{font-size:.8rem;color:#0d0d0d}.bookings-table select{font:inherit;padding:.15rem .3rem}.bookings-table__event-title{font-weight:600}@media(max-width:800px){.page--zone .zone-layout{grid-template-columns:minmax(0,1fr)}.zone-layout__map{order:-1}}@media(max-width:600px){#app{padding:12px}.app-nav{flex-direction:column;align-items:flex-start}.event-card{padding:.9rem 1rem}}.zone-overview__image-real{width:100%;border-radius:6px;object-fit:contain}.zone-overview__image-clickable{cursor:pointer;transition:opacity .2s ease,transform .2s ease}.zone-overview__image-clickable:hover{opacity:.85;transform:scale(1.02)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.lightbox--active{opacity:1;visibility:visible;pointer-events:all}.lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox__content{position:relative;z-index:1;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center;padding:2rem;transform:scale(.9);transition:transform .3s ease}.lightbox--active .lightbox__content{transform:scale(1)}.lightbox__image{max-width:100%;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.lightbox__close{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;border:none;background-color:#ffffffe6;color:#333;font-size:2rem;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;z-index:2}.lightbox__close:hover{background-color:#fff;transform:scale(1.1)}.lightbox__close:active{transform:scale(.95)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}