body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5}.container.svelte-1uha8ag{max-width:1600px;margin:0 auto;padding:2rem}footer.svelte-1uha8ag{text-align:center;padding:1rem;color:#666;font-size:.85rem;border-top:1px solid #ddd;margin-top:2rem}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}header.svelte-1uha8ag{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #ddd}.logo.svelte-1uha8ag{height:60px;width:auto}h1.svelte-1uha8ag{margin:0;font-size:1.75rem;color:#333;text-align:center}.header-actions.svelte-1uha8ag{display:flex;gap:.5rem}.refresh-btn.svelte-1uha8ag,.logout-btn.svelte-1uha8ag,.view-btn.svelte-1uha8ag,.save-btn.svelte-1uha8ag{font-family:Roboto,sans-serif;font-weight:500}.refresh-btn.svelte-1uha8ag,.logout-btn.svelte-1uha8ag{padding:.5rem 1.5rem;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.refresh-btn.svelte-1uha8ag{background-color:#4a90e2}.refresh-btn.svelte-1uha8ag:hover:not(:disabled){background-color:#357abd}.refresh-btn.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed}.logout-btn.svelte-1uha8ag{background-color:#757575}.logout-btn.svelte-1uha8ag:hover{background-color:#616161}.filters-container.svelte-1uha8ag{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.search-bar.svelte-1uha8ag{display:flex;align-items:center;gap:1rem}.status-filter.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem}.status-filter.svelte-1uha8ag label:where(.svelte-1uha8ag){font-weight:500;color:#555;white-space:nowrap}.status-filter-select.svelte-1uha8ag{padding:.5rem 1rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;font-family:Roboto,sans-serif;background-color:#fff;cursor:pointer;transition:border-color .2s;min-width:180px}.status-filter-select.svelte-1uha8ag:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-input.svelte-1uha8ag{flex:1;padding:.75rem 1rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;font-family:Roboto,sans-serif;transition:border-color .2s}.search-input.svelte-1uha8ag:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-results.svelte-1uha8ag{color:#666;font-size:.9rem;white-space:nowrap}.error.svelte-1uha8ag,.loading.svelte-1uha8ag,.empty.svelte-1uha8ag{text-align:center;padding:3rem;background:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a}.error.svelte-1uha8ag{color:#d32f2f}.error.svelte-1uha8ag button:where(.svelte-1uha8ag){margin-top:1rem;padding:.5rem 1rem;background-color:#d32f2f;color:#fff;border:none;border-radius:5px;cursor:pointer}.table-container.svelte-1uha8ag{background:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}table.svelte-1uha8ag{width:100%;border-collapse:collapse}thead.svelte-1uha8ag{background-color:#f8f9fa;border-bottom:2px solid #ddd}th.svelte-1uha8ag{padding:1rem;text-align:left;font-weight:600;color:#555;white-space:nowrap}td.svelte-1uha8ag{padding:1rem;border-bottom:1px solid #eee}tbody.svelte-1uha8ag tr:where(.svelte-1uha8ag){transition:background-color .15s}tbody.svelte-1uha8ag tr:where(.svelte-1uha8ag):hover{background-color:#f8f9fa}tbody.svelte-1uha8ag tr.selected:where(.svelte-1uha8ag){background-color:#e3f2fd}.email.svelte-1uha8ag{max-width:200px;overflow:hidden;text-overflow:ellipsis}.comment-cell-multiline.svelte-1uha8ag{max-width:300px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;cursor:help}.status-select.svelte-1uha8ag{padding:.4rem .75rem;border:2px solid #ddd;border-radius:5px;font-size:.9rem;font-family:Roboto,sans-serif;background-color:#fff;cursor:pointer;transition:border-color .2s;min-width:120px}.status-select.svelte-1uha8ag:focus{outline:none;border-color:#4a90e2}.status-select.svelte-1uha8ag option:where(.svelte-1uha8ag){padding:.5rem}.attachment-cell.svelte-1uha8ag{text-align:center;font-size:.9rem;cursor:help}.attachment-type.svelte-1uha8ag{color:#4a90e2;font-weight:500;padding:.25rem .5rem;background-color:#e3f2fd;border-radius:3px;display:inline-block}.no-attachment.svelte-1uha8ag{color:#999}.comment-tooltip.svelte-1uha8ag{position:fixed;background:#000000e6;color:#fff;padding:.75rem 1rem;border-radius:5px;max-width:400px;font-size:.9rem;line-height:1.4;z-index:10000;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 4px 12px #0000004d}.image-tooltip.svelte-1uha8ag{position:fixed;background:#fff;padding:.5rem;border-radius:5px;z-index:10001;pointer-events:none;box-shadow:0 4px 12px #0000004d;border:2px solid #ddd}.preview-image.svelte-1uha8ag{max-width:300px;max-height:300px;display:block;border-radius:3px}.view-btn.svelte-1uha8ag{padding:.4rem 1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.view-btn.svelte-1uha8ag:hover{background-color:#357abd}.modal-overlay.svelte-1uha8ag{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal.svelte-1uha8ag{background:#fff;border-radius:5px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #ddd;position:sticky;top:0;background:#fff;z-index:10}.modal-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.5rem;color:#333}.close-btn.svelte-1uha8ag{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn.svelte-1uha8ag:hover{color:#333}.modal-content.svelte-1uha8ag{padding:1.5rem}.detail-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.detail-item.svelte-1uha8ag{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width.svelte-1uha8ag{grid-column:1 / -1}.detail-item.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#555;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-item.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#333;font-size:1rem}.comment-section.svelte-1uha8ag,.attachment-section.svelte-1uha8ag{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:5px}.comment-section.svelte-1uha8ag strong:where(.svelte-1uha8ag),.attachment-section.svelte-1uha8ag strong:where(.svelte-1uha8ag){display:block;margin-bottom:.5rem;color:#555;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.comment-section.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;line-height:1.6;white-space:pre-wrap}.attachment-item.svelte-1uha8ag{margin-top:.5rem}.media-preview.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.attachment-image.svelte-1uha8ag{max-width:100%;max-height:400px;object-fit:contain;border-radius:5px;border:1px solid #ddd}.attachment-audio.svelte-1uha8ag{width:100%;max-width:500px}.attachment-link.svelte-1uha8ag{color:#4a90e2;text-decoration:none;font-weight:500}.attachment-link.svelte-1uha8ag:hover{text-decoration:underline}.attachment-section.svelte-1uha8ag pre:where(.svelte-1uha8ag){margin:.5rem 0 0;padding:.75rem;background:#fff;border-radius:3px;overflow-x:auto;font-size:.85rem}.edit-section.svelte-1uha8ag{border-top:2px solid #ddd;padding-top:1.5rem}.form-group.svelte-1uha8ag{margin-bottom:1rem}.form-group.svelte-1uha8ag label:where(.svelte-1uha8ag){display:block;margin-bottom:.5rem;color:#555;font-weight:600}.form-group.svelte-1uha8ag select:where(.svelte-1uha8ag),.form-group.svelte-1uha8ag textarea:where(.svelte-1uha8ag){width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem}.form-group.svelte-1uha8ag select:where(.svelte-1uha8ag):focus,.form-group.svelte-1uha8ag textarea:where(.svelte-1uha8ag):focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.save-btn.svelte-1uha8ag{width:100%;padding:.75rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s}.save-btn.svelte-1uha8ag:hover:not(:disabled){background-color:#45a049}.save-btn.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.container.svelte-1uha8ag{padding:1rem}header.svelte-1uha8ag{grid-template-columns:1fr;gap:1rem;text-align:center}.logo.svelte-1uha8ag{height:50px;justify-self:center}h1.svelte-1uha8ag{font-size:1.5rem}.header-actions.svelte-1uha8ag{width:100%;justify-content:stretch}.header-actions.svelte-1uha8ag button:where(.svelte-1uha8ag){flex:1}.filters-container.svelte-1uha8ag{gap:.75rem}.search-bar.svelte-1uha8ag{flex-direction:column;align-items:stretch}.status-filter.svelte-1uha8ag{flex-direction:column;align-items:stretch;gap:.5rem}.status-filter-select.svelte-1uha8ag{width:100%}.table-container.svelte-1uha8ag{overflow-x:scroll}table.svelte-1uha8ag{font-size:.85rem}th.svelte-1uha8ag,td.svelte-1uha8ag{padding:.5rem}.detail-grid.svelte-1uha8ag{grid-template-columns:1fr}}