:root{--bg-color:#1d293d;--border-color:#555;--green-color:#4caf50;--red-color:#f44336;--orange-color:#ff9800;--font-color:#fff;--seat-width:clamp(16px,3.5vw,45px);--seat-height:clamp(12px,2.2vw,28px);--gap:clamp(2px,.5vw,8px);--font-size:clamp(6px,1.1vw,14px);--border-radius:clamp(2px,.6vw,8px);--padding:clamp(10px,2vw,30px)}.dashed-path{pointer-events:none}body{box-sizing:border-box;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:auto}.scheme-wrapper{background-color:var(--bg-color);box-sizing:border-box;border-radius:15px;width:100%;min-width:600px;max-width:1400px;height:48rem;padding:max(20px,min(4vw,60px));position:relative}.scheme-wrapper-don{background-color:var(--bg-color);box-sizing:border-box;border-radius:15px;width:100%;min-width:600px;padding:max(20px,min(4vw,60px));position:relative}.layout-container{grid-template:"top top top""left center right"1fr"bottom bottom bottom"/auto 1fr auto;gap:max(8px,min(1.5vw,24px));min-width:0;height:100%;display:grid}.spot{width:var(--seat-width);height:var(--seat-height);color:var(--font-color);border-radius:var(--border-radius);font-size:var(--font-size);min-width:var(--seat-width);min-height:var(--seat-height);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.green{background-color:var(--red-color)}.red{background-color:var(--green-color)}.orange{background-color:var(--orange-color)}.row{gap:var(--gap);flex-wrap:nowrap;flex-shrink:0;justify-content:center;min-width:0;display:flex}.col{gap:var(--gap);flex-direction:column;flex-shrink:0;display:flex}.top-row-container{grid-area:top;justify-content:center;align-items:center;gap:30px;min-width:0;display:flex}.top-row-block{align-items:center;gap:var(--gap);flex-direction:column;min-width:0;display:flex}.bottom-row-container{grid-area:bottom;justify-content:center;align-items:center;gap:30px;min-width:0;display:flex}.bottom-row-block{align-items:center;gap:var(--gap);flex-direction:column;min-width:0;display:flex}.left-col-container{flex-direction:column;grid-area:left;justify-content:center;align-items:center;gap:20px;display:flex}.left-col-block{justify-content:center;align-items:center;gap:var(--gap);display:flex}.right-col-container{flex-direction:column;grid-area:right;justify-content:center;align-items:center;gap:20px;display:flex}.right-col-block{justify-content:center;align-items:center;gap:var(--gap);display:flex}.center-block{grid-area:center;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.inner-content{justify-content:center;align-items:center;gap:var(--gap);flex-direction:column;width:100%;min-width:0;display:flex}.spacer{height:calc(var(--gap)*3);flex-shrink:0}.corner-light{z-index:10;background:radial-gradient(circle at 30% 30%,#e0e0e0,#444);border-radius:50%;width:max(15px,min(2vw,30px));height:max(15px,min(2vw,30px));position:absolute;box-shadow:0 0 10px #fff3}.tl{top:var(--padding);left:var(--padding)}.tr{top:var(--padding);right:var(--padding)}.bl{bottom:var(--padding);left:var(--padding)}.br{bottom:var(--padding);right:var(--padding)}.dashed-path{border:clamp(1px,.2vw,3px)dashed var(--border-color);border-radius:var(--border-radius);position:absolute;top:5%;bottom:5%;left:2%;right:2%}.arrow-group{z-index:5;display:flex;position:absolute}.arrow{border-style:solid;flex-shrink:0;width:0;height:0}.arrow.up{border-width:0 max(4px,min(.6vw,8px)) max(8px,min(1.2vw,16px));border-color:transparent transparent var(--green-color)transparent}.arrow.down{border-width:max(8px,min(1.2vw,16px)) max(4px,min(.6vw,8px)) 0;border-color:var(--red-color)transparent transparent transparent}.arrow.left{border-width:max(4px,min(.6vw,8px)) max(8px,min(1.2vw,16px)) max(4px,min(.6vw,8px)) 0;border-color:transparent var(--green-color)transparent transparent}.arrow.right{border-width:max(4px,min(.6vw,8px)) 0 max(4px,min(.6vw,8px)) max(8px,min(1.2vw,16px));border-color:transparent transparent transparent var(--red-color)}.ag-top{gap:max(6px,min(1vw,12px));top:max(5px,min(1vw,15px));left:50%;transform:translate(-50%)}.ag-bottom{flex-direction:row-reverse;gap:max(6px,min(1vw,12px));bottom:max(5px,min(1vw,15px));left:52%;transform:translate(-50%)}.ag-left{flex-direction:column;gap:max(8px,min(1.2vw,15px));top:50%;left:max(5px,min(1vw,15px));transform:translateY(-50%)}.ag-right{flex-direction:column-reverse;gap:max(8px,min(1.2vw,15px));top:48%;right:max(5px,min(1vw,15px));transform:translateY(-50%)}@media (max-width:640px){.scheme-wrapper{min-width:500px}}@media (max-width:520px){.scheme-wrapper{min-width:400px}}.input-field{color:#fff;background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;width:100%;margin-top:.25rem;padding:.5rem .75rem;display:block;box-shadow:0 1px 2px #0000000d}.input-field:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea}.input-field-sm{color:#fff;background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;width:100%;margin-top:.25rem;padding:.375rem .5rem;font-size:.875rem;display:block;box-shadow:0 1px 2px #0000000d}.input-field-sm::placeholder{color:#a0aec0}.btn-primary{color:#fff;background-color:#5a67d8;border-radius:.375rem;padding:.5rem 1rem;font-weight:600}.btn-primary:hover{background-color:#4c51bf}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#e2e8f0;background-color:#4a5568;border-radius:.375rem;padding:.5rem 1rem;font-weight:500}.btn-secondary:hover{background-color:#2d3748}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.blink-red rect,.blink-red circle,.blink-red polygon{animation:1s infinite blinkRed}@keyframes blinkRed{0%{fill:#dc2626}50%{fill:#ff7b7b}to{fill:#dc2626}}.hide-calendar-icon::-webkit-calendar-picker-indicator{opacity:0!important;display:none!important}.hide-calendar-icon::-webkit-inner-spin-button{display:none!important}