*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Arial,sans-serif}h1{padding:8px 20px;font-size:22px;background:#036;color:#fff;height:40px;display:flex;align-items:center;justify-content:space-between}.toolbar{background:#048;padding:5px 10px;display:flex;align-items:center;height:44px;border-bottom:1px solid #003366;position:relative}.menu-item{position:relative}.menu-trigger{background:none;border:none;color:#cde;font-size:13px;padding:6px 12px;cursor:pointer;font-weight:400}.menu-trigger:hover{background:#059;color:#fff}.menu-dropdown{position:absolute;top:100%;left:0;background:#036;border:1px solid #005599;min-width:180px;z-index:100;box-shadow:2px 2px 8px #0006}.menu-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;color:#fff;font-size:13px;padding:8px 16px;cursor:pointer}.menu-dropdown button:hover{background:#048}.menu-dropdown button:disabled{color:#678;cursor:default}.menu-dropdown button:disabled:hover{background:none}.menu-divider{height:1px;background:#059;margin:4px 8px}.toolbar-divider{width:1px;height:28px;background:#369;margin:0 5px}.toolbar-counters{display:flex;gap:18px;color:#fff;font-size:15px;font-weight:700;align-items:center;flex-wrap:wrap}.header-save-status{color:#cfe1f5;font-size:12px;font-weight:700;white-space:nowrap}.header-right{display:flex;align-items:center;gap:8px}.header-zoom-controls{display:flex;gap:4px}.header-zoom-controls button{min-width:24px;height:22px;padding:0 6px;border:1px solid #6f93b8;background:#003d73;color:#fff;font-size:13px;line-height:1;cursor:pointer;border-radius:3px}.header-zoom-controls button:hover{background:#00508f}.header-zoom-hint{color:#cfe1f5;font-size:12px;font-weight:700;white-space:nowrap}.header-divider{width:1px;height:16px;background:#369}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.action-group{display:flex;align-items:center;gap:5px;padding:0 8px;border-right:1px solid #336699}.action-group:last-of-type{border-right:none}.action-group-label{color:#8ac;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-right:3px}.toolbar .action-group button{background:linear-gradient(to bottom,#f93,#c60);border:2px outset #ffaa44;color:#fff;font-weight:700;padding:5px 12px;cursor:pointer;font-size:12px}.toolbar .action-group button:hover{background:linear-gradient(to bottom,#fa4,#d70)}.toolbar .action-group button:active{border-style:inset}.toolbar .delete-btn{background:linear-gradient(to bottom,#c33,#911);border-color:#d44}.toolbar .delete-btn:hover{background:linear-gradient(to bottom,#d44,#a22)}.sidebar{width:250px;height:calc(100vh - 84px);background:#024;padding:15px;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sidebar-header h3{color:#fff;font-size:16px}.sidebar-header-actions{display:flex;gap:5px}.add-guest-btn{background:linear-gradient(to bottom,#f93,#c60);border:2px outset #ffaa44;color:#fff;font-weight:700;padding:4px 12px;cursor:pointer;font-size:12px}.add-guest-btn:hover{background:linear-gradient(to bottom,#fa4,#d70)}.add-guest-btn:active{border-style:inset}.import-error{background:#411;border:1px solid #cc3333;border-radius:4px;padding:8px 10px;margin-bottom:10px;color:#faa;font-size:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.import-error button{background:none;border:none;color:#faa;cursor:pointer;font-size:16px;padding:0;line-height:1;flex-shrink:0}.import-error button:hover{color:#fff}.import-prompt{background:#036;border:1px solid #ff9900;border-radius:4px;padding:10px;margin-bottom:10px;color:#fff;font-size:13px}.import-prompt p{margin-bottom:8px}.import-prompt-actions{display:flex;gap:6px}.import-prompt-actions button{flex:1;padding:5px 8px;font-size:12px;font-weight:700;border:2px outset #ffaa44;cursor:pointer;background:linear-gradient(to bottom,#f93,#c60);color:#fff;border-radius:3px}.import-prompt-actions button:hover{background:linear-gradient(to bottom,#fa4,#d70)}.import-prompt-actions .cancel-btn{background:linear-gradient(to bottom,#666,#444);border-color:#777}.import-prompt-actions .cancel-btn:hover{background:linear-gradient(to bottom,#777,#555)}.guest-form{background:#036;border:1px solid #005599;border-radius:4px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.guest-form input{padding:6px 8px;font-size:13px;border:1px solid #005599;border-radius:3px;background:#024;color:#fff;outline:none}.guest-form input::placeholder{color:#68a}.guest-form input:focus{border-color:#f90}.guest-form-actions{display:flex;gap:6px;margin-top:4px}.guest-form-actions button{flex:1;padding:5px 10px;font-size:12px;font-weight:700;border:2px outset #ffaa44;cursor:pointer;background:linear-gradient(to bottom,#f93,#c60);color:#fff;border-radius:3px}.guest-form-actions button:hover{background:linear-gradient(to bottom,#fa4,#d70)}.guest-form-actions .cancel-btn{background:linear-gradient(to bottom,#666,#444);border-color:#777}.guest-form-actions .cancel-btn:hover{background:linear-gradient(to bottom,#777,#555)}.guest-group{margin-bottom:10px;background:#036;border-radius:4px}.guest-section{margin-bottom:12px;border:1px solid #005599;border-radius:4px;background:#002a55;overflow:hidden}.guest-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;font-size:12px;font-weight:700;color:#fff;background:#048;border-bottom:1px solid #005599;border-left:none;border-right:none;border-top:none;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;text-align:left}.guest-section-header:hover{background:#059}.group-filter-row{margin-bottom:10px;display:flex;align-items:center;gap:8px}.group-filter-row label{color:#cce0ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.group-filter-row select{flex:1;background:#036;color:#fff;border:1px solid #005599;border-radius:3px;padding:5px 8px;font-size:12px}.group-filter-row select:focus{outline:none;border-color:#f90}.guest-item{padding:8px 12px;color:#fff;cursor:grab;border-bottom:1px solid #002244;display:flex;justify-content:space-between;align-items:center}.guest-item:hover{background:#048}.guest-name{flex:1}.guest-actions{display:none;gap:2px}.guest-item:hover .guest-actions{display:flex}.guest-actions button{background:none;border:none;color:#68a;cursor:pointer;font-size:14px;padding:0 3px;line-height:1}.guest-actions button:hover{color:#fff}.seat-tooltip{position:absolute;background:#024;color:#fff;font-size:13px;font-weight:700;padding:5px 10px;border-radius:4px;border:1px solid #005599;pointer-events:none;white-space:nowrap;z-index:50;box-shadow:2px 2px 6px #0000004d}.canvas-legend{position:absolute;top:12px;right:12px;min-width:170px;max-width:220px;background:#002244eb;border:1px solid #005599;border-radius:6px;padding:8px 10px;color:#fff;z-index:25;box-shadow:0 4px 10px #00000047}.canvas-legend-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#cce0ff;margin-bottom:6px;font-weight:700}.canvas-legend-hint{color:#aac2dc;font-size:11px;margin-bottom:6px}.canvas-legend-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;border-radius:4px;background:transparent;color:#fff;text-align:left;cursor:pointer;padding:3px 4px;font-size:12px;margin-bottom:5px}.canvas-legend-item:last-child{margin-bottom:0}.canvas-legend-item:hover{background:#ffffff14}.canvas-legend-item.active{border-color:#ffb366;background:#ffb36629}.canvas-legend-item.inactive{opacity:.45}.canvas-legend-swatch{width:12px;height:12px;border-radius:2px;border:1px solid #003366;flex-shrink:0}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001022b8;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.welcome-modal{width:min(700px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#024;color:#fff;border:1px solid #005599;border-radius:8px;box-shadow:0 12px 28px #00000073;padding:20px 22px}.welcome-modal h2{margin-bottom:10px;font-size:24px}.welcome-modal p{color:#cce0ff;margin-bottom:14px}.welcome-modal h4{margin:10px 0 6px;color:#fc9;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.welcome-modal ul{margin:0 0 10px 18px}.welcome-modal li{margin-bottom:5px;color:#e6f0ff;font-size:14px}.welcome-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.welcome-actions button{background:linear-gradient(to bottom,#678,#456);border:2px outset #778899;color:#fff;font-weight:700;padding:6px 12px;cursor:pointer;font-size:12px}.welcome-actions button:hover{background:linear-gradient(to bottom,#789,#567)}.welcome-actions .primary{background:linear-gradient(to bottom,#f93,#c60);border-color:#fa4}.welcome-actions .primary:hover{background:linear-gradient(to bottom,#fa4,#d70)}.guest-so{padding-left:24px;font-size:14px;color:#cde}.guest-item:last-child{border-bottom:none}