.container[data-v-559d733a]{max-width:1200px;margin:0 auto;padding:20px}.demo-section[data-v-559d733a]{margin-top:40px;padding:20px;background-color:#f5f5f5;border-radius:8px}.loading[data-v-559d733a],.error[data-v-559d733a],.no-data[data-v-559d733a]{padding:20px;text-align:center;background-color:#fff;border-radius:4px;margin:20px 0}.error[data-v-559d733a]{color:#d32f2f;background-color:#ffebee}.table-container[data-v-559d733a]{overflow-x:auto;margin:20px 0}.demo-table[data-v-559d733a]{width:100%;border-collapse:collapse;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.demo-table th[data-v-559d733a]{background-color:#1976d2;color:#fff;padding:12px 16px;text-align:left;font-weight:600}.demo-table td[data-v-559d733a]{padding:12px 16px;border-bottom:1px solid #eee}.demo-table tbody tr[data-v-559d733a]:hover{background-color:#f9f9f9}.demo-table tbody tr:last-child td[data-v-559d733a]{border-bottom:none}.id-cell[data-v-559d733a]{font-family:monospace;font-size:.9em;color:#666}.status-badge[data-v-559d733a]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.85em;font-weight:500}.status-badge.active[data-v-559d733a]{background-color:#e8f5e9;color:#2e7d32}.status-badge.deleted[data-v-559d733a]{background-color:#ffebee;color:#c62828}.summary[data-v-559d733a]{margin-top:20px;text-align:right;display:flex;justify-content:space-between;align-items:center}.retry-btn[data-v-559d733a],.refresh-btn[data-v-559d733a]{padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.retry-btn[data-v-559d733a]:hover,.refresh-btn[data-v-559d733a]:hover{background-color:#1565c0}.retry-btn[data-v-559d733a]{margin-left:10px}.refresh-btn[data-v-559d733a]{padding:8px 24px}h1[data-v-559d733a]{color:#1976d2;margin-bottom:20px}h2[data-v-559d733a]{color:#333;margin-bottom:20px}a[data-v-559d733a]{color:#1976d2;text-decoration:none}a[data-v-559d733a]:hover{text-decoration:underline}