#app{font-family:Arial,sans-serif;text-align:center;color:#333}nav{background-color:#f8f9fa;padding:10px;margin-bottom:20px}nav a{margin-right:10px;text-decoration:none;color:#333;font-weight:700;color:#007bff}.customer-list[data-v-8437d150]{max-width:800px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.page-title[data-v-8437d150]{font-size:24px;margin-bottom:20px}.customer-table[data-v-8437d150]{width:100%;border-collapse:collapse}.customer-table td[data-v-8437d150],.customer-table th[data-v-8437d150]{border:1px solid #ddd;padding:12px;text-align:left}.customer-table th[data-v-8437d150]{background-color:#f2f2f2;font-weight:700}.btn-delete[data-v-8437d150],.btn-edit[data-v-8437d150]{padding:8px 16px;cursor:pointer;border:none;background-color:#007bff;color:#fff;border-radius:4px;font-size:14px;transition:background-color .3s}.btn-delete[data-v-8437d150]:hover,.btn-edit[data-v-8437d150]:hover{background-color:#0056b3}.btn-delete[data-v-8437d150]{background-color:#dc3545}.no-data[data-v-8437d150]{text-align:center;font-style:italic;color:#888}.btn-add[data-v-8437d150]{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:10px 20px;margin-bottom:20px;cursor:pointer}.btn-add[data-v-8437d150]:hover{background-color:#218838}.modal[data-v-8437d150]{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content[data-v-8437d150]{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;border-radius:8px;position:relative}.close[data-v-8437d150]{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}.customer-form[data-v-8437d150]{display:flex;flex-direction:column}.form-group[data-v-8437d150]{margin-bottom:20px}label[data-v-8437d150]{font-weight:700}input[type=text][data-v-8437d150]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}.btn[data-v-8437d150]{padding:10px 20px;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px}.btn-primary[data-v-8437d150],.btn[data-v-8437d150]{background-color:#007bff}.btn-primary[data-v-8437d150]:hover{background-color:#0056b3}h1[data-v-8437d150]{margin-bottom:20px;color:#333}.customer-form-container[data-v-bd8e8400]{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.customer-form[data-v-bd8e8400]{display:flex;flex-direction:column}.form-group[data-v-bd8e8400]{margin-bottom:20px}label[data-v-bd8e8400]{font-weight:700}input[type=text][data-v-bd8e8400]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}.btn[data-v-bd8e8400]{padding:10px 20px;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px}.btn-primary[data-v-bd8e8400],.btn[data-v-bd8e8400]{background-color:#007bff}.btn-primary[data-v-bd8e8400]:hover{background-color:#0056b3}h1[data-v-bd8e8400]{margin-bottom:20px;color:#333}