body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5}nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background:#2c3e50;border-bottom:2px solid #1a252f;position:-webkit-sticky;position:sticky;top:0;left:0;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}#navbar-names{color:#fff}#navbar-names h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}#navbar-names h3{margin:.375rem 0 0;font-size:.875rem;font-weight:400;color:#bdc3c7}nav button{padding:.75rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}nav button:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}nav button:disabled{background-color:#95a5a6;color:#ecf0f1;cursor:not-allowed;box-shadow:none}div#table-grid{width:-moz-fit-content;width:fit-content;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:14px;column-gap:14px;grid-row-gap:14px;row-gap:14px}div.table{height:120px;width:120px;border-radius:8px;padding:.5em;background:#fff;border:2px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;overflow-y:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05)}div.table:hover{overflow-y:visible;height:max-content}div.table:active{background-color:#f8f9fa;height:120px!important;overflow-y:hidden!important}div.table>.table-label{font-size:16px;text-align:center;font-weight:600;color:#2c3e50;margin-bottom:4px}div.table>ul{font-size:13px;list-style-type:none;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0;align-self:flex-start;white-space:nowrap;max-width:100%}div.table>ul>li{overflow:hidden;text-overflow:ellipsis;color:#7f8c8d}div#seating-container{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:24px;column-gap:24px;grid-row-gap:24px;row-gap:24px;justify-content:center;max-width:1100px;margin:auto auto 160px;padding:0 20px}div.table-with-seats{padding:24px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;min-width:240px;box-shadow:0 2px 8px rgba(0,0,0,.08)}div.table-with-seats-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #ecf0f1;color:#2c3e50;font-weight:700;font-size:1.05rem}div.table-with-seats>ul{font-size:14px;list-style-type:none;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0}div.table-with-seats>ul>li{border:2px solid #ecf0f1;border-radius:8px;margin-bottom:10px;padding:12px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fafafa;cursor:-webkit-grab;cursor:grab;transition:all .2s;color:#34495e;font-weight:500}div.table-with-seats>ul>li:hover{background:#fff;border-color:#3498db;transform:translateX(4px);box-shadow:0 2px 6px rgba(0,0,0,.08)}div.table-with-seats>ul>li:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.05) rotate(2deg);opacity:.8;box-shadow:0 4px 12px rgba(0,0,0,.2)}div.table-with-seats>ul>li b{color:#7f8c8d;margin-right:8px;font-weight:700}.drag-overlay-seat{border:2px solid #3498db;border-radius:8px;padding:12px 16px;background:#fff;cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.05) rotate(2deg);opacity:.9;box-shadow:0 6px 16px rgba(0,0,0,.25);color:#34495e;font-weight:500;font-size:14px;white-space:nowrap}.drag-overlay-seat b{color:#7f8c8d;margin-right:8px;font-weight:700}.submission-form-container{max-width:1400px;margin:0 auto;padding:20px}.submission-form-layout{display:flex;gap:32px;align-items:flex-start}.submission-form-card{flex:0 0 auto;width:400px;background:#fff;padding:30px;border-radius:12px;border:2px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.submission-form-title{margin:0 0 24px;text-align:center;color:#2c3e50;font-size:24px;font-weight:700}.submission-form-greeting{margin:0 0 16px;text-align:center;color:#2980b9;font-size:28px;font-weight:700}.submission-form-error{margin-bottom:16px;padding:12px 14px;background-color:#ffebee;color:#d32f2f;border-radius:8px;font-size:14px;border:2px solid #f44336}.submission-form-input{width:100%;padding:12px 14px;margin-bottom:14px;border:2px solid #ecf0f1;border-radius:8px;font-size:15px;box-sizing:border-box;transition:border-color .2s;background:#fafafa;color:#34495e;font-weight:500}.submission-form-input:focus{outline:none;border-color:#3498db;background:#fff}.submission-form-button{width:100%;padding:14px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.submission-form-button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.submission-names-section{flex:1 1;min-width:0;padding:16px}.submission-names-title{margin:0 0 12px;font-size:18px;color:#2c3e50;font-weight:700}.submission-names-columns{display:flex;flex-wrap:wrap;gap:24px}.submission-names-column{display:flex;flex-direction:column;gap:4px;min-width:140px}.submission-name-item{padding:8px 16px;border:2px solid #ecf0f1;border-radius:8px;background:#fafafa;font-size:14px;color:#34495e;font-weight:500;display:flex;justify-content:space-between;align-items:center}.submission-name-item span{margin-left:8px;margin-right:8px}.submission-name-delete{background:none;border:none;color:#dc3545;font-size:24px;font-weight:700;cursor:pointer;padding:0 8px;line-height:1;transition:color .2s ease}.submission-name-delete:hover{color:#a71d2a}.submission-name-delete:active{transform:scale(.95)}.submission-names-empty{font-size:14px;color:#7f8c8d;margin:0}.submission-form-select{width:100%;max-width:400px;padding:12px 14px;margin-bottom:14px;border:2px solid #ecf0f1;border-radius:8px;background-color:#fafafa;color:#34495e;font-size:15px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7f8c8d 0),linear-gradient(135deg,#7f8c8d 50%,transparent 0);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:all .2s}.submission-form-select:hover{background-color:#fff}.submission-form-select:focus{outline:none;border-color:#3498db;background-color:#fff}.submission-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.submission-confirm-box{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:400px;text-align:center}.submission-confirm-box h3{margin:0 0 12px;color:#2c3e50}.submission-confirm-box p{margin:0 0 20px;color:#555}.submission-confirm-buttons{display:flex;gap:12px;justify-content:center}.submission-confirm-no,.submission-confirm-yes{padding:10px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.submission-confirm-yes{background:#28a745;color:#fff}.submission-confirm-yes:hover{background:#218838}.submission-confirm-no{background:#6c757d;color:#fff}.submission-confirm-no:hover{background:#5a6268}.submission-delete-confirm{display:flex;gap:4px}.submission-delete-no,.submission-delete-yes{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:4px}.submission-delete-yes{background:#28a745;color:#fff}.submission-delete-yes:hover{background:#218838}.submission-delete-no{background:#dc3545;color:#fff}.submission-delete-no:hover{background:#c82333}