.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}}.stat-widget[data-v-f55c1b57]{padding:20px;background:linear-gradient(135deg,#f0edccf2,#f0edcce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.5);border-radius:12px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000004d,0 0 0 1px #f0edcc33;transition:transform .2s ease,box-shadow .2s ease}.stat-widget[data-v-f55c1b57]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-header[data-v-f55c1b57]{display:flex;align-items:center;gap:10px;margin-bottom:16px}.stat-icon[data-v-f55c1b57]{font-size:24px;line-height:1}.stat-title[data-v-f55c1b57]{font-size:14px;font-weight:600;color:var(--primary-dark);margin:0}.stat-content[data-v-f55c1b57]{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-value[data-v-f55c1b57]{font-size:42px;font-weight:700;color:var(--primary-dark);line-height:1.2;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-change[data-v-f55c1b57]{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;margin-bottom:4px}.stat-change.positive[data-v-f55c1b57]{color:#4caf50}.stat-change.negative[data-v-f55c1b57]{color:#f44336}.change-icon[data-v-f55c1b57]{font-size:16px}.stat-subtitle[data-v-f55c1b57]{font-size:12px;color:var(--primary-dark);opacity:.8;margin-top:4px;font-weight:500}.device-list-widget[data-v-4219113d]{padding:20px;background:linear-gradient(135deg,#f0edccf2,#f0edcce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.5);border-radius:12px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000004d,0 0 0 1px #f0edcc33;transition:transform .2s ease,box-shadow .2s ease}.device-list-widget[data-v-4219113d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.widget-header[data-v-4219113d]{margin-bottom:16px}.widget-title[data-v-4219113d]{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.widget-content[data-v-4219113d]{flex:1;display:flex;flex-direction:column}.empty-message[data-v-4219113d]{color:var(--primary-dark);opacity:.8;text-align:center;padding:20px 0;font-weight:500}.device-list[data-v-4219113d]{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:300px;padding-right:4px}.device-item[data-v-4219113d]{padding:12px;background:#02343f0d;border-radius:8px;border:1px solid rgba(2,52,63,.15);transition:background .2s,border-color .2s}.device-item[data-v-4219113d]:hover{background:#02343f1a;border-color:#02343f40}.device-info[data-v-4219113d]{display:flex;align-items:center;gap:6px;margin-bottom:4px}.warning-badge[data-v-4219113d]{font-size:14px}.device-name[data-v-4219113d]{font-size:14px;font-weight:600;color:var(--primary-dark);text-shadow:0 1px 1px rgba(0,0,0,.05)}.device-meta[data-v-4219113d]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--primary-dark);opacity:.85}.device-type[data-v-4219113d]{padding:3px 8px;background:#02343f26;border-radius:4px;font-weight:500;color:var(--primary-dark)}.device-time[data-v-4219113d]{font-size:11px}.view-more[data-v-4219113d]{margin-top:12px;padding:10px;text-align:center;color:var(--primary-dark);font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;background:#02343f1a;border:1px solid rgba(2,52,63,.2);transition:all .2s}.view-more[data-v-4219113d]:hover{background:#02343f33;border-color:#02343f4d;transform:translateY(-1px)}.device-list[data-v-4219113d]::-webkit-scrollbar{width:6px}.device-list[data-v-4219113d]::-webkit-scrollbar-track{background:#f0edcc1a;border-radius:3px}.device-list[data-v-4219113d]::-webkit-scrollbar-thumb{background:#f0edcc4d;border-radius:3px}.device-list[data-v-4219113d]::-webkit-scrollbar-thumb:hover{background:#f0edcc80}.device-chart-widget[data-v-4b0cdae4]{padding:20px;background:linear-gradient(135deg,#f0edccf2,#f0edcce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.5);border-radius:12px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000004d,0 0 0 1px #f0edcc33;transition:transform .2s ease,box-shadow .2s ease}.device-chart-widget[data-v-4b0cdae4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.widget-header[data-v-4b0cdae4]{margin-bottom:16px}.widget-title[data-v-4b0cdae4]{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chart-container[data-v-4b0cdae4]{flex:1;position:relative;min-height:200px;max-height:300px;width:100%}.chart-container canvas[data-v-4b0cdae4]{width:100%!important;height:100%!important}.chart-center-text[data-v-4b0cdae4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.center-percentage[data-v-4b0cdae4]{font-size:32px;font-weight:700;color:var(--primary-dark);line-height:1;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.center-label[data-v-4b0cdae4]{font-size:14px;font-weight:500;color:var(--primary-dark);opacity:.7}.chart-legend[data-v-4b0cdae4]{display:flex;justify-content:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(2,52,63,.1)}.legend-item[data-v-4b0cdae4]{display:flex;align-items:center;gap:8px}.legend-color[data-v-4b0cdae4]{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-label[data-v-4b0cdae4]{font-size:13px;font-weight:500;color:var(--primary-dark)}.device-type-chart-widget[data-v-d3a5a603]{padding:20px;background:linear-gradient(135deg,#f0edccf2,#f0edcce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.5);border-radius:12px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000004d,0 0 0 1px #f0edcc33;transition:transform .2s ease,box-shadow .2s ease}.device-type-chart-widget[data-v-d3a5a603]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.widget-header[data-v-d3a5a603]{margin-bottom:16px}.widget-title[data-v-d3a5a603]{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chart-container[data-v-d3a5a603]{flex:1;position:relative;min-height:200px;max-height:300px;width:100%}.chart-container canvas[data-v-d3a5a603]{width:100%!important;height:100%!important}.favorite-device-widget[data-v-ee2b4e32]{padding:20px;background:linear-gradient(135deg,#f0edccf2,#f0edcce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.5);border-radius:12px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000004d,0 0 0 1px #f0edcc33;transition:transform .2s ease,box-shadow .2s ease}.favorite-device-widget[data-v-ee2b4e32]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.widget-header[data-v-ee2b4e32]{margin-bottom:16px}.widget-title[data-v-ee2b4e32]{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.empty-message[data-v-ee2b4e32]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);opacity:.7;text-align:center;padding:20px 0}.favorite-devices-list[data-v-ee2b4e32]{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:600px}.favorite-device-item[data-v-ee2b4e32]{padding:16px;background:#f0edcc26;border-radius:8px;border:1px solid rgba(240,237,204,.25);transition:all .2s ease}.favorite-device-item[data-v-ee2b4e32]:hover{background:#f0edcc40;transform:translate(4px);box-shadow:-4px 0 8px #f0edcc33}.device-header[data-v-ee2b4e32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.device-name[data-v-ee2b4e32]{font-size:16px;font-weight:700;color:var(--primary-dark);margin:0}.device-type-badge[data-v-ee2b4e32]{padding:4px 10px;background:#f0edcc4d;border-radius:12px;font-size:11px;font-weight:600;color:var(--primary-dark);text-transform:uppercase}.device-status[data-v-ee2b4e32]{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.status-item[data-v-ee2b4e32]{display:flex;align-items:center;gap:8px;font-size:13px}.status-label[data-v-ee2b4e32]{color:var(--primary-dark);opacity:.7;font-weight:500}.status-value[data-v-ee2b4e32]{color:var(--primary-dark);font-weight:600}.status-value.active[data-v-ee2b4e32]{color:#4caf50}.status-value.inactive[data-v-ee2b4e32]{color:#9e9e9e}.temperature-humidity-chart[data-v-ee2b4e32]{height:150px;position:relative;margin-top:8px}.temperature-humidity-values[data-v-ee2b4e32]{display:flex;flex-direction:column;gap:8px;margin-top:8px}.value-item[data-v-ee2b4e32]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f0edcc33;border-radius:6px}.value-label[data-v-ee2b4e32]{font-size:13px;font-weight:500;color:var(--primary-dark)}.value-number[data-v-ee2b4e32]{font-size:16px;font-weight:700;color:var(--primary-dark)}.favorite-devices-list[data-v-ee2b4e32]::-webkit-scrollbar{width:6px}.favorite-devices-list[data-v-ee2b4e32]::-webkit-scrollbar-track{background:#f0edcc26;border-radius:3px}.favorite-devices-list[data-v-ee2b4e32]::-webkit-scrollbar-thumb{background:#f0edcc66;border-radius:3px}.favorite-devices-list[data-v-ee2b4e32]::-webkit-scrollbar-thumb:hover{background:#f0edcc99}@media (max-width: 480px){.widget-title[data-v-ee2b4e32]{font-size:16px}.device-name[data-v-ee2b4e32]{font-size:14px}.temperature-humidity-chart[data-v-ee2b4e32]{height:120px}}.info-view[data-v-c8860ef7]{padding:10px;min-height:100vh;background-color:var(--primary-dark)}.loading-container[data-v-c8860ef7],.empty-container[data-v-c8860ef7]{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--primary-light);font-size:1.2rem}.dashboard-grid[data-v-c8860ef7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 0}.dashboard-card[data-v-c8860ef7]{height:100%;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card[data-v-c8860ef7]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.warning-card[data-v-c8860ef7]{border-color:#f4433680;background:linear-gradient(135deg,#ffebeef2,#ffcdd2e6);box-shadow:0 4px 16px #f4433633,0 0 0 1px #f443364d}@media (min-width: 1024px){.dashboard-grid[data-v-c8860ef7]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-grid[data-v-c8860ef7]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.dashboard-grid[data-v-c8860ef7]{grid-template-columns:1fr}}.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}}.ctrl-npk-sensor[data-v-a88ac331]{display:flex;flex-direction:column;gap:12px}.control-row[data-v-a88ac331]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0}.control-label[data-v-a88ac331]{font-size:18px;font-weight:700;color:var(--primary-dark)}.control-image[data-v-a88ac331]{display:flex;justify-content:flex-end;width:50px;height:50px}.switch-image[data-v-a88ac331]{width:50px;height:50px;object-fit:contain;transition:transform .2s ease}.control-row:hover .switch-image[data-v-a88ac331]{transform:scale(1.1)}.sensor-data[data-v-a88ac331]{margin-top:12px;padding:12px;background:#f0edcc1a;border-radius:8px;border:1px solid rgba(240,237,204,.2);display:flex;flex-direction:column;gap:8px}.data-row[data-v-a88ac331]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.data-label[data-v-a88ac331]{font-size:14px;font-weight:500;color:var(--primary-dark);opacity:.8}.data-value[data-v-a88ac331]{font-size:14px;font-weight:600;color:var(--primary-dark)}.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-c315fb15]{margin-top:10px}.favorite-header[data-v-c315fb15]{margin-bottom:16px;display:flex;justify-content:flex-end}.favorite-button[data-v-c315fb15]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f0edcc33,#f0edcc26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--primary-dark);font-size:14px;font-weight:500}.favorite-button[data-v-c315fb15]:hover{background:linear-gradient(135deg,#f0edcc4d,#f0edcc40);border-color:#f0edcc80;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.favorite-button.is-favorite[data-v-c315fb15]{background:linear-gradient(135deg,#ffc1074d,#ffc10733);border-color:#ffc10780;color:#f57c00}.favorite-button.is-favorite[data-v-c315fb15]:hover{background:linear-gradient(135deg,#ffc10766,#ffc1074d);border-color:#ffc107b3}.star-icon[data-v-c315fb15]{width:20px;height:20px;transition:transform .2s ease}.favorite-button:hover .star-icon[data-v-c315fb15]{transform:scale(1.2) rotate(15deg)}.star-icon.filled[data-v-c315fb15]{color:#ff9800}.star-icon.outline[data-v-c315fb15]{color:var(--primary-dark);opacity:.7}.favorite-text[data-v-c315fb15]{-webkit-user-select:none;user-select:none}@media (max-width: 480px){.favorite-button[data-v-c315fb15]{padding:8px 12px;font-size:12px}.star-icon[data-v-c315fb15]{width:18px;height:18px}.favorite-text[data-v-c315fb15]{display:none}}.data-table-container[data-v-c315fb15]{overflow-x:auto;margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg,#f0edcc40,#f0edcc2e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.4);box-shadow:0 4px 16px #0000004d}.data-table[data-v-c315fb15]{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.data-table thead[data-v-c315fb15]{position:sticky;top:0;z-index:10}.data-table th[data-v-c315fb15]{background:linear-gradient(135deg,#f0edcc59,#f0edcc47);color:var(--primary-dark);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;text-align:left;border-bottom:2px solid rgba(2,52,63,.3);position:relative}.data-table th[data-v-c315fb15]:first-child{border-top-left-radius:12px}.data-table th[data-v-c315fb15]:last-child{border-top-right-radius:12px}.data-table th[data-v-c315fb15]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(2,52,63,.4),transparent)}.data-table tbody tr[data-v-c315fb15]{transition:all .2s ease;border-bottom:1px solid rgba(240,237,204,.2);background:#f0edcc1f}.data-table tbody tr[data-v-c315fb15]:nth-child(2n){background:#f0edcc2e}.data-table tbody tr[data-v-c315fb15]:hover{background:#f0edcc4d;transform:translate(4px);box-shadow:-4px 0 8px #f0edcc33}.data-table tbody tr:last-child td[data-v-c315fb15]:first-child{border-bottom-left-radius:12px}.data-table tbody tr:last-child td[data-v-c315fb15]:last-child{border-bottom-right-radius:12px}.data-table td[data-v-c315fb15]{padding:14px 16px;color:var(--primary-dark);font-size:14px;line-height:1.5}.data-table td[data-v-c315fb15]:first-child{font-weight:600;color:var(--primary-dark);width:40%;min-width:120px}.data-table td[data-v-c315fb15]:last-child{font-weight:500;color:var(--primary-dark);word-break:break-word}.control-container[data-v-c315fb15]{background:linear-gradient(135deg,#f0edcc1f,#f0edcc0f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.2);border-radius:12px;padding:16px;margin-top:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0003}.remote-control[data-v-c315fb15]{cursor:pointer}.remote-control .switch-image[data-v-c315fb15]{width:50px;height:50px;object-fit:contain;cursor:pointer;transition:transform .2s ease}.remote-control .switch-image[data-v-c315fb15]:hover{transform:scale(1.1)}@media (max-width: 768px){.data-table-container[data-v-c315fb15]{border-radius:8px}.data-table th[data-v-c315fb15],.data-table td[data-v-c315fb15]{padding:10px 12px;font-size:13px}.data-table th[data-v-c315fb15]{font-size:11px}.data-table td[data-v-c315fb15]:first-child{width:35%;min-width:100px}}@media (max-width: 480px){.data-table th[data-v-c315fb15],.data-table td[data-v-c315fb15]{padding:8px 10px;font-size:12px}.data-table td[data-v-c315fb15]:first-child{width:30%;min-width:80px}}.iot-info-view[data-v-028fc2ec]{padding:10px;min-height:100vh;background-color:var(--primary-dark)}.loading-container[data-v-028fc2ec],.empty-container[data-v-028fc2ec]{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--primary-light);font-size:1.2rem}.devices-list[data-v-028fc2ec]{display:flex;flex-direction:column;gap:10px}.device-item[data-v-028fc2ec]{background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:15px;cursor:move;transition:all .3s;position:relative;touch-action:none}.device-item[data-v-028fc2ec]:hover{box-shadow:0 2px 8px #0003}.device-item.dragging[data-v-028fc2ec]{opacity:.5;transform:scale(.95)}.device-item.drag-over[data-v-028fc2ec]{border-color:#2196f3;border-width:2px;box-shadow:0 4px 12px #2196f34d}.device-item[data-v-028fc2ec]:before{content:"☰";position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;opacity:0;transition:opacity .2s}.device-item[data-v-028fc2ec]:hover:before{opacity:1}.device-header[data-v-028fc2ec]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%}.device-info[data-v-028fc2ec]{flex:1;display:flex;flex-direction:column;gap:4px}.device-name-row[data-v-028fc2ec]{display:flex;align-items:center;gap:6px}.warning-icon[data-v-028fc2ec]{font-size:18px;line-height:1}.device-name[data-v-028fc2ec]{font-size:18px;font-weight:700;color:#000;margin:0}.device-meta[data-v-028fc2ec]{display:flex;flex-direction:column;gap:2px}.device-id[data-v-028fc2ec]{font-size:14px;color:#666}.device-time[data-v-028fc2ec]{font-size:12px;color:#999}.device-actions[data-v-028fc2ec]{display:flex;align-items:center;gap:8px}.device-type[data-v-028fc2ec]{padding:4px 8px;background-color:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.expand-icon[data-v-028fc2ec]{font-size:14px;color:#666;cursor:pointer;padding:4px;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.expand-icon[data-v-028fc2ec]:hover{color:#333;transform:scale(1.2)}.information-card[data-v-d0e26cc2]{padding:16px;margin:0;background:linear-gradient(135deg,#f0edcc26,#f0edcc14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(240,237,204,.2);border-radius:12px;color:var(--primary-dark);height:100%;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000001a}.card-header[data-v-d0e26cc2]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title[data-v-d0e26cc2]{flex:1;font-size:18px;font-weight:700;color:#000;margin:0;text-decoration:none}.video-link[data-v-d0e26cc2]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity .2s}.video-link[data-v-d0e26cc2]:hover{opacity:.8}.youtube-icon[data-v-d0e26cc2]{width:32px;height:32px;object-fit:fill}.video-link-text[data-v-d0e26cc2]{margin-top:5px;color:red;font-size:12px}.divider[data-v-d0e26cc2]{height:1px;background:repeating-linear-gradient(to right,#000 0px,#000 4px,transparent 4px,transparent 8px);margin:10px 0}.card-content[data-v-d0e26cc2]{color:var(--primary-dark);font-size:15px;line-height:1.6;margin:0;text-align:left;white-space:pre-wrap;word-wrap:break-word;flex:1;overflow-y:auto;max-height:300px;padding-right:4px}.card-content[data-v-d0e26cc2]::-webkit-scrollbar{width:6px}.card-content[data-v-d0e26cc2]::-webkit-scrollbar-track{background:#f0edcc1a;border-radius:3px}.card-content[data-v-d0e26cc2]::-webkit-scrollbar-thumb{background:#f0edcc4d;border-radius:3px}.card-content[data-v-d0e26cc2]::-webkit-scrollbar-thumb:hover{background:#f0edcc80}@media (max-width: 768px){.card-header[data-v-d0e26cc2]{flex-direction:column;align-items:flex-start}.video-link[data-v-d0e26cc2]{align-self:flex-end}}.make-for-me-view[data-v-2dec2bf6]{padding:10px;min-height:100vh;background-color:var(--primary-dark)}.loading-container[data-v-2dec2bf6],.empty-container[data-v-2dec2bf6]{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--primary-light);font-size:1.2rem}.promotions-grid[data-v-2dec2bf6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 0}.promotion-card[data-v-2dec2bf6]{height:100%;transition:transform .2s ease,box-shadow .2s ease}.promotion-card[data-v-2dec2bf6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (min-width: 1024px){.promotions-grid[data-v-2dec2bf6]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.promotions-grid[data-v-2dec2bf6]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.promotions-grid[data-v-2dec2bf6]{grid-template-columns:1fr}}.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-83c40a5f]{display:flex;flex-direction:column;height:100vh;background-color:var(--primary-dark)}.tab-content[data-v-83c40a5f]{flex:1;overflow-y:auto;padding-bottom:60px}.tab-bar[data-v-83c40a5f]{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-83c40a5f]{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-83c40a5f]:hover{background-color:#f0edcc1a;color:var(--primary-light)}.tab-item.active[data-v-83c40a5f]{color:var(--primary-light);background-color:#f0edcc26}.tab-icon[data-v-83c40a5f]{font-size:1.5rem;margin-bottom:.25rem}.tab-label[data-v-83c40a5f]{font-size:.75rem;font-weight:500}@media (max-width: 768px){.tab-icon[data-v-83c40a5f]{font-size:1.25rem}.tab-label[data-v-83c40a5f]{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-0ab1f122]{padding:1rem;color:var(--primary-light);height:100%;overflow-y:auto}.header[data-v-0ab1f122]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.header h1[data-v-0ab1f122]{font-size:1.5rem;font-weight:700;color:var(--primary-light);flex:1}.form-container[data-v-0ab1f122]{background-color:#f0edcc0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(240,237,204,.1)}.product-form[data-v-0ab1f122]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-0ab1f122]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-0ab1f122]{font-size:.875rem;font-weight:500;color:var(--primary-light);opacity:.9}.form-input[data-v-0ab1f122]{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-0ab1f122]:focus{outline:none;border-color:var(--primary-light);background-color:#f0edcc26}.form-input[data-v-0ab1f122]::placeholder{color:var(--primary-light);opacity:.5}.form-actions[data-v-0ab1f122]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-0ab1f122]{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-0ab1f122]:disabled{opacity:.5;cursor:not-allowed}.btn-cancel[data-v-0ab1f122]{background-color:#f0edcc33;color:var(--primary-light)}.btn-cancel[data-v-0ab1f122]:hover:not(:disabled){background-color:#f0edcc4d}.btn-submit[data-v-0ab1f122]{background-color:var(--primary-light);color:var(--primary-dark)}.btn-submit[data-v-0ab1f122]:hover:not(:disabled){opacity:.9}.message[data-v-0ab1f122]{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-0ab1f122 .3s ease-out}.message.success[data-v-0ab1f122]{background-color:#4caf50;color:#fff}.message.error[data-v-0ab1f122]{background-color:#ff6b6b;color:#fff}@keyframes slideDown-0ab1f122{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}}