:root{color-scheme:light dark;--bg: light-dark(#f6f7f9, #0e0f12);--fg: light-dark(#16181d, #e8eaef);--muted: light-dark(#667085, #a1a8b5);--card: light-dark(#ffffff, #17191f);--border: light-dark(#e5e7eb, #262a33);--primary: #4f46e5;--danger: #e11d48;--ok: #16a34a;--warn: #f59e0b}html.theme-light{color-scheme:light;--bg: #f6f7f9;--fg: #16181d;--muted: #667085;--card: #ffffff;--border: #e5e7eb}html.theme-dark{color-scheme:dark;--bg: #0e0f12;--fg: #e8eaef;--muted: #a1a8b5;--card: #17191f;--border: #262a33}*{box-sizing:border-box}html,body,#app{height:100%}.hidden{display:none!important}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:3}.brand{font-weight:700;letter-spacing:.2px}.brand-group{display:flex;align-items:center;gap:10px}.topbar-actions{display:flex;gap:8px}.client-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:16px;font-size:12px;margin-left:8px}.client-icon{font-size:14px}#client-name-input{border:none;background:transparent;color:var(--fg);font-size:12px;width:100px;padding:0;outline:none}#client-name-input::placeholder{color:var(--muted);font-style:italic}.layout{display:grid;grid-template-columns:360px 1fr;height:calc(100% - 56px);transition:grid-template-columns .3s ease}.layout.sidebar-hidden{grid-template-columns:0 1fr}.left-pane{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease;overflow:hidden}.layout.sidebar-hidden .left-pane{opacity:0;visibility:hidden}.left-pane{padding:12px;border-right:1px solid var(--border);overflow:auto}.right-pane{padding:12px;overflow:auto}section{margin-bottom:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}button,input,select,textarea{background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:8px 10px}button{cursor:pointer}button.primary{background:var(--primary);color:#fff;border:none}button.danger{background:var(--danger);color:#fff;border:none}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.groups-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.group-card{border:1px solid var(--border);border-radius:14px;padding:10px}.group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.group-name{font-weight:700}.group-lock{font-size:12px;opacity:.75}.tag{display:inline-block;padding:2px 6px;border-radius:999px;border:1px solid var(--border);margin:2px 4px 0 0;font-size:12px;color:var(--muted)}.student{padding:6px 8px;border:1px dashed var(--border);border-radius:10px;margin:6px 0;background:light-dark(#fafafa,#14161c)}.progress-bar{height:14px;background:light-dark(#eef0f4,#161a22);border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress-inner{height:100%;background:linear-gradient(90deg,var(--primary),#06b6d4);width:0%;transition:width .2s ease}.progress-label{margin-top:6px;font-size:12px;color:var(--muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:light-dark(#e5e7eb,#374151);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.print-container{display:none}@media print{body>*:not(.print-container){display:none!important}.print-container{display:block!important}@page{margin:1cm;size:auto}.group-card{border:2px solid #333;padding:12px;margin-bottom:16px;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact;color:#000!important}.group-name{font-size:18px;font-weight:700;margin-bottom:8px;color:#000!important}.student{border:1px solid #333;padding:6px;margin:4px 0;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important}.print-mode-pages .group-card{page-break-after:always}.print-mode-pages .group-card:last-child{page-break-after:auto}.print-mode-all .print-groups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.print-mode-seating{background:#fff!important;padding:20px}.print-mode-seating h1{color:#000!important}.print-seating-canvas{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.list{display:grid;gap:6px}.row{display:flex;gap:6px;align-items:center}.row input[type=text]{flex:1}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:light-dark(#eef1f6,#10131a);border:1px solid var(--border);padding:2px 6px;border-radius:6px}.badge{border:1px solid var(--border);border-radius:999px;padding:2px 6px;font-size:12px;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px #0003;z-index:10}.locked{opacity:.7}.dnd-ghost{opacity:.5}.constraints-blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.privacy-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:12px;border-bottom:1px solid var(--border)}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-label span:first-child{font-weight:500;font-size:.875rem}.toggle-hint{font-size:.75rem;color:var(--muted)}.multiselect-container{position:relative;border:1px solid var(--border);border-radius:6px;padding:6px;min-height:32px;background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none}.multiselect-container:hover{border-color:var(--primary)}.multiselect-display{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.multiselect-chip{background:var(--primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;display:inline-flex;align-items:center;gap:4px}.multiselect-chip-remove{font-weight:700;font-size:11px;cursor:pointer}.multiselect-chip-remove:hover{color:var(--danger)}.multiselect-placeholder{color:var(--muted);font-size:12px}.multiselect-chevron{margin-left:auto;color:var(--muted);font-size:10px;transition:transform .2s}.multiselect-container.open .multiselect-chevron{transform:rotate(180deg)}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto;display:none}.multiselect-container.open .multiselect-dropdown{display:block}.multiselect-option{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.multiselect-option:hover{background:var(--bg)}.multiselect-option input[type=checkbox]{margin:0;cursor:pointer}.multiselect-empty{padding:12px;text-align:center;color:var(--muted);font-size:12px}.constraints-editor{display:flex;flex-direction:column;gap:1rem}.constraint-section{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.constraint-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.constraint-section-header h4{margin:0;font-size:.875rem;font-weight:600}.constraint-section-header button{padding:.25rem .5rem;background:var(--primary, #4a90d9);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.constraint-list{padding:.5rem}.constraint-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;margin-bottom:.25rem}.constraint-item:hover{background:var(--bg)}.constraint-item-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;flex:1}.constraint-icon{font-size:1rem}.constraint-icon.together{color:var(--success, #27ae60)}.constraint-icon.apart{color:var(--warning, #f39c12)}.constraint-names{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.constraint-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--primary);color:#fff;border-radius:12px;font-size:.75rem}.constraint-chip-remove{cursor:pointer;font-weight:700;margin-left:2px}.constraint-chip-remove:hover{color:var(--danger-light, #fde8e6)}.constraint-add-more{width:20px;height:20px;border:1px dashed var(--border);background:transparent;color:var(--muted);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;padding:0}.constraint-add-more:hover{border-color:var(--primary);color:var(--primary)}.constraint-add-select{font-size:.75rem;padding:.25rem;border-radius:4px}.constraint-selector select{font-size:.875rem;padding:.25rem .5rem}.constraint-delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.constraint-delete-btn:hover{background:var(--danger-light, #fde8e6);color:var(--danger, #e74c3c)}.constraint-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.875rem;margin:0}:root{--seating-bg: light-dark(#f5f5f5, #1a1a2e);--seating-card: light-dark(#ffffff, #2a2a4a);--seating-border: light-dark(#ddd, #3a3a5a);--seating-text: light-dark(#333, #eee);--seating-text-muted: light-dark(#666, #888);--seating-primary: light-dark(#4a90d9, #5ba0e9);--seating-primary-light: light-dark(#e8f0f8, #1f2b4a)}.mode-toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--border);border-radius:8px;margin-bottom:1rem}.mode-toggle button{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle button:hover{background:var(--bg);color:var(--fg)}.mode-toggle button.active{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #00000026}.seating-chart-editor{display:flex;flex-direction:column;gap:1rem;padding:1rem}.chart-canvas{position:relative;min-height:400px;background:var(--bg);border:2px dashed var(--border);border-radius:12px;overflow:hidden}.chart-canvas.drag-over{border-color:var(--primary, #4a90d9);background:var(--primary-light, #e8f0f8)}.table-controls{display:flex;gap:.5rem;flex-wrap:wrap;padding:.75rem;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.table-controls label{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.table-controls select,.table-controls input[type=number]{padding:.375rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem}.table-controls input[type=number]{width:60px}.table-controls button{padding:.375rem .75rem;background:var(--primary, #4a90d9);color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer}.table-controls button:hover{background:var(--primary-dark, #3a7bc8)}.seating-table{position:absolute;display:flex;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.seating-table:hover{box-shadow:0 4px 12px #00000026}.seating-table.selected{box-shadow:0 0 0 3px var(--primary, #4a90d9)}.seating-table.dragging{opacity:.8;z-index:100}.seating-table.round{border-radius:50%;aspect-ratio:1}.seating-table.rectangular{border-radius:8px}.table-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;pointer-events:none}.table-name{font-size:.75rem;font-weight:600;color:var(--muted);text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-delete-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--danger, #e74c3c);color:#fff;border:2px solid white;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.seating-table:hover .table-delete-btn{opacity:1}.resize-handle{position:absolute;width:12px;height:12px;background:var(--primary, #4a90d9);border:2px solid var(--card);border-radius:3px;opacity:0;transition:opacity .2s ease;z-index:20}.seating-table:hover .resize-handle{opacity:1}.resize-nw{top:-6px;left:-6px;cursor:nw-resize}.resize-ne{top:-6px;right:-6px;cursor:ne-resize}.resize-sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-se{bottom:-6px;right:-6px;cursor:se-resize}.seat.editor-seat{cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.seat.editor-seat:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 4px 12px #00000040}.seat{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;text-align:center;overflow:hidden;cursor:pointer;transition:all .2s ease;z-index:10}.seat:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.seat.empty{border-style:dashed;background:var(--bg)}.seat.occupied{background:var(--primary, #4a90d9);border-color:var(--primary, #4a90d9);color:#fff}.seat.has-avatar{border-color:#fff;box-shadow:0 1px 4px #0003}.seat.drag-over{background:var(--primary-light, #e8f0f8);border-color:var(--primary, #4a90d9);border-style:solid}.seat.violation{border-color:var(--danger, #e74c3c);box-shadow:0 0 0 2px var(--danger-light, #fde8e6)}.seat.violation:after{content:"!";position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:var(--danger, #e74c3c);color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.seat-name{max-width:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.seating-chart-view{position:relative;min-height:400px;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:auto;padding:1rem}.seating-chart-view .chart-container{position:relative;min-height:350px}.seating-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--muted);text-align:center;gap:1rem}.seating-empty-state svg{width:64px;height:64px;opacity:.5}.proximity-editor{display:flex;flex-direction:column;gap:1rem}.proximity-section{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.proximity-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.proximity-section-header h4{margin:0;font-size:.875rem;font-weight:600}.proximity-section-header button{padding:.25rem .5rem;background:var(--primary, #4a90d9);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.proximity-list{padding:.5rem}.proximity-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;margin-bottom:.25rem}.proximity-item:hover{background:var(--bg)}.proximity-item-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.proximity-icon{font-size:1rem}.proximity-icon.within{color:var(--success, #27ae60)}.proximity-icon.apart{color:var(--warning, #f39c12)}.proximity-radius{padding:.125rem .5rem;background:var(--border);border-radius:12px;font-size:.75rem;color:var(--muted)}.proximity-delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.proximity-delete-btn:hover{background:var(--danger-light, #fde8e6);color:var(--danger, #e74c3c)}.proximity-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.875rem}.radius-selector-backdrop{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.radius-selector-dialog{background:var(--card);border-radius:16px;padding:24px;max-width:700px;width:95%;max-height:90vh;overflow:auto;border:1px solid var(--border)}.radius-chart-container{position:relative;min-height:350px;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.radius-seat{transition:all .15s ease}.radius-seat:hover{transform:scale(1.15);z-index:20}.radius-seat.anchor{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 0 4px #4f46e54d;z-index:30}.radius-seat.in-radius{background:#27ae6033!important;border-color:#27ae60!important}.radius-seat.out-radius{background:#e74c3c26!important;border-color:#e74c3c80!important;opacity:.7}.chart-selector{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.chart-selector select{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem}.chart-selector button{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.875rem}.chart-selector button:hover{background:var(--bg)}.chart-stats{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--bg);border-radius:8px;margin-bottom:1rem;font-size:.875rem}.chart-stat{display:flex;align-items:center;gap:.5rem}.chart-stat-value{font-weight:600}.violations-summary{padding:.75rem 1rem;background:var(--danger-light, #fde8e6);border:1px solid var(--danger, #e74c3c);border-radius:8px;margin-bottom:1rem}.violations-summary h4{margin:0 0 .5rem;font-size:.875rem;color:var(--danger, #e74c3c)}.violations-list{font-size:.8125rem;color:var(--text, #333)}.violations-list li{margin-bottom:.25rem}@media print{.seating-chart-view{border:none;box-shadow:none}.seating-table,.seat{print-color-adjust:exact;-webkit-print-color-adjust:exact}.seat.occupied{background:var(--primary, #4a90d9)!important;color:#fff!important}.table-delete-btn,.chart-selector,.table-controls{display:none!important}}@media(max-width:768px){.table-controls{flex-direction:column}.chart-stats{flex-wrap:wrap}.seat{width:32px;height:32px;font-size:8px}}