:root{--table-size:90px;--table-border:2px solid #0d6efd}.wedding-seating-app{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden;width:100vw}.sidebar{background-color:#f8f9fa;border-right:1px solid #dee2e6;box-shadow:2px 0 5px #0000001a;min-width:280px;overflow-y:auto;padding:1rem;width:300px}.main-content{overflow:auto}.canvas-chart-area,.main-content{background:#fff;flex:1 1;padding:1rem;position:relative}.canvas-chart-area{overflow:hidden}.guest-list{border:1px solid #dee2e6;border-radius:6px;max-height:400px;overflow-y:auto}.guest-list ul{list-style:none;margin:0;padding:0}.guest-list li{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;cursor:grab;margin-bottom:.25rem;padding:.5rem}.guest-list li:hover{background:#e9ecef}.chart-container{min-height:700px;min-width:800px;position:relative}.table-circle{background:#f8f9fa;border:2px solid #0d6efd;border:var(--table-border);border-radius:50%;height:90px;height:var(--table-size);position:absolute;width:90px;width:var(--table-size)}.table-info{color:#0d6efd;cursor:pointer;font-size:1rem;left:-8px;position:absolute;top:-8px}.table-label{font-size:.8rem;top:4px;transform:translateX(-50%)}.count-display,.table-label{font-weight:600;left:50%;position:absolute}.count-display{background:#ffffffe6;border:1px solid #dee2e6;border-radius:10px;color:#495057;font-size:.75rem;padding:2px 6px;top:100%;transform:translate(-50%,15px)}.sweetheart-table{align-items:center;background:#fff3cd;border:3px solid #ffc107;border-radius:25px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:50px;justify-content:center;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:100px;z-index:5}.sweetheart-label{color:#856404;font-size:1rem;font-weight:700}.sweetheart-title{color:#856404;font-size:.6rem;margin-top:1px}.dance-floor{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #2196f3;border-radius:15px;box-shadow:0 4px 12px #00000026;display:flex;height:120px;justify-content:center;position:absolute;right:50px;top:120px;width:180px;z-index:5}.dance-floor-label{color:#1565c0;font-size:1rem;font-weight:700;text-align:center}.guest-slot{background:#fff;border:2px solid #0d6efd;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:12px}.guest-slot:hover{box-shadow:0 4px 8px #0003;transform:translate(-50%,-50%) scale(1.2)}.guest-slot.filled{background:#0d6efd;border-color:#0a58ca;cursor:grab}.guest-slot.filled:hover{background:#0a58ca}.guest-slot:hover:after{background:#000000d9;border-radius:6px;color:#fff;content:attr(data-name);font-size:.75rem;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:-2.5rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.guest-slot.filled:hover:after{content:attr(data-name) " (Click to remove)"}.table-circle span.guest-slot:first-of-type{transform:translate(-50%,-50%) rotate(0deg) translateY(-51px);transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(2){transform:translate(-50%,-50%) rotate(36deg) translateY(-51px);transform:translate(-50%,-50%) rotate(36deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(3){transform:translate(-50%,-50%) rotate(72deg) translateY(-51px);transform:translate(-50%,-50%) rotate(72deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(4){transform:translate(-50%,-50%) rotate(108deg) translateY(-51px);transform:translate(-50%,-50%) rotate(108deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(5){transform:translate(-50%,-50%) rotate(144deg) translateY(-51px);transform:translate(-50%,-50%) rotate(144deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(6){transform:translate(-50%,-50%) rotate(180deg) translateY(-51px);transform:translate(-50%,-50%) rotate(180deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(7){transform:translate(-50%,-50%) rotate(216deg) translateY(-51px);transform:translate(-50%,-50%) rotate(216deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(8){transform:translate(-50%,-50%) rotate(252deg) translateY(-51px);transform:translate(-50%,-50%) rotate(252deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(9){transform:translate(-50%,-50%) rotate(288deg) translateY(-51px);transform:translate(-50%,-50%) rotate(288deg) translateY(calc(var(--table-size)*-.5 - 6px))}.table-circle span.guest-slot:nth-of-type(10){transform:translate(-50%,-50%) rotate(324deg) translateY(-51px);transform:translate(-50%,-50%) rotate(324deg) translateY(calc(var(--table-size)*-.5 - 6px))}#table-1{left:80px;top:90px}#table-2{left:250px;top:90px}#table-3{left:420px;top:90px}#table-4{left:590px;top:90px}#table-5{left:80px;top:250px}#table-6{left:250px;top:250px}#table-7{left:420px;top:250px}#table-8{left:80px;top:410px}#table-9{left:250px;top:410px}#table-10{left:420px;top:410px}#table-11{left:50px;top:570px}#table-12{left:170px;top:570px}#table-13{left:290px;top:570px}#table-14{left:410px;top:570px}#table-15{left:530px;top:570px}#table-16{left:650px;top:570px}.canvas-chart-area h3{margin-bottom:1rem}.konvajs-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;touch-action:pan-x pan-y}.canvas-chart-area div[ondrop]{transition:border-color .2s ease}.canvas-chart-area div[ondrop]:hover{background:#0d6efd05;border-color:#0d6efd}.draggable-table{transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none}.draggable-table:hover{box-shadow:0 4px 12px #00000026}.draggable-table.dragging{box-shadow:0 8px 24px #0000004d;transform:rotate(2deg);z-index:1000}.dragging *{pointer-events:none}.dragging .guest-slot{pointer-events:auto}.btn{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;cursor:pointer;display:block;font-size:.875rem;margin-bottom:.5rem;padding:.375rem .75rem;text-align:center;transition:all .2s ease;width:100%}.btn:hover{background:#f8f9fa;border-color:#adb5bd}.btn-sm{background:#fff;border:1px solid #dee2e6;border-radius:.2rem;cursor:pointer;font-size:.75rem;margin:0 2px;padding:.25rem .5rem}.btn-sm:hover{background:#f8f9fa;border-color:#adb5bd}.btn-success{background:#198754;border-color:#198754;color:#fff}.btn-success:hover{background:#157347;border-color:#146c43}.btn-info{background:#0dcaf0;border-color:#0dcaf0;color:#fff}.btn-info:hover{background:#31d2f2;border-color:#25cff2}.btn-primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.btn-primary:hover{background:#0b5ed7;border-color:#0a58ca}.btn-outline-info{background:#0000;border-color:#0dcaf0;color:#0dcaf0}.btn-outline-info:hover{background:#0dcaf0;border-color:#0dcaf0;color:#fff}.btn-outline-secondary{background:#0000;border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-danger{background:#0000;border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-warning{background:#0000;border-color:#ffc107;color:#ffc107}.btn-outline-warning:hover{background:#ffc107;border-color:#ffc107;color:#212529}.form-control{border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;margin-bottom:.5rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;outline:0}.input-group{display:flex;margin-bottom:.5rem}.input-group input{border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1}.input-group button{background:#6c757d;border:1px solid #6c757d;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff;margin:0;padding:.375rem .75rem;width:auto}.input-group button:hover{background:#5c636a;border-color:#565e64}h4,h6{color:#212529;margin-bottom:1rem}h4{font-size:1.5rem}h4,h6{font-weight:500}h6{font-size:1rem}.mb-3{margin-bottom:1rem}.text-muted{color:#6c757d!important;font-size:.875rem}@media (max-width:1024px){.sidebar{min-width:250px;padding:.75rem;width:280px}.sidebar h6{font-size:.9rem}.canvas-chart-area .btn{font-size:.8rem;padding:.375rem .75rem}}@media (max-width:768px){.wedding-seating-app{flex-direction:column!important;height:100vh!important;overflow:hidden!important;width:100vw!important}.sidebar{border-bottom:2px solid #dee2e6!important;border-right:none!important;box-shadow:0 2px 10px #0000001a!important;flex-shrink:0!important;height:35vh!important;max-height:35vh!important;min-width:auto!important;overflow-y:auto!important;padding:.75rem!important;position:relative!important;width:100%!important}.canvas-chart-area{flex:none!important;height:65vh!important;min-height:400px!important;overflow:hidden!important;padding:.5rem!important;width:100%!important}.canvas-chart-area>div:first-child{margin-bottom:.5rem!important;padding:.5rem!important}.canvas-chart-area h3{font-size:.9rem!important}.canvas-chart-area h3,.sidebar .mb-3{margin-bottom:.5rem!important}.sidebar h6{font-size:.8rem!important;margin-bottom:.4rem!important}.sidebar h4{font-size:1.1rem!important;margin-bottom:.5rem!important}.guest-list{max-height:100px!important;overflow-y:auto!important}.guest-list li{align-items:center!important;display:flex!important;font-size:.8rem!important;margin:.2rem 0!important;min-height:44px!important;padding:.4rem!important}.sidebar .btn{font-size:.7rem!important;margin-bottom:.2rem!important;padding:.4rem!important}.sidebar div[style*="backgroundColor: #f8f9fa"]{font-size:.8rem!important;padding:.5rem!important}.canvas-chart-area .btn{font-size:.7rem!important;padding:.3rem .5rem!important}.canvas-chart-area .konvajs-content{height:calc(100% - 50px)!important;width:100%!important}}@media (max-width:414px){.sidebar{height:30vh!important;padding:.5rem!important}.canvas-chart-area{height:70vh!important}.sidebar h4{font-size:1rem!important}.guest-list{max-height:80px!important}.canvas-chart-area h3{font-size:.85rem!important}}@media (max-width:768px) and (orientation:landscape){.wedding-seating-app{flex-direction:row!important}.sidebar{border-bottom:none!important;border-right:1px solid #dee2e6!important;height:100vh!important;width:300px!important}.canvas-chart-area{flex:1 1!important;height:100vh!important;width:auto!important}}@media (hover:none) and (pointer:coarse){.btn,button{min-height:44px!important;min-width:44px!important;padding:.5rem 1rem!important}.guest-list li{align-items:center!important;display:flex!important;margin:.25rem 0!important;min-height:48px!important;padding:.75rem!important}.konvajs-content{touch-action:pan-x pan-y!important}}@media (max-width:768px){.form-control{padding:.5rem!important}.form-control,input[type=file],input[type=text]{font-size:16px!important}}.btn:focus,.form-control:focus{outline:2px solid #0d6efd;outline-offset:2px}@media (prefers-contrast:high){.guest-slot,.table-circle{border-width:3px}}@media (prefers-reduced-motion:reduce){.btn,.draggable-table,.form-control,.guest-slot{transition:none!important}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1}.sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.b8adfc84.css.map*/