:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;margin:0;padding:0;text-align:left}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.battery-info[data-v-b5f5366b]{max-width:1200px;margin:0 auto;padding:10px;font-family:Arial,sans-serif}.table-container[data-v-b5f5366b]{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.battery-info[data-v-b5f5366b]{padding:5px}h1[data-v-b5f5366b]{font-size:1.5em;margin-bottom:15px}.battery-table[data-v-b5f5366b]{font-size:14px}.battery-table th[data-v-b5f5366b],.battery-table td[data-v-b5f5366b]{padding:6px 8px}.more-btn[data-v-b5f5366b]{padding:6px 12px;font-size:12px}.modal-content[data-v-b5f5366b]{width:95%;max-width:none;padding:20px;margin:10px}.detail-item[data-v-b5f5366b]{flex-direction:column;align-items:flex-start}.detail-item .label[data-v-b5f5366b]{width:auto;margin-bottom:2px}}h1[data-v-b5f5366b]{text-align:center;color:#333;margin-bottom:30px}.battery-table[data-v-b5f5366b]{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 4px #0000001a}.battery-table th[data-v-b5f5366b],.battery-table td[data-v-b5f5366b]{border:1px solid #ddd;padding:8px 12px;text-align:center;vertical-align:middle}.battery-table td[data-v-b5f5366b]:nth-child(4){padding:12px}.battery-table td:nth-child(4)>div[data-v-b5f5366b]{margin:auto;display:inline-block}.battery-table td:nth-child(4)>div>div[data-v-b5f5366b]{margin:4px 0}.search-form[data-v-b5f5366b]{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.form-header[data-v-b5f5366b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-header h3[data-v-b5f5366b]{margin:0;color:#333;font-size:16px}.expand-btn[data-v-b5f5366b]{background-color:transparent;color:#4caf50;border:1px solid #4CAF50;padding:6px 12px;font-size:14px;border-radius:4px;cursor:pointer;transition:all .3s}.expand-btn[data-v-b5f5366b]:hover{background-color:#4caf50;color:#fff}.expandable-section[data-v-b5f5366b]{margin-top:15px;padding-top:15px;border-top:1px dashed #eee}.search-form h3[data-v-b5f5366b]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.form-row[data-v-b5f5366b]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.form-group[data-v-b5f5366b]{flex:1;min-width:150px}.form-group label[data-v-b5f5366b]{display:block;margin-bottom:5px;color:#555;font-size:14px;font-weight:700}.form-group input[data-v-b5f5366b],.form-group select[data-v-b5f5366b]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[data-v-b5f5366b]:focus,.form-group select[data-v-b5f5366b]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.form-actions[data-v-b5f5366b]{display:flex;gap:10px}.search-btn[data-v-b5f5366b],.reset-btn[data-v-b5f5366b]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.search-btn[data-v-b5f5366b]{background-color:#4caf50;color:#fff}.search-btn[data-v-b5f5366b]:hover{background-color:#45a049}.reset-btn[data-v-b5f5366b]{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.reset-btn[data-v-b5f5366b]:hover{background-color:#e0e0e0}.loading-container[data-v-b5f5366b]{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:0 0 4px 4px}.loading[data-v-b5f5366b]{color:#666;font-size:14px}.no-more[data-v-b5f5366b]{text-align:center;padding:20px;color:#999;font-size:14px;background-color:#f9f9f9;border-radius:0 0 4px 4px}@media(max-width:768px){.search-form[data-v-b5f5366b]{padding:15px}.form-row[data-v-b5f5366b]{flex-direction:column;gap:10px}.form-group[data-v-b5f5366b]{min-width:100%}.form-actions[data-v-b5f5366b]{flex-direction:column}.search-btn[data-v-b5f5366b],.reset-btn[data-v-b5f5366b]{width:100%}}.battery-table th[data-v-b5f5366b]{background-color:#f2f2f2;font-weight:700;color:#333}.battery-table tr[data-v-b5f5366b]:nth-child(2n){background-color:#f9f9f9}.battery-table tr[data-v-b5f5366b]:hover{background-color:#f5f5f5}.more-btn[data-v-b5f5366b]{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s}.more-btn[data-v-b5f5366b]:hover{background-color:#45a049}.modal-overlay[data-v-b5f5366b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-b5f5366b]{background-color:#fff;padding:30px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px #0003}.modal-content h2[data-v-b5f5366b]{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.modal-content h3[data-v-b5f5366b]{color:#555;margin-top:20px;margin-bottom:10px}.modal-content h4[data-v-b5f5366b]{color:#666;margin-top:15px;margin-bottom:10px}.detail-item[data-v-b5f5366b]{display:flex;margin-bottom:10px}.detail-item .label[data-v-b5f5366b]{font-weight:700;width:100px;color:#555}.detail-item .value[data-v-b5f5366b]{flex:1;color:#333}.specs-section[data-v-b5f5366b]{border:1px solid #eee;padding:15px;margin-bottom:15px;border-radius:4px}.no-data[data-v-b5f5366b]{color:#999;font-style:italic}.modal-footer[data-v-b5f5366b]{display:flex;justify-content:flex-end;margin-top:20px;width:100%}.close-btn[data-v-b5f5366b]{background-color:#f44336;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:4px;transition:background-color .3s}.close-btn[data-v-b5f5366b]:hover{background-color:#da190b}.cancel-btn[data-v-b5f5366b]{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-right:10px}.cancel-btn[data-v-b5f5366b]:hover{background-color:#e0e0e0}.battery-management[data-v-0ad2681b]{max-width:1200px;margin:0 auto;padding:10px;font-family:Arial,sans-serif}.admin-panel[data-v-0ad2681b]{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.login-section h3[data-v-0ad2681b],.console-section h3[data-v-0ad2681b]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.login-form[data-v-0ad2681b]{max-width:600px}.login-form .form-row[data-v-0ad2681b]{margin-bottom:10px}.error-message[data-v-0ad2681b]{color:#f44336;font-size:14px;margin-top:10px}.login-btn[data-v-0ad2681b],.register-btn[data-v-0ad2681b],.logout-btn[data-v-0ad2681b]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.login-btn[data-v-0ad2681b]{background-color:#4caf50;color:#fff;margin-right:10px}.login-btn[data-v-0ad2681b]:hover{background-color:#45a049}.register-btn[data-v-0ad2681b]{background-color:#2196f3;color:#fff}.register-btn[data-v-0ad2681b]:hover{background-color:#0b7dda}.logout-btn[data-v-0ad2681b]{background-color:#f44336;color:#fff;padding:6px 12px;font-size:12px}.logout-btn[data-v-0ad2681b]:hover{background-color:#da190b}.console-header[data-v-0ad2681b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.console-title[data-v-0ad2681b]{font-weight:700;color:#333;font-size:18px}.user-info[data-v-0ad2681b]{display:flex;align-items:center;gap:10px}.user-info span[data-v-0ad2681b]{font-weight:700;color:#333}.console-actions[data-v-0ad2681b]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.action-btn[data-v-0ad2681b]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;font-weight:700}.action-btn[data-v-0ad2681b]:disabled{opacity:.5;cursor:not-allowed}.create-btn[data-v-0ad2681b]{background-color:#4caf50;color:#fff}.create-btn[data-v-0ad2681b]:hover:not(:disabled){background-color:#45a049}.battery-list[data-v-0ad2681b]{background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.battery-list h2[data-v-0ad2681b]{margin-top:0;margin-bottom:20px;color:#333;font-size:20px}.table-container[data-v-0ad2681b]{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:4px;box-shadow:0 2px 4px #0000001a}.battery-table[data-v-0ad2681b]{width:100%;border-collapse:collapse;background-color:#fff}.battery-table th[data-v-0ad2681b],.battery-table td[data-v-0ad2681b]{border:1px solid #ddd;padding:8px 12px;text-align:center;vertical-align:middle}.battery-table th[data-v-0ad2681b]{background-color:#f2f2f2;font-weight:700;color:#333}.battery-table tr[data-v-0ad2681b]:nth-child(2n){background-color:#f9f9f9}.battery-table tr[data-v-0ad2681b]:hover{background-color:#f5f5f5}.action-column[data-v-0ad2681b]{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.table-btn[data-v-0ad2681b]{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s}.view-btn[data-v-0ad2681b]{background-color:#2196f3;color:#fff}.view-btn[data-v-0ad2681b]:hover{background-color:#0b7dda}.update-btn[data-v-0ad2681b]{background-color:#ff9800;color:#fff}.update-btn[data-v-0ad2681b]:hover{background-color:#f57c00}.delete-btn[data-v-0ad2681b]{background-color:#f44336;color:#fff}.delete-btn[data-v-0ad2681b]:hover{background-color:#da190b}.save-btn[data-v-0ad2681b]{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-left:10px}.save-btn[data-v-0ad2681b]:hover{background-color:#45a049}.cancel-btn[data-v-0ad2681b]{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-right:10px}.cancel-btn[data-v-0ad2681b]:hover{background-color:#e0e0e0}.confirm-delete-btn[data-v-0ad2681b]{background-color:#f44336;color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s}.confirm-delete-btn[data-v-0ad2681b]:hover{background-color:#da190b}.add-detail-btn[data-v-0ad2681b]{background-color:#2196f3;color:#fff;border:none;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-top:10px}.add-detail-btn[data-v-0ad2681b]:hover{background-color:#0b7dda}.remove-detail-btn[data-v-0ad2681b]{background-color:#f44336;color:#fff;border:none;padding:6px 12px;font-size:12px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-top:10px}.remove-detail-btn[data-v-0ad2681b]:hover{background-color:#da190b}.loading-container[data-v-0ad2681b]{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:0 0 4px 4px}.loading[data-v-0ad2681b]{color:#666;font-size:14px}.no-more[data-v-0ad2681b]{text-align:center;padding:20px;color:#999;font-size:14px;background-color:#f9f9f9;border-radius:0 0 4px 4px}.modal-overlay[data-v-0ad2681b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-0ad2681b]{background-color:#fff;padding:30px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px #0003}.modal-content h2[data-v-0ad2681b]{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.modal-content h3[data-v-0ad2681b]{color:#555;margin-top:20px;margin-bottom:10px}.modal-content h4[data-v-0ad2681b]{color:#666;margin-top:15px;margin-bottom:10px}.detail-item[data-v-0ad2681b]{display:flex;margin-bottom:10px}.detail-item .label[data-v-0ad2681b]{font-weight:700;width:100px;color:#555}.detail-item .value[data-v-0ad2681b]{flex:1;color:#333}.specs-section[data-v-0ad2681b]{border:1px solid #eee;padding:15px;margin-bottom:15px;border-radius:4px}.no-data[data-v-0ad2681b]{color:#999;font-style:italic}.modal-footer[data-v-0ad2681b]{display:flex;justify-content:flex-end;margin-top:20px;width:100%}.close-btn[data-v-0ad2681b]{background-color:#f44336;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:4px;transition:background-color .3s}.close-btn[data-v-0ad2681b]:hover{background-color:#da190b}.form-row[data-v-0ad2681b]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.form-group[data-v-0ad2681b]{flex:1;min-width:150px}.form-group label[data-v-0ad2681b]{display:block;margin-bottom:5px;color:#555;font-size:14px;font-weight:700}.form-group input[data-v-0ad2681b],.form-group select[data-v-0ad2681b]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[data-v-0ad2681b]:focus,.form-group select[data-v-0ad2681b]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}@media(max-width:768px){.battery-management[data-v-0ad2681b]{padding:5px}h1[data-v-0ad2681b]{font-size:1.5em;margin-bottom:15px}.battery-table[data-v-0ad2681b]{font-size:14px}.battery-table th[data-v-0ad2681b],.battery-table td[data-v-0ad2681b]{padding:6px 8px}.action-column[data-v-0ad2681b]{flex-direction:column}.table-btn[data-v-0ad2681b]{width:100%;margin:2px 0}.modal-content[data-v-0ad2681b]{width:95%;max-width:none;padding:20px;margin:10px}.detail-item[data-v-0ad2681b]{flex-direction:column;align-items:flex-start}.detail-item .label[data-v-0ad2681b]{width:auto;margin-bottom:2px}.console-actions[data-v-0ad2681b]{flex-direction:column}.action-btn[data-v-0ad2681b]{width:100%}.login-btn[data-v-0ad2681b],.register-btn[data-v-0ad2681b]{width:100%;margin-right:0;margin-bottom:10px}.console-header[data-v-0ad2681b]{flex-direction:column;align-items:flex-start}.user-info[data-v-0ad2681b]{width:100%;justify-content:space-between}}