*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#213547;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}a{color:#2196f3;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .2s}a:hover{color:#1976d2}body{min-width:320px;min-height:100vh;margin:0}#app{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#2c3e50;margin:0;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}button{cursor:pointer;border:none;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .2s}button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}@media (hover:none) and (pointer:coarse){button{padding:.8em 1.4em}}@media (max-width:768px){html{font-size:15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}#app{min-height:100vh}.app-container{width:100%;min-height:100vh;overflow-x:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width:768px){.app-container{width:100%}}body{-webkit-overflow-scrolling:touch}@media (max-width:768px){:root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.login-container[data-v-893ad401]{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form[data-v-893ad401]{background-color:#fff;border-radius:10px;width:100%;max-width:400px;padding:30px;box-shadow:0 2px 10px #0000001a}h2[data-v-893ad401]{color:#333;margin-bottom:10px;font-size:24px}h3[data-v-893ad401]{color:#666;margin-bottom:20px;font-size:18px}.form-group[data-v-893ad401]{margin-bottom:20px}label[data-v-893ad401]{color:#333;margin-bottom:5px;font-weight:500;display:block}input[data-v-893ad401]{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:16px}input[data-v-893ad401]:focus{border-color:#4caf50;outline:none}button[data-v-893ad401]{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;width:100%;padding:12px;font-size:16px;transition:background-color .3s}button[data-v-893ad401]:hover:not(:disabled){background-color:#45a049}button[data-v-893ad401]:disabled{cursor:not-allowed;background-color:#ccc}.error-message[data-v-893ad401]{color:#f44336;text-align:center;margin-top:15px}.login-tips[data-v-893ad401]{background-color:#f9f9f9;border-left:3px solid #4caf50;border-radius:5px;margin-top:20px;padding:15px}.login-tips p[data-v-893ad401]{color:#666;margin:5px 0;font-size:14px}@media (max-width:768px){.login-container[data-v-893ad401]{padding:15px}.login-form[data-v-893ad401]{border-radius:8px;max-width:100%;padding:20px}h2[data-v-893ad401]{text-align:center;font-size:20px}h3[data-v-893ad401]{text-align:center;font-size:16px}.form-group[data-v-893ad401]{margin-bottom:15px}input[data-v-893ad401]{padding:12px;font-size:16px;line-height:1.5}button[data-v-893ad401]{padding:14px;font-size:16px}.error-message[data-v-893ad401]{padding:10px;font-size:14px}}@media (max-width:375px){.login-container[data-v-893ad401]{justify-content:flex-start;min-height:100vh;padding:20px 10px 10px}.login-form[data-v-893ad401]{border-radius:6px;padding:15px}h2[data-v-893ad401]{font-size:18px}h3[data-v-893ad401]{font-size:15px}.form-group[data-v-893ad401]{margin-bottom:12px}input[data-v-893ad401]{height:48px;padding:14px;font-size:16px}button[data-v-893ad401]{height:50px;padding:16px;font-size:16px}.login-tips[data-v-893ad401]{margin-top:15px;padding:12px}.login-tips p[data-v-893ad401]{font-size:13px;line-height:1.4}.error-message[data-v-893ad401]{padding:8px;font-size:13px}}@media (min-width:769px) and (max-width:1024px){.login-form[data-v-893ad401]{max-width:500px;padding:25px}}.product-list-container[data-v-adc513c4]{background-color:#f8f9fa;min-height:100vh}.header[data-v-adc513c4]{color:#fff;z-index:100;background-color:#4caf50;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header h1[data-v-adc513c4]{margin:0;font-size:24px}.header-actions[data-v-adc513c4]{align-items:center;gap:10px;display:flex}.user-info[data-v-adc513c4]{font-size:14px}.admin-btn[data-v-adc513c4],.logout-btn[data-v-adc513c4],.login-btn[data-v-adc513c4]{cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:14px;text-decoration:none;transition:background-color .3s}.admin-btn[data-v-adc513c4]{color:#fff;background-color:#2196f3}.admin-btn[data-v-adc513c4]:hover{background-color:#1976d2}.logout-btn[data-v-adc513c4]{color:#fff;background-color:#f44336}.logout-btn[data-v-adc513c4]:hover{background-color:#d32f2f}.login-btn[data-v-adc513c4]{color:#4caf50;background-color:#fff;border:1px solid #fff}.login-btn[data-v-adc513c4]:hover{background-color:#f5f5f5}.product-list[data-v-adc513c4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.product-card[data-v-adc513c4]{background-color:#fff;border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card[data-v-adc513c4]:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.product-image[data-v-adc513c4]{height:200px;overflow:hidden}.product-image img[data-v-adc513c4]{object-fit:cover;width:100%;height:100%}.product-info[data-v-adc513c4]{padding:15px}.product-name[data-v-adc513c4]{color:#333;margin:0 0 10px;font-size:18px}.product-price[data-v-adc513c4]{color:#f44336;margin:0 0 10px;font-size:20px;font-weight:700}.product-stock[data-v-adc513c4]{color:#666;margin:0 0 10px;font-size:14px}.low-stock[data-v-adc513c4]{color:#f44336}.product-description[data-v-adc513c4]{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.empty-state[data-v-adc513c4],.loading-state[data-v-adc513c4],.error-state[data-v-adc513c4]{text-align:center;color:#666;padding:40px 20px}.error-state button[data-v-adc513c4]{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin-top:15px;padding:8px 16px}.error-state button[data-v-adc513c4]:hover{background-color:#45a049}@media (max-width:768px){.header[data-v-adc513c4]{text-align:center;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 15px}.header h1[data-v-adc513c4]{width:100%;font-size:20px}.header-actions[data-v-adc513c4]{flex-wrap:wrap;justify-content:space-between;width:100%}.admin-btn[data-v-adc513c4],.logout-btn[data-v-adc513c4],.login-btn[data-v-adc513c4]{flex:1;min-width:80px;padding:6px 12px;font-size:13px}.user-info[data-v-adc513c4]{text-align:center;width:100%;margin-bottom:5px;margin-right:0;font-size:12px}.product-list[data-v-adc513c4]{grid-template-columns:1fr;gap:15px;padding:15px}.product-card[data-v-adc513c4]{max-width:100%}.product-image[data-v-adc513c4]{height:180px}.product-info[data-v-adc513c4]{padding:12px}.product-name[data-v-adc513c4]{font-size:16px}.product-price[data-v-adc513c4]{font-size:18px}.product-stock[data-v-adc513c4],.product-description[data-v-adc513c4]{font-size:13px}.loading-state[data-v-adc513c4],.error-state[data-v-adc513c4],.empty-state[data-v-adc513c4]{padding:30px 15px}}@media (max-width:375px){.header h1[data-v-adc513c4]{font-size:18px}.header-actions[data-v-adc513c4]{flex-direction:column;gap:8px}.admin-btn[data-v-adc513c4],.logout-btn[data-v-adc513c4],.login-btn[data-v-adc513c4]{padding:8px 16px;font-size:14px}.product-list[data-v-adc513c4]{gap:12px;padding:10px}.product-image[data-v-adc513c4]{height:160px}.product-name[data-v-adc513c4]{font-size:15px}.product-price[data-v-adc513c4]{font-size:17px}}@media (min-width:769px) and (max-width:1024px){.product-list[data-v-adc513c4]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.product-image[data-v-adc513c4]{height:190px}}.admin-container[data-v-fae01c71]{background-color:#f5f5f5;flex-direction:column;width:100%;min-height:100vh;display:flex}.admin-header[data-v-fae01c71]{color:#fff;background-color:#333;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.admin-header h1[data-v-fae01c71]{margin:0;font-size:24px}.logout-btn[data-v-fae01c71]{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:5px;padding:8px 16px}.logout-btn[data-v-fae01c71]:hover{background-color:#d32f2f}.admin-main[data-v-fae01c71]{flex:1;display:flex}.admin-sidebar[data-v-fae01c71]{background-color:#2c3e50;width:200px;padding:20px 0}.admin-sidebar ul[data-v-fae01c71]{margin:0;padding:0;list-style:none}.admin-sidebar li[data-v-fae01c71]{padding:0}.admin-sidebar a[data-v-fae01c71]{color:#fff;padding:12px 20px;text-decoration:none;transition:background-color .3s;display:block}.admin-sidebar a[data-v-fae01c71]:hover,.admin-sidebar li.active a[data-v-fae01c71]{background-color:#34495e}.admin-content[data-v-fae01c71]{background-color:#ecf0f1;flex:1;padding:20px}.content-header[data-v-fae01c71]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.content-header h2[data-v-fae01c71]{color:#2c3e50;margin:0}.add-btn[data-v-fae01c71]{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:5px;padding:10px 20px}.add-btn[data-v-fae01c71]:hover{background-color:#2ecc71}.product-table-container[data-v-fae01c71]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.product-table[data-v-fae01c71]{border-collapse:collapse;width:100%}.product-table th[data-v-fae01c71],.product-table td[data-v-fae01c71]{text-align:left;border-bottom:1px solid #ddd;padding:12px 15px}.product-table th[data-v-fae01c71]{color:#495057;background-color:#f8f9fa;font-weight:700}.product-table tr[data-v-fae01c71]:hover{background-color:#f8f9fa}.edit-btn[data-v-fae01c71],.delete-btn[data-v-fae01c71]{cursor:pointer;border:none;border-radius:4px;margin-right:5px;padding:6px 12px;font-size:14px}.edit-btn[data-v-fae01c71]{color:#fff;background-color:#2196f3}.edit-btn[data-v-fae01c71]:hover{background-color:#1976d2}.delete-btn[data-v-fae01c71]{color:#fff;background-color:#f44336}.delete-btn[data-v-fae01c71]:hover{background-color:#d32f2f}.empty-state[data-v-fae01c71]{text-align:center;color:#666;padding:40px}.modal[data-v-fae01c71]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-fae01c71]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.modal-header[data-v-fae01c71]{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3[data-v-fae01c71]{color:#2c3e50;margin:0}.close-btn[data-v-fae01c71]{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px}.close-btn[data-v-fae01c71]:hover{color:#333}.modal-body[data-v-fae01c71]{padding:20px}.form-group[data-v-fae01c71]{margin-bottom:20px}.form-group label[data-v-fae01c71]{color:#495057;margin-bottom:5px;font-weight:500;display:block}.form-group input[data-v-fae01c71],.form-group textarea[data-v-fae01c71]{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:16px}.form-group input[data-v-fae01c71]:focus,.form-group textarea[data-v-fae01c71]:focus{border-color:#2196f3;outline:none}.image-upload-container[data-v-fae01c71]{margin-top:10px}.upload-area[data-v-fae01c71]{text-align:center;cursor:pointer;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;min-height:150px;padding:20px;transition:all .3s;display:flex;position:relative}.upload-area[data-v-fae01c71]:hover:not(.disabled){background-color:#f8f9fa;border-color:#2196f3}.upload-area.disabled[data-v-fae01c71]{cursor:not-allowed;opacity:.6}.upload-placeholder[data-v-fae01c71]{color:#666}.upload-icon[data-v-fae01c71]{margin-bottom:10px;font-size:36px;display:block}.upload-placeholder span[data-v-fae01c71]{margin-bottom:5px;font-weight:500;display:block}.upload-placeholder small[data-v-fae01c71]{color:#999;font-size:12px}.image-preview[data-v-fae01c71]{max-width:100%;max-height:200px;position:relative}.image-preview img[data-v-fae01c71]{object-fit:contain;border-radius:4px;max-width:100%;max-height:200px}.remove-image-btn[data-v-fae01c71]{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 4px #0003}.remove-image-btn[data-v-fae01c71]:hover{background-color:#d32f2f}.upload-progress[data-v-fae01c71]{color:#fff;background-color:#000000b3;border-radius:0 0 8px 8px;padding:10px;font-size:14px;position:absolute;bottom:0;left:0;right:0}.progress-bar[data-v-fae01c71]{background-color:#ffffff4d;border-radius:2px;width:100%;height:4px;margin-bottom:5px;overflow:hidden}.progress-bar[data-v-fae01c71]:after{content:"";background-color:#2196f3;width:100%;height:100%;animation:1.5s ease-in-out infinite progress-fae01c71;display:block}@keyframes progress-fae01c71{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-footer[data-v-fae01c71]{border-top:1px solid #ddd;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.cancel-btn[data-v-fae01c71],.save-btn[data-v-fae01c71]{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:16px}.cancel-btn[data-v-fae01c71]{color:#fff;background-color:#6c757d}.cancel-btn[data-v-fae01c71]:hover{background-color:#5a6268}.save-btn[data-v-fae01c71]{color:#fff;background-color:#28a745}.save-btn[data-v-fae01c71]:hover:not(:disabled){background-color:#218838}.save-btn[data-v-fae01c71]:disabled{cursor:not-allowed;background-color:#ccc}@media (max-width:768px){.admin-main[data-v-fae01c71]{flex-direction:column}.admin-sidebar[data-v-fae01c71]{width:100%;padding:10px 0}.admin-sidebar ul[data-v-fae01c71]{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.admin-sidebar li[data-v-fae01c71]{flex-shrink:0}.admin-sidebar a[data-v-fae01c71]{white-space:nowrap;padding:8px 15px;font-size:14px}.admin-content[data-v-fae01c71]{padding:15px}.content-header[data-v-fae01c71]{flex-direction:column;align-items:stretch;gap:15px}.content-header h2[data-v-fae01c71]{font-size:18px}.product-table-container[data-v-fae01c71]{-webkit-overflow-scrolling:touch;border-radius:8px;position:relative;overflow-x:auto}.product-table[data-v-fae01c71]{min-width:600px;font-size:14px}.product-table th[data-v-fae01c71],.product-table td[data-v-fae01c71]{white-space:nowrap;padding:8px 10px}.edit-btn[data-v-fae01c71],.delete-btn[data-v-fae01c71]{margin-right:3px;padding:4px 8px;font-size:12px}.modal-content[data-v-fae01c71]{width:95%;max-height:90vh;margin:20px;overflow-y:auto}.modal-header[data-v-fae01c71],.modal-body[data-v-fae01c71],.modal-footer[data-v-fae01c71]{padding:15px}}@media (max-width:375px){.admin-header[data-v-fae01c71]{text-align:center;flex-direction:column;gap:10px;padding:12px 15px}.admin-header h1[data-v-fae01c71]{font-size:18px}.logout-btn[data-v-fae01c71]{width:100%;padding:8px 16px}.admin-content[data-v-fae01c71]{padding:10px}.content-header h2[data-v-fae01c71]{font-size:16px}.add-btn[data-v-fae01c71]{padding:8px 16px}.product-table[data-v-fae01c71]{min-width:500px;font-size:13px}.product-table th[data-v-fae01c71],.product-table td[data-v-fae01c71]{padding:6px 8px;font-size:12px}.edit-btn[data-v-fae01c71],.delete-btn[data-v-fae01c71]{margin-right:2px;padding:3px 6px;font-size:11px}.modal-content[data-v-fae01c71]{width:98%;margin:10px}.form-group input[data-v-fae01c71],.form-group textarea[data-v-fae01c71]{padding:12px;font-size:16px}}@media (min-width:769px) and (max-width:1024px){.admin-sidebar[data-v-fae01c71]{width:180px}.admin-sidebar a[data-v-fae01c71]{padding:10px 15px;font-size:14px}.admin-content[data-v-fae01c71]{padding:15px}}