:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}body{min-width:320px;margin:0;position:fixed;inset:0}button,select,textarea{font:inherit}button{background:var(--button);color:var(--text);border:0;border-radius:12px;padding:.65rem .85rem}button:active{transform:translateY(1px)}p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--soft);font-size:.68rem}.app-shell{--bg:#0e1320;--map-bg:#111827;--canvas:#121929;--panel:#151c2c;--button:#2e3a54;--button-strong:#34496f;--active:#6fa2ff;--active-bg:#213c68;--text:#f2f5fb;--muted:#aeb8cc;--soft:#8ea0c6;--border:#34415d;--seat:#101827;--danger-bg:#653331;--danger-border:#ff9a8f;background:var(--bg);width:100%;height:100dvh;color:var(--text)}.theme-light{--bg:#edf1f7;--map-bg:#dfe6f0;--canvas:#eef3f9;--panel:#fff;--button:#d8e0eb;--button-strong:#c5d4e8;--active:#0f56b3;--active-bg:#d8e8ff;--text:#142033;--muted:#5c6b80;--soft:#66758a;--border:#b9c6d8;--seat:#f8fbff;--danger-bg:#ffe2df;--danger-border:#c83a2d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.session-view{padding:0;position:relative;overflow:hidden}.map-shell{inset:0 0 calc(5.25rem + env(safe-area-inset-bottom)) 0;background:var(--map-bg);touch-action:pan-x pan-y;border:0;border-radius:0;position:absolute;overflow:auto}.map-canvas{background:var(--canvas);width:740px;max-width:none;height:620px;position:relative}.room-object{border:1px dashed var(--soft);color:var(--muted);border-radius:10px;place-items:center;font-size:.8rem;display:grid;position:absolute}.table-card{border:1px solid var(--border);background:var(--panel);text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:.35rem;min-height:82px;padding:.45rem;display:grid;position:absolute;box-shadow:0 10px 24px #0000002e}.table-card.selected{outline:3px solid var(--active);background:var(--active-bg)}.table-single{grid-template-columns:1fr}.table-island{grid-template-columns:repeat(2,minmax(0,1fr));min-height:130px}.seat-chip{background:var(--seat);min-height:2rem;color:var(--text);border-radius:10px;place-items:center;padding:.2rem;display:grid}.panel-overlay{z-index:20;padding:.75rem .75rem calc(4.9rem + env(safe-area-inset-bottom));background:#0408106b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.table-panel{border:1px solid var(--border);background:var(--panel);border-radius:22px;width:min(100%,520px);max-height:min(68dvh,560px);padding:.85rem;overflow:auto;box-shadow:0 22px 70px #00000059}.panel-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.3rem;display:flex}.panel-title{margin:.1rem 0 0;font-size:1.1rem;font-weight:800}.icon-button{background:var(--button);border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;padding:0;font-size:1.4rem;line-height:1;display:grid}.student-row{border-top:1px solid var(--border);gap:.55rem;padding:.7rem 0;display:grid}.student-row:first-of-type{border-top:0}.student-row span{color:var(--muted);margin-top:.15rem;font-size:.85rem;display:block}.student-row.empty{color:var(--muted)}.student-name-block{gap:.1rem;display:grid}select,textarea{border:1px solid var(--border);background:var(--seat);width:100%;color:var(--text);border-radius:12px;padding:.65rem}.quick-actions,.presence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.quick-actions button,.presence-grid button{background:var(--button-strong);border:1px solid #0000;min-height:2.9rem;padding:.55rem .65rem}.quick-actions button.active,.presence-grid button.active{background:var(--active-bg);border-color:var(--active);color:var(--text);font-weight:800}.note-actions button{font-size:.95rem}.note-actions button.note-active{background:var(--danger-bg);border-color:var(--danger-border);box-shadow:inset 0 0 0 2px var(--danger-border)}.bottom-action-bar{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border);background:var(--panel);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:4rem;padding:.55rem;display:grid;position:fixed;box-shadow:0 18px 50px #00000040}.mode-switch{background:var(--seat);border-radius:14px;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.mode-switch button{color:var(--muted);background:0 0;padding:.55rem .65rem}.mode-switch button.active{background:var(--active-bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--active);font-weight:800}.session-summary{gap:.1rem;min-width:0;display:grid}.session-summary strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.session-summary span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.menu-popover{right:.75rem;bottom:calc(5.25rem + env(safe-area-inset-bottom));z-index:45;border:1px solid var(--border);background:var(--panel);border-radius:18px;gap:.5rem;width:min(18rem,100% - 1.5rem);padding:.75rem;display:grid;position:fixed;box-shadow:0 18px 50px #00000047}.menu-popover button{text-align:left}@media (width>=820px){.map-canvas{width:100%;min-width:760px;height:100%;min-height:680px}.panel-overlay{align-items:center;padding-bottom:5.8rem}.table-panel{max-height:74dvh}.bottom-action-bar{width:min(760px,100% - 1.5rem);left:50%;right:auto;transform:translate(-50%)}.menu-popover{right:calc(50% + min(760px,100% - 1.5rem)/-2)}}