body{color:#1f2937;background:#f8fafc;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100vh}.button[data-v-b2fa1290]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.button-default[data-v-b2fa1290]{color:#fff;background:#2563eb}.button-default[data-v-b2fa1290]:hover{background:#1d4ed8}.button-secondary[data-v-b2fa1290]{color:#111827;background:#fff;border:1px solid #d1d5db}.button-secondary[data-v-b2fa1290]:hover{background:#f3f4f6}.button-danger[data-v-b2fa1290]{color:#fff;background:#b91c1c}.button-danger[data-v-b2fa1290]:hover{background:#991b1b}.button-disabled[data-v-b2fa1290]{opacity:.6;cursor:not-allowed}.input-wrapper[data-v-7ba5250d]{background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;width:100%;display:flex;overflow:hidden}.input[data-v-7ba5250d]{background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.input-extra[data-v-7ba5250d]{color:#6b7280;padding:0 12px;font-size:14px}.input-button[data-v-7ba5250d]{border-radius:0}.data-view[data-v-caa63f71]{flex-direction:column;gap:1rem;display:flex}.table-container[data-v-caa63f71]{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow-x:auto}.data-view-top[data-v-caa63f71]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.data-view-title[data-v-caa63f71]{margin:0;font-size:18px}.data-view-subtitle[data-v-caa63f71]{color:#6b7280;margin:.35rem 0 0;font-size:14px}.data-view-toolbar[data-v-caa63f71]{flex-wrap:wrap;gap:.75rem;display:flex}.search-section[data-v-caa63f71]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.search-label[data-v-caa63f71]{color:#111827;margin-bottom:.5rem;font-size:14px;font-weight:600;display:block}.sort-select[data-v-caa63f71]{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.data-view-grid[data-v-caa63f71]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.data-card[data-v-caa63f71]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.card-top[data-v-caa63f71]{justify-content:flex-start;margin-bottom:.5rem;display:flex}.checkbox-label[data-v-caa63f71]{color:#374151;align-items:center;gap:.4rem;font-size:14px;display:flex}.data-card-image[data-v-caa63f71]{object-fit:cover;object-position:center top;border-radius:8px;width:100%;height:160px;margin:.5rem 0 .75rem}@media (width<=600px){.data-card-image[data-v-caa63f71]{height:130px}}.data-card h3[data-v-caa63f71]{margin:0 0 .5rem;font-size:16px}.data-card p[data-v-caa63f71]{color:#4b5563;margin:0;font-size:14px}.data-card-actions[data-v-caa63f71]{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.data-table[data-v-caa63f71]{border-collapse:collapse;background:#fff;width:100%}.data-table th[data-v-caa63f71],.data-table td[data-v-caa63f71]{text-align:left;vertical-align:middle;border:1px solid #e5e7eb;padding:.75rem}.data-table th[data-v-caa63f71]{background:#f9fafb}.data-table-image[data-v-caa63f71]{object-fit:cover;object-position:center top;border-radius:6px;width:70px;height:50px}.empty-state[data-v-caa63f71]{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;margin:0;padding:1rem}.modal-overlay[data-v-4c5a63a9]{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-4c5a63a9]{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:400px;display:flex;box-shadow:0 4px 6px #0000001a}.modal-header[data-v-4c5a63a9]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-title[data-v-4c5a63a9]{color:#111827;margin:0;font-size:18px}.close-button[data-v-4c5a63a9]{color:#6b7280;background:0 0;padding:0;font-size:24px}.close-button[data-v-4c5a63a9]:hover{color:#111827;background:0 0}.modal-body[data-v-4c5a63a9]{color:#4b5563;padding:1.5rem;line-height:1.5}.modal-footer[data-v-4c5a63a9]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}main[data-v-c0ce10c1]{color:#333;max-width:1000px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}.page-header[data-v-c0ce10c1]{border-bottom:1px solid #ccc;margin-bottom:2rem;padding-bottom:1rem}.page-header h1[data-v-c0ce10c1]{margin:0 0 .5rem}.page-description[data-v-c0ce10c1]{color:#666;margin:0}.demo-section[data-v-c0ce10c1]{background:#fafafa;border:1px solid #ccc;margin-bottom:2rem;padding:1.5rem}.section-header[data-v-c0ce10c1]{margin-bottom:1rem}.section-header h2[data-v-c0ce10c1]{margin:0 0 5px}.section-header p[data-v-c0ce10c1]{color:#666;margin:0;font-size:14px}.button-group[data-v-c0ce10c1]{flex-wrap:wrap;gap:1rem;display:flex}.input-demo-grid[data-v-c0ce10c1]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.input-demo-item[data-v-c0ce10c1]{background:#fff;border:1px solid #ddd;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.input-demo-item label[data-v-c0ce10c1]{color:#333;font-size:14px;font-weight:700}.demo-result[data-v-c0ce10c1]{color:green;margin:0;font-size:14px}.orange-input[data-v-c0ce10c1]{color:#b76c00;background-color:#fffaf0;border:2px solid orange}.orange-button[data-v-c0ce10c1]{color:#fff;cursor:pointer;background-color:orange;border:none;border-radius:4px;padding:10px 20px;font-size:16px}.orange-button[data-v-c0ce10c1]:hover{background-color:#ff8c00}.custom-item[data-v-c0ce10c1]{background-color:#fff8f0;border:4px solid orange}