.home[data-v-078e9b6a]{max-width:1200px;margin:0 auto}.hero[data-v-078e9b6a]{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#02343f,#02343fe6);color:#f0edcc;border-radius:12px;margin-bottom:3rem;border:2px solid rgba(240,237,204,.3);box-shadow:0 4px 12px #0000004d}.hero h1[data-v-078e9b6a]{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero p[data-v-078e9b6a]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button[data-v-078e9b6a]{background-color:#f0edcc;color:#02343f;border:2px solid #F0EDCC;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.cta-button[data-v-078e9b6a]:hover{background-color:transparent;color:#f0edcc;transform:translateY(-2px);box-shadow:0 4px 12px #f0edcc4d}.features[data-v-078e9b6a]{padding:2rem}.features h2[data-v-078e9b6a]{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#f0edcc}.feature-grid[data-v-078e9b6a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-078e9b6a]{background:#f0edcc;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0003;text-align:center;transition:all .3s ease;border:2px solid rgba(240,237,204,.5)}.feature-card[data-v-078e9b6a]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;border-color:#f0edcc}.feature-card h3[data-v-078e9b6a]{font-size:1.5rem;margin-bottom:1rem;color:#02343f}.feature-card p[data-v-078e9b6a]{color:#02343f;line-height:1.6;opacity:.8}.about[data-v-b45b519b]{max-width:1000px;margin:0 auto;padding:2rem}.about-content h1[data-v-b45b519b]{font-size:3rem;color:#f0edcc;text-align:center;margin-bottom:2rem}.intro[data-v-b45b519b]{font-size:1.2rem;text-align:center;color:#f0edcc;margin-bottom:3rem;line-height:1.6;opacity:.9}.tech-stack[data-v-b45b519b]{margin-bottom:3rem}.tech-stack h2[data-v-b45b519b]{font-size:2rem;color:#f0edcc;text-align:center;margin-bottom:2rem}.tech-grid[data-v-b45b519b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tech-item[data-v-b45b519b]{background:#f0edcc;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0003;text-align:center;border:2px solid rgba(240,237,204,.5);transition:all .3s ease}.tech-item[data-v-b45b519b]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000004d}.tech-item h3[data-v-b45b519b]{color:#02343f;margin-bottom:.5rem}.tech-item p[data-v-b45b519b]{color:#02343f;font-size:.9rem;opacity:.8}.features-list[data-v-b45b519b]{background:#f0edcc1a;padding:2rem;border-radius:12px;border:2px solid rgba(240,237,204,.2)}.features-list h2[data-v-b45b519b]{font-size:2rem;color:#f0edcc;text-align:center;margin-bottom:1.5rem}.features-list ul[data-v-b45b519b]{list-style:none;padding:0}.features-list li[data-v-b45b519b]{padding:.5rem 0;font-size:1.1rem;color:#f0edcc;border-bottom:1px solid rgba(240,237,204,.1)}.features-list li[data-v-b45b519b]:last-child{border-bottom:none}.login-container[data-v-1c46545d]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.login-container[data-v-1c46545d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#02343fb3;z-index:0}.login-container[data-v-1c46545d]>*{position:relative;z-index:1}.login-card[data-v-1c46545d]{background-color:#f0edcc1a;border:2px solid rgba(240,237,204,.3);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 12px #0000004d}.logo-container[data-v-1c46545d]{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.logo-image[data-v-1c46545d]{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain}.login-title[data-v-1c46545d]{text-align:center;color:var(--primary-light);font-size:2rem;margin-bottom:2rem;font-weight:700}.login-form[data-v-1c46545d]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-1c46545d]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-1c46545d]{color:var(--primary-light);font-size:1rem;font-weight:500}.form-input[data-v-1c46545d]{padding:.75rem;border:2px solid rgba(240,237,204,.3);border-radius:8px;background-color:#f0edcc1a;color:var(--primary-light);font-size:1rem;transition:all .3s}.form-input[data-v-1c46545d]:focus{outline:none;border-color:var(--primary-light);background-color:#f0edcc26}.form-input[data-v-1c46545d]::placeholder{color:#f0edcc80}.checkbox-group[data-v-1c46545d]{flex-direction:row;align-items:center}.checkbox-label[data-v-1c46545d]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--primary-light)}.checkbox-input[data-v-1c46545d]{width:18px;height:18px;cursor:pointer}.checkbox-text[data-v-1c46545d]{font-size:1rem}.login-button[data-v-1c46545d]{padding:.875rem;background-color:var(--primary-light);color:var(--primary-dark);border:2px solid var(--primary-light);border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.login-button[data-v-1c46545d]:hover:not(:disabled){background-color:transparent;color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #f0edcc4d}.login-button[data-v-1c46545d]:disabled{opacity:.6;cursor:not-allowed}.signup-link-container[data-v-1c46545d]{margin-top:3rem;text-align:center}.signup-link[data-v-1c46545d]{color:#4a90e2;text-decoration:underline;font-size:1rem;transition:color .3s}.signup-link[data-v-1c46545d]:hover{color:#6ba3e8}.dialog-overlay[data-v-1c46545d]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-1c46545d]{background-color:var(--primary-dark);border:2px solid var(--primary-light);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 12px #00000080}.dialog-title[data-v-1c46545d]{color:var(--primary-light);font-size:1.5rem;margin-bottom:1rem;font-weight:700}.dialog-content[data-v-1c46545d]{color:var(--primary-light);font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.dialog-button[data-v-1c46545d]{width:100%;padding:.75rem;background-color:var(--primary-light);color:var(--primary-dark);border:2px solid var(--primary-light);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.dialog-button[data-v-1c46545d]:hover{background-color:transparent;color:var(--primary-light)}@media (max-width: 768px){.login-card[data-v-1c46545d]{padding:2rem 1.5rem}.login-title[data-v-1c46545d]{font-size:1.5rem}}.signup-container[data-v-19dc3d74]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.signup-card[data-v-19dc3d74]{background-color:#f0edcc1a;border:2px solid rgba(240,237,204,.3);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 12px #0000004d;text-align:center}.signup-title[data-v-19dc3d74]{color:var(--primary-light);font-size:2rem;margin-bottom:1rem;font-weight:700}.signup-subtitle[data-v-19dc3d74]{color:var(--primary-light);font-size:1.2rem;margin-bottom:1rem}.signup-note[data-v-19dc3d74]{color:#f0edccb3;font-size:.9rem;margin-bottom:2rem}.back-link-container[data-v-19dc3d74]{margin-top:2rem}.back-link[data-v-19dc3d74]{color:#4a90e2;text-decoration:underline;font-size:1rem;transition:color .3s}.back-link[data-v-19dc3d74]:hover{color:#6ba3e8}@media (max-width: 768px){.signup-card[data-v-19dc3d74]{padding:2rem 1.5rem}.signup-title[data-v-19dc3d74]{font-size:1.5rem}}.information-card[data-v-ac92d97f]{padding:10px;margin:5px 0;background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#333}.card-header[data-v-ac92d97f]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title[data-v-ac92d97f]{flex:1;font-size:18px;font-weight:700;color:#000;margin:0;text-decoration:none}.video-link[data-v-ac92d97f]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity .2s}.video-link[data-v-ac92d97f]:hover{opacity:.8}.youtube-icon[data-v-ac92d97f]{width:32px;height:32px;object-fit:fill}.video-link-text[data-v-ac92d97f]{margin-top:5px;color:red;font-size:12px}.divider[data-v-ac92d97f]{height:1px;background:repeating-linear-gradient(to right,#000 0px,#000 4px,transparent 4px,transparent 8px);margin:10px 0}.card-content[data-v-ac92d97f]{color:#555;font-size:16px;line-height:1.5;margin:0;text-align:left;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.card-header[data-v-ac92d97f]{flex-direction:column;align-items:flex-start}.video-link[data-v-ac92d97f]{align-self:flex-end}}.info-view[data-v-26727bd1]{padding:10px;min-height:100vh;background-color:var(--primary-dark)}.loading-container[data-v-26727bd1],.empty-container[data-v-26727bd1]{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--primary-light);font-size:1.2rem}.promotions-list[data-v-26727bd1]{display:flex;flex-direction:column;gap:10px}.ctrl-pump[data-v-d0b01222]{cursor:pointer}.control-row[data-v-d0b01222]{display:flex;justify-content:space-between;align-items:center}.control-label[data-v-d0b01222]{font-size:18px;font-weight:700;color:#333}.control-image[data-v-d0b01222]{display:flex;justify-content:flex-end;width:50px;height:50px}.switch-image[data-v-d0b01222]{width:50px;height:50px;object-fit:contain}.ctrl-motor[data-v-2c14a210]{cursor:pointer}.control-row[data-v-2c14a210]{display:flex;justify-content:space-between;align-items:center}.control-label[data-v-2c14a210]{font-size:18px;font-weight:700;color:#333}.control-image[data-v-2c14a210]{display:flex;justify-content:flex-end;width:50px;height:50px}.motor-image[data-v-2c14a210],.switch-image[data-v-2c14a210]{width:50px;height:50px;object-fit:contain}.switch-image[data-v-2c14a210]{cursor:pointer}.ctrl-plastic-house[data-v-a35489a7]{display:flex;flex-direction:column;gap:10px}.control-row[data-v-a35489a7]{display:flex;justify-content:space-between;align-items:center}.control-label[data-v-a35489a7]{font-size:18px;font-weight:700;color:#333}.control-image[data-v-a35489a7]{display:flex;justify-content:flex-end;width:50px;height:50px;cursor:pointer}.switch-image[data-v-a35489a7]{width:50px;height:50px;object-fit:contain}.groups-container[data-v-a35489a7]{display:flex;justify-content:space-between;gap:20px;margin-top:10px}.group-control[data-v-a35489a7]{display:flex;flex-direction:column;align-items:center;gap:8px}.group-label[data-v-a35489a7]{font-size:15px;font-weight:700;color:#333}.group-buttons[data-v-a35489a7]{display:flex;flex-direction:column;gap:8px}.control-button[data-v-a35489a7]{padding:12px 32px;border-radius:16px;border:none;font-size:18px;font-weight:700;cursor:pointer;min-width:100px;min-height:48px;transition:all .3s;background-color:#ffffff80;color:#333}.control-button[data-v-a35489a7]:hover{opacity:.8}.control-button.active[data-v-a35489a7]{background-color:#007bff80;color:#fff}@media (max-width: 768px){.groups-container[data-v-a35489a7]{flex-direction:column;gap:15px}}.control-onoff[data-v-26c4ab7e]{cursor:pointer}.control-row[data-v-26c4ab7e]{display:flex;justify-content:space-between;align-items:center;gap:10px}.control-label[data-v-26c4ab7e]{font-size:18px;font-weight:700;color:#333}.timer-input-group[data-v-26c4ab7e]{display:flex;align-items:center;gap:5px}.timer-input[data-v-26c4ab7e]{width:60px;height:40px;text-align:center;border:1px solid #ddd;border-radius:4px;padding:5px;font-size:16px}.timer-unit[data-v-26c4ab7e]{font-size:16px;color:#333}.control-image[data-v-26c4ab7e]{display:flex;justify-content:flex-end;width:50px;height:50px}.switch-image[data-v-26c4ab7e]{width:50px;height:50px;object-fit:contain}.control-updown[data-v-49395e00]{display:flex;flex-direction:column;gap:8px}.control-header[data-v-49395e00]{display:flex;align-items:center}.control-label[data-v-49395e00]{font-size:18px;font-weight:700;color:#2196f3}.button-group[data-v-49395e00]{display:flex;justify-content:space-evenly;align-items:center;gap:10px}.icon-button[data-v-49395e00]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:#000;transition:all .2s;border-radius:4px}.icon-button[data-v-49395e00]:hover{background-color:#0000001a}.icon-button.active[data-v-49395e00]{color:#4caf50}.icon-button.active.stop[data-v-49395e00]{color:#f44336}.icon-button.active.down[data-v-49395e00]{color:#2196f3}.control-click[data-v-a2e1ffd3]{cursor:pointer}.control-row[data-v-a2e1ffd3]{display:flex;justify-content:space-between;align-items:center}.control-label[data-v-a2e1ffd3]{font-size:18px;font-weight:700;color:#333}.control-image[data-v-a2e1ffd3]{display:flex;justify-content:flex-end;width:50px;height:50px}.click-image[data-v-a2e1ffd3]{width:50px;height:50px;object-fit:contain}.control-still[data-v-e24546d7]{cursor:pointer;display:inline-block}.still-image[data-v-e24546d7]{width:50px;height:50px;object-fit:contain}.fullscreen-image-overlay[data-v-7d084494]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999}.fullscreen-image-container[data-v-7d084494]{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.close-button[data-v-7d084494]{position:absolute;top:10px;right:10px;width:40px;height:40px;border:none;background-color:#fffc;border-radius:50%;font-size:24px;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;color:#333}.close-button[data-v-7d084494]:hover{background-color:#fff}.reload-button[data-v-7d084494]{position:absolute;bottom:70px;right:30px;width:50px;height:50px;border:none;background-color:#2196f3;border-radius:50%;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000004d}.reload-button[data-v-7d084494]:hover{background-color:#1976d2}.fullscreen-image[data-v-7d084494]{max-width:100%;max-height:90vh;object-fit:contain}.loading[data-v-7d084494],.error[data-v-7d084494]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:20px}.spinner[data-v-7d084494]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-7d084494 1s linear infinite}@keyframes spin-7d084494{to{transform:rotate(360deg)}}.error button[data-v-7d084494]{padding:10px 20px;border:none;border-radius:4px;background-color:#2196f3;color:#fff;cursor:pointer;font-size:16px}.error button[data-v-7d084494]:hover{background-color:#1976d2}.iot-detail-info[data-v-94fccee7]{margin-top:10px}.data-table-container[data-v-94fccee7]{overflow-x:auto;margin-bottom:10px}.data-table[data-v-94fccee7]{width:100%;border-collapse:collapse;background-color:#fff}.data-table th[data-v-94fccee7],.data-table td[data-v-94fccee7]{padding:8px;text-align:left;border:1px solid #ddd}.data-table th[data-v-94fccee7]{background-color:#f5f5f5;font-weight:700;color:#333}.data-table td[data-v-94fccee7]{color:#333}.control-container[data-v-94fccee7]{background-color:#f5f5f5;border-radius:8px;padding:8px;margin-top:10px;display:flex;flex-direction:column;gap:10px}.remote-control[data-v-94fccee7]{cursor:pointer}.remote-control .switch-image[data-v-94fccee7]{width:50px;height:50px;object-fit:contain;cursor:pointer}.iot-info-view[data-v-9b6b1a97]{padding:10px;min-height:100vh;background-color:var(--primary-dark)}.loading-container[data-v-9b6b1a97],.empty-container[data-v-9b6b1a97]{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--primary-light);font-size:1.2rem}.devices-list[data-v-9b6b1a97]{display:flex;flex-direction:column;gap:10px}.device-item[data-v-9b6b1a97]{background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s}.device-item[data-v-9b6b1a97]:hover{box-shadow:0 2px 8px #0003}.device-header[data-v-9b6b1a97]{display:flex;align-items:center;gap:10px}.device-name[data-v-9b6b1a97]{flex:1;font-size:18px;font-weight:700;color:#000;margin:0}.device-type[data-v-9b6b1a97]{padding:4px 8px;background-color:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.expand-icon[data-v-9b6b1a97]{font-size:14px;color:#666}.make-for-me-view[data-v-65b73891]{padding:2rem;color:var(--primary-light)}.make-for-me-view h1[data-v-65b73891]{font-size:2rem;margin-bottom:1rem}.make-for-me-view p[data-v-65b73891]{font-size:1rem;opacity:.8}.user-info-view[data-v-8fa131bf]{padding:1rem;color:var(--primary-light);height:100%;overflow-y:auto}.menu-list[data-v-8fa131bf]{display:flex;flex-direction:column;gap:.5rem}.menu-item[data-v-8fa131bf]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f0edcc1a;border-radius:8px;cursor:pointer;transition:all .3s;border:1px solid rgba(240,237,204,.2)}.menu-item[data-v-8fa131bf]:hover{background-color:#f0edcc33;transform:translate(4px)}.menu-item.logout-item[data-v-8fa131bf]{margin-top:1rem;color:#ff6b6b;border-color:#ff6b6b4d}.menu-item.logout-item[data-v-8fa131bf]:hover{background-color:#ff6b6b1a}.menu-title[data-v-8fa131bf]{font-size:1rem;font-weight:500}.menu-icon[data-v-8fa131bf]{font-size:.875rem;opacity:.6}.dialog-overlay[data-v-8fa131bf]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-8fa131bf]{background-color:var(--primary-dark);border:1px solid rgba(240,237,204,.2);border-radius:12px;padding:2rem;min-width:300px;max-width:90%}.dialog-title[data-v-8fa131bf]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-light)}.dialog-message[data-v-8fa131bf]{font-size:1rem;margin-bottom:1.5rem;color:var(--primary-light);opacity:.9}.dialog-actions[data-v-8fa131bf]{display:flex;justify-content:flex-end;gap:1rem}.dialog-button[data-v-8fa131bf]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.dialog-button.cancel[data-v-8fa131bf]{background-color:#f0edcc33;color:var(--primary-light)}.dialog-button.cancel[data-v-8fa131bf]:hover{background-color:#f0edcc4d}.dialog-button.confirm[data-v-8fa131bf]{background-color:#ff6b6b;color:#fff}.dialog-button.confirm[data-v-8fa131bf]:hover{background-color:#ff5252}.hib-home[data-v-57dbc1d6]{display:flex;flex-direction:column;height:100vh;background-color:var(--primary-dark)}.tab-content[data-v-57dbc1d6]{flex:1;overflow-y:auto;padding-bottom:60px}.tab-bar[data-v-57dbc1d6]{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:var(--primary-dark);border-top:1px solid rgba(240,237,204,.2);z-index:100}.tab-item[data-v-57dbc1d6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#f0edcc99;cursor:pointer;transition:all .3s;min-height:60px}.tab-item[data-v-57dbc1d6]:hover{background-color:#f0edcc1a;color:var(--primary-light)}.tab-item.active[data-v-57dbc1d6]{color:var(--primary-light);background-color:#f0edcc26}.tab-icon[data-v-57dbc1d6]{font-size:1.5rem;margin-bottom:.25rem}.tab-label[data-v-57dbc1d6]{font-size:.75rem;font-weight:500}@media (max-width: 768px){.tab-icon[data-v-57dbc1d6]{font-size:1.25rem}.tab-label[data-v-57dbc1d6]{font-size:.7rem}}.back-button[data-v-e1bf4d61]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f0edcc1a;border:1px solid rgba(240,237,204,.2);border-radius:6px;color:var(--primary-light);font-size:1rem;cursor:pointer;transition:all .3s}.back-button[data-v-e1bf4d61]:hover{background-color:#f0edcc33;transform:translate(-2px)}.back-icon[data-v-e1bf4d61]{font-size:1.25rem;font-weight:700}.back-text[data-v-e1bf4d61]{font-weight:500}.user-detail-view[data-v-201a96d6]{padding:1rem;color:var(--primary-light);height:100%;overflow-y:auto}.header[data-v-201a96d6]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.header h1[data-v-201a96d6]{font-size:1.5rem;font-weight:700;color:var(--primary-light);flex:1}.form-container[data-v-201a96d6]{background-color:#f0edcc0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(240,237,204,.1)}.user-form[data-v-201a96d6]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-201a96d6]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-201a96d6]{font-size:.875rem;font-weight:500;color:var(--primary-light);opacity:.9}.form-input[data-v-201a96d6]{padding:.75rem;border:1px solid rgba(240,237,204,.2);border-radius:6px;background-color:#f0edcc1a;color:var(--primary-light);font-size:1rem;transition:all .3s}.form-input[data-v-201a96d6]:focus{outline:none;border-color:var(--primary-light);background-color:#f0edcc26}.form-input[data-v-201a96d6]:disabled{opacity:.5;cursor:not-allowed}.form-input[data-v-201a96d6]::placeholder{color:var(--primary-light);opacity:.5}.form-actions[data-v-201a96d6]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-201a96d6]{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn[data-v-201a96d6]:disabled{opacity:.5;cursor:not-allowed}.btn-cancel[data-v-201a96d6]{background-color:#f0edcc33;color:var(--primary-light)}.btn-cancel[data-v-201a96d6]:hover:not(:disabled){background-color:#f0edcc4d}.btn-submit[data-v-201a96d6]{background-color:var(--primary-light);color:var(--primary-dark)}.btn-submit[data-v-201a96d6]:hover:not(:disabled){opacity:.9}.message[data-v-201a96d6]{position:fixed;top:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;z-index:2000;animation:slideDown-201a96d6 .3s ease-out}.message.success[data-v-201a96d6]{background-color:#4caf50;color:#fff}.message.error[data-v-201a96d6]{background-color:#ff6b6b;color:#fff}@keyframes slideDown-201a96d6{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.product-add-view[data-v-187f3c3d]{padding:1rem;color:var(--primary-light);height:100%;overflow-y:auto}.header[data-v-187f3c3d]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.header h1[data-v-187f3c3d]{font-size:1.5rem;font-weight:700;color:var(--primary-light);flex:1}.form-container[data-v-187f3c3d]{background-color:#f0edcc0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(240,237,204,.1)}.product-form[data-v-187f3c3d]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-187f3c3d]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-187f3c3d]{font-size:.875rem;font-weight:500;color:var(--primary-light);opacity:.9}.form-input[data-v-187f3c3d]{padding:.75rem;border:1px solid rgba(240,237,204,.2);border-radius:6px;background-color:#f0edcc1a;color:var(--primary-light);font-size:1rem;transition:all .3s}.form-input[data-v-187f3c3d]:focus{outline:none;border-color:var(--primary-light);background-color:#f0edcc26}.form-input[data-v-187f3c3d]::placeholder{color:var(--primary-light);opacity:.5}.form-actions[data-v-187f3c3d]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-187f3c3d]{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn[data-v-187f3c3d]:disabled{opacity:.5;cursor:not-allowed}.btn-cancel[data-v-187f3c3d]{background-color:#f0edcc33;color:var(--primary-light)}.btn-cancel[data-v-187f3c3d]:hover:not(:disabled){background-color:#f0edcc4d}.btn-submit[data-v-187f3c3d]{background-color:var(--primary-light);color:var(--primary-dark)}.btn-submit[data-v-187f3c3d]:hover:not(:disabled){opacity:.9}.message[data-v-187f3c3d]{position:fixed;top:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;z-index:2000;animation:slideDown-187f3c3d .3s ease-out}.message.success[data-v-187f3c3d]{background-color:#4caf50;color:#fff}.message.error[data-v-187f3c3d]{background-color:#ff6b6b;color:#fff}@keyframes slideDown-187f3c3d{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.product-delete-view[data-v-f454f396]{padding:1rem;color:var(--primary-light);height:100%;overflow-y:auto}.header[data-v-f454f396]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.header h1[data-v-f454f396]{font-size:1.5rem;font-weight:700;color:var(--primary-light);flex:1}.loading-container[data-v-f454f396],.empty-container[data-v-f454f396]{text-align:center;padding:3rem 1rem;color:var(--primary-light);opacity:.7}.devices-list[data-v-f454f396]{display:flex;flex-direction:column;gap:1rem}.device-item[data-v-f454f396]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f0edcc1a;border-radius:8px;border:1px solid rgba(240,237,204,.2)}.device-info[data-v-f454f396]{flex:1}.device-name[data-v-f454f396]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-light)}.device-details[data-v-f454f396]{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;opacity:.8}.delete-button[data-v-f454f396]{padding:.75rem 1.5rem;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.delete-button[data-v-f454f396]:hover:not(:disabled){background-color:#ff5252}.delete-button[data-v-f454f396]:disabled{opacity:.5;cursor:not-allowed}.dialog-overlay[data-v-f454f396]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-f454f396]{background-color:var(--primary-dark);border:1px solid rgba(240,237,204,.2);border-radius:12px;padding:2rem;min-width:300px;max-width:90%}.dialog-title[data-v-f454f396]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-light)}.dialog-message[data-v-f454f396]{font-size:1rem;margin-bottom:1.5rem;color:var(--primary-light);opacity:.9}.dialog-actions[data-v-f454f396]{display:flex;justify-content:flex-end;gap:1rem}.dialog-button[data-v-f454f396]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.dialog-button[data-v-f454f396]:disabled{opacity:.5;cursor:not-allowed}.dialog-button.cancel[data-v-f454f396]{background-color:#f0edcc33;color:var(--primary-light)}.dialog-button.cancel[data-v-f454f396]:hover:not(:disabled){background-color:#f0edcc4d}.dialog-button.confirm[data-v-f454f396]{background-color:#ff6b6b;color:#fff}.dialog-button.confirm[data-v-f454f396]:hover:not(:disabled){background-color:#ff5252}.message[data-v-f454f396]{position:fixed;top:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;z-index:2000;animation:slideDown-f454f396 .3s ease-out}.message.success[data-v-f454f396]{background-color:#4caf50;color:#fff}.message.error[data-v-f454f396]{background-color:#ff6b6b;color:#fff}@keyframes slideDown-f454f396{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.navbar[data-v-3f89cdd0]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#02343f;color:#f0edcc;box-shadow:0 2px 8px #0000004d}.nav-brand h1[data-v-3f89cdd0]{margin:0;font-size:1.5rem}.nav-links[data-v-3f89cdd0]{display:flex;gap:1rem}.nav-link[data-v-3f89cdd0]{color:#f0edcc;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s}.nav-link[data-v-3f89cdd0]:hover,.nav-link.router-link-active[data-v-3f89cdd0]{background-color:#f0edcc33;color:#f0edcc}.main-content[data-v-3f89cdd0]{min-height:calc(100vh - 120px);padding:2rem}.main-content.full-height[data-v-3f89cdd0]{min-height:100vh;padding:0}.footer[data-v-3f89cdd0]{background-color:#02343f;color:#f0edcc;text-align:center;padding:1rem;margin-top:auto;border-top:1px solid rgba(240,237,204,.2)}:root{--primary-dark: #02343F;--primary-light: #F0EDCC;--primary-dark-rgba: rgba(2, 52, 63, .9);--primary-light-rgba-20: rgba(240, 237, 204, .2);--primary-light-rgba-30: rgba(240, 237, 204, .3);--primary-light-rgba-10: rgba(240, 237, 204, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--primary-light);background-color:var(--primary-dark)}#app{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.feature-grid,.tech-grid{grid-template-columns:1fr}}