.seatmap{gap:20px;display:grid}@media (width>=900px){.seatmap{grid-template-columns:1fr 1fr}}.tbl{border-radius:var(--radius-m);box-shadow:var(--shadow-s);background:#fff;gap:18px;padding:20px;display:grid}.tbl-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.tbl-plan{--seat:clamp(40px, 10vw, 52px);justify-items:center;gap:10px;padding:6px 0;display:grid}.tbl-row{justify-content:center;gap:10px;display:flex}.tbl-mid{align-items:center;gap:10px;display:flex}.tbl-board{width:calc(var(--cols) * var(--seat) + (var(--cols) - 1) * 10px);height:calc(var(--seat) * 1.25);color:#ffffffd9;letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(90deg,#ffffff0f 0 2px,#0000 2px 38px),linear-gradient(#a26b43,#7c4d2e);border-radius:14px;place-items:center;font-size:13px;font-weight:600;display:grid;box-shadow:inset 0 -4px #00000026,0 8px 18px -8px #3c1e0a80}.seat{width:var(--seat);height:var(--seat);cursor:pointer;transition:transform .25s var(--ease), background .25s, box-shadow .25s, color .25s;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;font-size:14px;font-weight:650;display:grid}.seat.free{background:var(--snow-100);color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--snow-200)}.seat.free:hover{box-shadow:inset 0 0 0 2px var(--ember-400);transform:scale(1.08)}.seat.selected{background:var(--ember-500);color:#fff;transform:scale(1.06);box-shadow:0 6px 16px -6px #e8743bcc}.seat.taken{background:var(--night-700);color:#ffffff8c;cursor:not-allowed}.seat:disabled{opacity:1}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:14px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{border-radius:50%;width:14px;height:14px;display:inline-block}.legend .l-free{background:var(--snow-100);box-shadow:inset 0 0 0 1.5px var(--snow-200)}.legend .l-sel{background:var(--ember-500)}.legend .l-taken{background:var(--night-700)}.cal{border-radius:var(--radius-l);box-shadow:var(--shadow-s);background:#fff;padding:clamp(16px,3vw,28px)}.cal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-head h3{letter-spacing:-.02em;text-transform:capitalize;margin:0;font-size:20px}.cal-nav{background:var(--snow-100);cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;font-size:18px}.cal-nav:disabled{opacity:.3;cursor:default}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-dow{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;padding:6px 0;font-size:12px;font-weight:600}.cal-day{aspect-ratio:1/1.05;color:var(--snow-200);cursor:default;background:0 0;border:0;border-radius:14px;align-content:center;justify-items:center;gap:4px;font-size:16px;font-weight:600;display:grid;position:relative}.cal-day.open{color:var(--ink);background:var(--snow-100);cursor:pointer;transition:transform .2s var(--ease), background .2s}.cal-day.open:hover{box-shadow:var(--shadow-m);background:#fff;transform:translateY(-2px)}.cal-day.full{color:var(--ink-3);background:var(--snow-100);cursor:pointer;text-decoration:line-through}.cal-day.active{background:var(--night-800);color:#fff}.cal-dots{gap:4px;display:flex}.cal-dots i{border-radius:50%;width:7px;height:7px}.cal-dots .ok{background:var(--ok)}.cal-dots .low{background:var(--warn)}.cal-dots .none{background:var(--ink-3);opacity:.4}.cal-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:16px;font-size:13px;display:flex}.cal-legend i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.seat{position:relative}.seat-bed{width:20px;height:20px;color:var(--night-700);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 4px #0000002e}.seat-bed svg{width:13px;height:13px}.seat.selected .seat-bed{color:var(--ember-500)}.seat.taken .seat-bed{background:var(--night-600);color:#ffffffb3}.dorm{border-radius:var(--radius-m);box-shadow:var(--shadow-s);background:#fff;gap:16px;margin-top:20px;padding:20px;display:grid}.beds{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.bed{transition:background .25s, color .25s, transform .25s var(--ease);border-radius:14px;justify-items:center;gap:2px;padding:10px 4px 8px;font-size:12px;font-weight:650;display:grid}.bed svg{width:28px;height:28px}.bed.free{background:var(--snow-100);color:var(--ink-3)}.bed.selected{background:var(--ember-500);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px -6px #e8743bcc}.bed.taken{background:var(--night-700);color:#fff9}