.guest-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem;min-height:44px;display:flex;justify-content:space-between;align-items:center;cursor:grab;transition:background .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;touch-action:none}@media (hover: hover) and (pointer: fine){.guest-card:hover{background:#fff;border-color:#667eea;transform:translate(4px);box-shadow:0 2px 8px #667eea33}}.guest-card.readonly{cursor:default}.guest-name{font-size:1rem;color:#333;font-weight:500}.remove-btn{background:transparent;border:none;color:#999;font-size:1.2rem;cursor:pointer;padding:0;width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s;touch-action:manipulation;flex-shrink:0}@media (hover: hover) and (pointer: fine){.remove-btn:hover{background:#fee;color:#f44}}.guest-list-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;min-height:300px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}@media (max-width: 1024px){.guest-list-container{max-height:60vh}}.guest-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.guest-list-header h2{font-size:1.3rem;color:#333;margin:0}.guest-count{background:#667eea;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:700}.add-guest-form{display:flex;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.guest-input{flex:1;min-width:0;padding:.7rem;min-height:44px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s}.guest-input:focus{outline:none;border-color:#667eea}.add-btn{padding:.7rem 1.25rem;min-height:44px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s;white-space:nowrap;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.add-btn:hover{background:#5568d3}}.guests-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;margin:-.5rem}.guests-scroll::-webkit-scrollbar{width:6px}.guests-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.guests-scroll::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.empty-state{text-align:center;padding:3rem 1rem;color:#999}.empty-state p:first-child{font-size:1.2rem;margin-bottom:.5rem}.empty-hint{font-size:.9rem}.bulk-add-toggle{width:100%;padding:.7rem;min-height:44px;background:#f8f9fa;border:2px dashed #667eea;border-radius:8px;color:#667eea;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;margin-bottom:.75rem;flex-shrink:0;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.bulk-add-toggle:hover{background:#f0f4ff;border-color:#5568d3}}.bulk-add-section{display:flex;flex-direction:column;gap:.8rem;margin-bottom:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;flex-shrink:0}.bulk-input{width:100%;padding:.7rem;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;transition:border-color .2s}.bulk-input:focus{outline:none;border-color:#667eea}.bulk-submit-btn{padding:.7rem 1.25rem;min-height:44px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.bulk-submit-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}}.table{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.2rem;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}.table.drag-over{border-color:#667eea;background:#f0f4ff;box-shadow:0 4px 12px #667eea4d}.table.full{border-color:#ff9800;background:#fff8f0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.table-header h3{font-size:1.1rem;color:#333;margin:0}.capacity-badge{background:#667eea;color:#fff;padding:.3rem .7rem;border-radius:12px;font-size:.85rem;font-weight:700}.table.full .capacity-badge{background:#ff9800}.capacity-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:1rem}.capacity-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.table.full .capacity-fill{background:#ff9800}.table-guests{display:flex;flex-direction:column;gap:.4rem;min-height:60px}.empty-table{text-align:center;padding:1.5rem 1rem;color:#999;font-style:italic;border:2px dashed #ddd;border-radius:8px}.table.drag-over .empty-table{border-color:#667eea;color:#667eea}.table-guest{background:#fff;padding:.55rem .8rem;min-height:44px;border-radius:6px;border:1px solid #e0e0e0;font-size:.9rem;color:#333;cursor:grab;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center}@media (hover: hover) and (pointer: fine){.table-guest:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea33;transform:translateY(-2px)}}.table-guest.readonly{cursor:default}.full-indicator{position:absolute;top:.5rem;right:.5rem;background:#ff9800;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;pointer-events:none}.table-view{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.table-view-header{margin-bottom:1.5rem}.table-view-header h2{font-size:1.5rem;color:#333;margin:0}.no-tables{text-align:center;padding:4rem 2rem;color:#999}.no-tables h3{font-size:1.3rem;margin-bottom:.5rem;color:#666}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}@media (max-width: 600px){.tables-grid{grid-template-columns:1fr;gap:.75rem}.table-view{padding:1rem}}.config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.config-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;box-shadow:0 8px 24px #0003}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.config-header h2{font-size:1.4rem;color:#333;margin:0}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#999;cursor:pointer;width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s;touch-action:manipulation;flex-shrink:0}@media (hover: hover) and (pointer: fine){.close-btn:hover{background:#f5f5f5;color:#333}}.config-field{margin-bottom:1.25rem}.config-field label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.config-input{width:100%;padding:.8rem;min-height:44px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s}.config-input:focus{outline:none;border-color:#667eea}.field-hint{display:block;font-size:.85rem;color:#999;margin-top:.3rem}.config-summary{background:#f0f4ff;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1.25rem;color:#667eea;font-size:1.05rem}.config-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.cancel-btn,.save-btn{padding:.7rem 1.5rem;min-height:44px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s;touch-action:manipulation;flex:1;min-width:100px;max-width:160px}.cancel-btn{background:#f5f5f5;color:#666}@media (hover: hover) and (pointer: fine){.cancel-btn:hover{background:#e0e0e0}}.save-btn{background:#667eea;color:#fff}@media (hover: hover) and (pointer: fine){.save-btn:hover{background:#5568d3}}@media (max-width: 400px){.config-modal{padding:1rem}.cancel-btn,.save-btn{max-width:none}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a1a2e;overflow-y:auto;padding:1rem}.login-box{background:#fff;border-radius:12px;padding:2rem 2.5rem;width:100%;max-width:380px;text-align:center;box-shadow:0 8px 32px #0000004d}.login-box h1{margin:0 0 .5rem;font-size:clamp(1.25rem,5vw,1.6rem)}.login-subtitle{color:#666;margin:0 0 1.5rem;font-size:.95rem}.login-input{width:100%;padding:.75rem .9rem;min-height:44px;font-size:16px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;outline:none;transition:border-color .15s}.login-input:focus{border-color:#6c63ff}.login-error{color:#e53e3e;font-size:.875rem;margin:.5rem 0 0}.login-btn{margin-top:1.25rem;width:100%;padding:.75rem;min-height:44px;font-size:1rem;font-weight:600;background:#6c63ff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s,opacity .15s;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.login-btn:hover:not(:disabled){background:#574fd6}}.login-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 400px){.login-box{padding:1.5rem 1.25rem}}.app{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.app-header{background:#fff;padding:1.25rem 2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.app-header h1{font-size:clamp(1.25rem,4vw,2rem);color:#333;margin:0;white-space:nowrap}.header-stats{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.header-stats span{font-size:.85rem;color:#666;padding:.4rem .8rem;background:#f5f5f5;border-radius:20px}.header-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.action-btn{padding:.6rem .9rem;min-height:44px;background:#f5f5f5;color:#333;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.3rem;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.action-btn:hover:not(:disabled){background:#e0e0e0;transform:translateY(-2px)}.action-btn.danger:hover{background:#fee;color:#d32f2f}}.action-btn:disabled{opacity:.4;cursor:not-allowed}.config-btn{padding:.6rem 1.25rem;min-height:44px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.config-btn:hover{background:#5568d3;transform:translateY(-2px)}}.app-content{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;padding:1.5rem;max-width:1800px;width:100%;margin:0 auto;flex:1;min-height:0}@media (max-width: 1024px){.app-content{grid-template-columns:1fr;padding:1rem;gap:1rem}.app-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:1rem}.header-stats,.header-actions{width:100%}}@media (max-width: 480px){.app-content{padding:.75rem;gap:.75rem}.app-header{padding:.75rem}.header-stats span{font-size:.78rem;padding:.3rem .6rem}.action-btn,.config-btn{font-size:.82rem;padding:.5rem .7rem}}.save-status{font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:4px}.save-status.saving{color:#888}.save-status.saved{color:#38a169}.save-status.error{color:#e53e3e;cursor:help}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}