.container.svelte-1x56nse{margin:0 auto;max-width:600px;padding:20px;font-family:system-ui,-apple-system,sans-serif}.header.svelte-1x56nse{display:flex;justify-content:flex-start;padding:10px 0;margin-bottom:10px}h1.svelte-1x56nse{margin:20px 0;font-size:24px;color:#333;padding-bottom:15px;border-bottom:2px solid #eee}h2.svelte-1x56nse{font-size:18px;margin-bottom:15px;color:#555}.cancel-btn.svelte-1x56nse{background:#f5f5f5;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;text-decoration:none;color:#666}.cancel-btn.svelte-1x56nse:hover{background:#e9e9e9}.error.svelte-1x56nse{background:#fee;color:#c33;padding:15px;border-radius:4px;margin-bottom:20px}.message.svelte-1x56nse{padding:15px;border-radius:4px;margin-bottom:20px}.message.error.svelte-1x56nse{background:#fee;color:#c33;border:1px solid #fcc}.message.success.svelte-1x56nse{background:#efe;color:#3c3;border:1px solid #cfc}.status-section.svelte-1x56nse,.booking-section.svelte-1x56nse,.future-section.svelte-1x56nse{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px}.status.svelte-1x56nse{padding:15px;border-radius:4px;text-align:center}.status.occupied.svelte-1x56nse{background:#fce9e9;color:#e01616}.status.free.svelte-1x56nse{background:#d6fade;color:#146522}.details.svelte-1x56nse{font-size:14px;opacity:.9}.end-meeting-btn.svelte-1x56nse{margin-top:15px;padding:12px 24px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;width:100%}.end-meeting-btn.svelte-1x56nse:disabled{background:#999;cursor:not-allowed}.end-meeting-btn.svelte-1x56nse:not(:disabled):hover{background:#c82333}.duration-grid.svelte-1x56nse{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.duration-option.svelte-1x56nse{cursor:pointer}.duration-card.svelte-1x56nse{border:2px solid #007bff;border-radius:8px;padding:15px;text-align:center;transition:all .2s ease}.duration-option.svelte-1x56nse input:where(.svelte-1x56nse){display:none}.duration-option.svelte-1x56nse input:where(.svelte-1x56nse):checked+.duration-card:where(.svelte-1x56nse){border-color:#007bff;background:#007bff;color:#fff}.duration-option.svelte-1x56nse:not(.disabled):hover .duration-card:where(.svelte-1x56nse){border-color:#999}.duration-time.svelte-1x56nse{font-size:18px;font-weight:700;margin-bottom:5px}.duration-end.svelte-1x56nse{font-size:14px;color:#666}.duration-details.svelte-1x56nse{font-size:12px;color:#888;margin-top:4px}.duration-option.after-current.svelte-1x56nse .duration-card:where(.svelte-1x56nse){border-color:#28a745;background:#f8fff9}.duration-option.after-current.svelte-1x56nse input:where(.svelte-1x56nse):checked+.duration-card:where(.svelte-1x56nse){border-color:#28a745;background:#28a745;color:#fff}input.svelte-1x56nse:checked+.duration-card:where(.svelte-1x56nse) .duration-end:where(.svelte-1x56nse),input.svelte-1x56nse:checked+.duration-card:where(.svelte-1x56nse) .duration-details:where(.svelte-1x56nse){color:#fff}.title-section.svelte-1x56nse{margin-bottom:20px}.title-section.svelte-1x56nse label:where(.svelte-1x56nse){display:block;margin-bottom:5px;font-weight:700}.title-section.svelte-1x56nse input:where(.svelte-1x56nse){width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.book-btn.svelte-1x56nse{width:100%;padding:15px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer}.book-btn.svelte-1x56nse:disabled{background:#ccc;cursor:not-allowed}.book-btn.svelte-1x56nse:not(:disabled):hover{background:#0056b3}.future-item.svelte-1x56nse{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #eee}.future-item.svelte-1x56nse:last-child{border-bottom:none}.time-range.svelte-1x56nse{font-weight:700;white-space:nowrap;min-width:140px}.item-details.svelte-1x56nse{flex:1;font-size:14px}@media (max-width: 600px){.container.svelte-1x56nse{padding:15px}.header.svelte-1x56nse{flex-direction:column;gap:10px;align-items:stretch}.duration-grid.svelte-1x56nse{grid-template-columns:1fr}.future-item.svelte-1x56nse{flex-direction:column;gap:5px}}