@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--seatWidth: 35px;--hoverColor: #dadada;--stageColor: #ef9e14;--backgroundColor: #ffffff;--buttonBGColor: white;--bookedColor: #ef3514;--selectedColor: #14ef9b}html,body,input,select,textarea,button,p,span,div,i,em,img,table,tr,th,td,strong,a,ul,li,h1,h2,h3,h4,h5,h6,nav,header,footer,section{margin:0;border:0;padding:0;border:none;outline:none;font-weight:400;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.05rem;font-style:normal;list-style-type:none;box-sizing:border-box;vertical-align:baseline;font-optical-sizing:auto;font-family:Inter,sans-serif;font-variation-settings:"wdth" 100}a,button{transition:all .2s ease-in-out}button{cursor:pointer;background-color:transparent}strong{font-weight:600}header{margin-bottom:20px}header input{padding:10px;max-width:350px;border-radius:10px;border:1px solid var(--hoverColor)}.button{color:#000;padding:10px 20px;border-radius:10px}.mini-button{display:flex;cursor:pointer;min-width:var(--seatWidth);min-height:var(--seatWidth);font-size:.6em;color:var(--backgroundColor);-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;justify-content:center;--webkit-user-select: none;background-color:var(--backgroundColor);border:1px solid var(--hoverColor);transition:all .2s ease-in-out}.mini-button:hover{background-color:var(--hoverColor)}.button:active,.mini-button:active{opacity:.8}.mini-button.active{background-color:var(--hoverColor)}.mini-button span{font-size:1.5em;color:#444}.button.gray{background-color:var(--hoverColor)}.button.black{color:var(--backgroundColor);background-color:#222}.button.circle{width:40px;height:40px;padding:unset;border-radius:50em;background-color:var(--backgroundColor)}.no-pointer-events{pointer-events:none}.flex{display:flex}.flex-gap-small{gap:5px}.flex-gap-normal{gap:10px}.flex-gap-medium{gap:15px}.flex-gap-large{gap:20px}.flex-grow{flex-grow:1}.flex-column{flex-direction:column}.flex-h-center{justify-content:center}.flex-v-center{align-items:center}.flex-end{justify-content:end}.flex-space-between{justify-content:space-between}.flex-space-around{justify-content:space-around}.relative{position:relative}.container{margin:20px;-webkit-user-select:none;user-select:none;white-space:nowrap;--webkit-user-select: none}.canvas{width:100vw;height:100vh;overflow:hidden}.seatmap{overflow:auto;min-height:500px;white-space:nowrap;padding-bottom:10px}.stage{padding:10px 0;color:var(--backgroundColor);font-weight:600;font-size:1.6em;text-align:center;border-radius:10px;margin-bottom:20px;letter-spacing:20px;background-color:var(--stageColor)}.stage input{padding:10px;border-radius:5px;background-color:var(--backgroundColor)}.stage button{background-color:var(--backgroundColor)}.new-row{margin-top:10px}.row{height:48px;padding:6px 0}.row-label{display:flex;min-width:70px;min-height:30px;font-weight:600;align-items:center;justify-content:center}.row-label:not(button) span{font-size:1.1em}.row-buttons{margin-right:10px}.seat-buttons{margin-left:10px}.seat,.space{display:flex;cursor:pointer;min-width:var(--seatWidth);min-height:var(--seatWidth);font-size:.6em;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;justify-content:center;--webkit-user-select: none;background-color:var(--backgroundColor);transition:all .2s ease-in-out}.seat{color:#111;border:1px solid #222222;border-bottom:5px solid #222222}.seat:hover{background-color:var(--hoverColor)}.seat:active{opacity:.8}.seat.active{color:var(--backgroundColor);background-color:var(--selectedColor);border-bottom:5px solid green}.space{color:var(--backgroundColor);border:1px solid var(--backgroundColor)}.space:hover{background-color:var(--hoverColor)}.space:active{opacity:.8}.space.active{background-color:var(--hoverColor)}.seat.preview,.space.preview{cursor:inherit}.seat.preview:hover,.space.preview:hover{background-color:var(--backgroundColor)}@media (max-width: 768px){.seat{min-width:24px;min-height:24px;margin:4px;-webkit-tap-highlight-color:transparent}.seat,.space{padding:4px;touch-action:manipulation}}.seat.preview:active,.space.preview:active{opacity:1;background-color:var(--backgroundColor)}.seat.occupied{pointer-events:none;background-color:var(--bookedColor)}.reserve-button{top:20px;right:50px;padding:10px;-webkit-user-select:none;user-select:none;position:absolute;width:fit-content;margin-inline:auto;border-radius:10px;--webkit-user-select: none;background-color:var(--buttonBGColor)}.reserve-button *{font-size:.8em}.legend{left:20px;right:20px;bottom:20px;padding:10px;-webkit-user-select:none;user-select:none;position:absolute;width:fit-content;margin-inline:auto;border-radius:10px;--webkit-user-select: none;background-color:var(--hoverColor)}.legend *{font-size:.8em}.legend strong{font-size:1em}.legend .seat{cursor:default;min-width:25px;min-height:25px;pointer-events:none}.legend .seat:active{opacity:1}.dropdown{z-index:9999;min-width:180px;position:absolute;border-radius:5px;border:1px solid var(--backgroundColor);background-color:#222}.dropdown.top-left{right:0;bottom:41px}.dropdown.top-right{left:0;bottom:41px}.dropdown.bottom-left{top:40px;right:0}.dropdown.bottom-right{left:0;top:40px}.dropdown button{display:flex;color:var(--backgroundColor);font-size:.8em;text-align:left;align-items:center;padding:8px 15px 8px 10px}.dropdown button span{font-size:1.25em;margin-right:5px}.dropdown button:first-child{padding-top:10px;border-top-left-radius:5px;border-top-right-radius:5px}.dropdown button:last-child{padding-bottom:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.dropdown button:hover{background-color:#333}.dropdown button:active{opacity:.6}.dropdown button.active{background-color:#333}.dropdown-form{padding:10px;background-color:#333;border-top:1px solid #111111}.dropdown-form input{width:100%;padding:10px;font-size:.8em;font-weight:600;text-align:center;border-radius:5px}.dropdown-form button{width:100%;padding:10px;font-weight:600;border-radius:5px;justify-content:center;background-color:#000}.dropdown-form button:hover{background-color:#222}.close-button{top:110px;right:17px;z-index:999999;position:absolute}.close-button button{margin-bottom:5px}.controls{top:150px;right:17px;z-index:99999;position:absolute}.controls button{margin-top:5px}.controls button:active,.close-button button:active{opacity:.7}.buttons{margin:10px 0 40px}.react-tooltip{font-size:.7em!important}.react-tooltip *{font-size:1.05em;line-height:160%;text-align:center}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}@media (max-width: 600px){header input{max-width:180px;font-size:.9em}.stage input{max-width:120px}.buttons{flex-direction:column}.buttons .totals{margin-bottom:20px}}.canvas{touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.canvas{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.canvas *{will-change:transform}.seat{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 768px){.seat,.space{min-width:44px;min-height:44px}}.seat.active{color:var(--backgroundColor)!important;background-color:var(--selectedColor)!important;border-bottom:5px solid green!important;transition:background-color .1s ease-in-out}.zone-page-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.zone-page-title{text-align:center;margin-bottom:10px;color:#333}.zone-page-subtitle{text-align:center;margin-bottom:30px;color:#666}.stage-container{width:100%;display:flex;justify-content:center;margin-bottom:40px}.stage{background-color:#444;color:#fff;padding:15px 100px;border-radius:5px;text-align:center;font-weight:700;box-shadow:0 4px 8px #0003}.seating-chart{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;align-items:center;justify-content:center;width:100%}.zone-row{display:flex;justify-content:center;gap:10px}.zone-box{width:100%;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0000001a}.zone-box:not(.monitor):hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.monitor{opacity:.7;cursor:not-allowed}.zone-info{text-align:center;width:100%;padding:10px;color:#000c}.zone-name{font-weight:700;font-size:18px;margin-bottom:10px;text-shadow:0 1px 2px rgba(255,255,255,.5)}.zone-availability{font-size:14px}.availability-bar{width:100%;height:8px;background-color:#ffffff4d;border-radius:4px;overflow:hidden;margin-bottom:5px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:50px;height:50px;margin:0 auto 20px;animation:spin 1s linear infinite}.error-container{text-align:center;padding:40px 20px;max-width:600px;margin:40px auto;background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:8px;box-shadow:0 2px 8px #0000001a}.retry-button{background-color:#d32f2f;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 5px #0003}.retry-button:hover{background-color:#b71c1c}.availability-fill{height:100%;background-color:#0000004d;border-radius:4px}.availability-text{font-size:12px}.zone-legend{display:flex;justify-content:center;gap:20px;margin-top:30px}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:20px;height:20px;border-radius:4px}.legend-label{font-size:14px;color:#666}.loading-container,.error-container{text-align:center;padding:40px}.loading-spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.retry-button:hover{background-color:#2980b9}@media (max-width: 900px){.zone-box{width:120px;height:90px}.zone-name{font-size:14px}.availability-text{font-size:10px}}@media (max-width: 600px){.zone-box{width:60px;height:60px}.zone-name{font-size:12px}.zone-info{padding:5px}.availability-bar{height:6px}.availability-text{font-size:8px}.zone-legend{flex-wrap:wrap}}