:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100vw}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:#181a20;margin:0;padding:0}.login-container[data-v-6ae1fa88]{height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#181a20}.login-form[data-v-6ae1fa88]{background:#23272f;padding:40px 32px;border-radius:16px;box-shadow:0 2px 16px #0004;display:flex;flex-direction:column;align-items:center;min-width:320px;max-width:90vw}.login-logo[data-v-6ae1fa88]{height:48px;margin-bottom:16px}.login-form h2[data-v-6ae1fa88]{color:#fff;margin-bottom:24px;font-size:1.3rem;text-align:center}.input-group[data-v-6ae1fa88]{width:100%;margin-bottom:18px}.input-group label[data-v-6ae1fa88]{color:#bfff2f;font-size:1rem;margin-bottom:4px;display:block}.input-group input[data-v-6ae1fa88]{width:100%;padding:10px;border-radius:8px;border:none;background:#181a20;color:#fff;font-size:1rem;margin-top:2px;outline:none;box-shadow:0 1px 4px #0002}button[type=submit][data-v-6ae1fa88]{width:100%;padding:12px;background:#bfff2f;color:#23272f;font-weight:700;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;margin-top:8px;transition:background .2s}button[type=submit][data-v-6ae1fa88]:hover{background:#a0e626}.login-error[data-v-6ae1fa88]{color:#ff4d4f;margin-top:12px;font-size:.95rem}.navbar[data-v-d9efcdde]{background:#23272f;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;box-shadow:0 2px 8px #0002;position:relative;z-index:1000}.navbar-brand[data-v-d9efcdde]{display:flex;align-items:center;gap:12px}.navbar-logo[data-v-d9efcdde]{height:32px}.navbar-title[data-v-d9efcdde]{color:#fff;font-weight:700;font-size:1.1rem}.navbar-toggle[data-v-d9efcdde]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;gap:4px}.navbar-toggle span[data-v-d9efcdde]{width:25px;height:3px;background:#bfff2f;transition:.3s;border-radius:2px}.navbar-toggle.active span[data-v-d9efcdde]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active span[data-v-d9efcdde]:nth-child(2){opacity:0}.navbar-toggle.active span[data-v-d9efcdde]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-menu[data-v-d9efcdde]{display:flex;gap:8px;align-items:center}.navbar-item[data-v-d9efcdde]{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#ccc;text-decoration:none;border-radius:8px;transition:all .2s;border:none;background:none;cursor:pointer;font-size:1rem}.navbar-item[data-v-d9efcdde]:hover{background:#2c3038;color:#bfff2f}.navbar-item.router-link-active[data-v-d9efcdde]{background:#bfff2f;color:#23272f;font-weight:700}.logout-item[data-v-d9efcdde]{color:#ff6b6b}.logout-item[data-v-d9efcdde]:hover{background:#ff6b6b;color:#fff}@media (max-width: 768px){.navbar-toggle[data-v-d9efcdde]{display:flex}.navbar-menu[data-v-d9efcdde]{position:absolute;top:100%;left:0;right:0;background:#23272f;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 8px #0002}.navbar-menu.active[data-v-d9efcdde]{max-height:200px}.navbar-item[data-v-d9efcdde]{width:100%;padding:15px 20px;border-radius:0;justify-content:flex-start}.navbar-title[data-v-d9efcdde]{display:none}}@media (max-width: 480px){.navbar[data-v-d9efcdde]{padding:0 15px}.navbar-logo[data-v-d9efcdde]{height:28px}}.modal-overlay[data-v-b764f4b9]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-b764f4b9]{background:#2a2d36;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;color:#fff}.modal-header[data-v-b764f4b9]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a3d46}.modal-header h2[data-v-b764f4b9]{margin:0;color:#fff}.close-btn[data-v-b764f4b9]{background:none;border:none;color:#ccc;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-b764f4b9]:hover{color:#fff}.modal-body[data-v-b764f4b9]{padding:20px}.tabs[data-v-b764f4b9]{display:flex;gap:8px;margin-bottom:24px;background:#1a1d24;padding:6px;border-radius:12px}.tab-btn[data-v-b764f4b9]{flex:1;background:transparent;border:none;color:#999;padding:14px 24px;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:600;font-size:1rem;position:relative}.tab-btn.active[data-v-b764f4b9]{background:#bfff2f;color:#000;box-shadow:0 2px 8px #bfff2f4d}.tab-btn[data-v-b764f4b9]:hover:not(.active){color:#fff;background:#ffffff0d}.device-status-section[data-v-b764f4b9]{background:#bfff2f1a;padding:16px;border-radius:8px;border:1px solid #bfff2f;margin-bottom:20px}.status-header[data-v-b764f4b9]{display:flex;justify-content:space-between;align-items:center}.status-header h3[data-v-b764f4b9]{margin:0;color:#bfff2f}.device-toggle[data-v-b764f4b9]{display:flex;align-items:center;gap:12px}.switch[data-v-b764f4b9]{position:relative;display:inline-block;width:48px;height:24px}.switch input[data-v-b764f4b9]{opacity:0;width:0;height:0}.slider[data-v-b764f4b9]{position:absolute;cursor:pointer;inset:0;background-color:#333;border-radius:24px;transition:.4s}.switch input:checked+.slider[data-v-b764f4b9]{background-color:#bfff2f}.slider[data-v-b764f4b9]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.switch input:checked+.slider[data-v-b764f4b9]:before{transform:translate(24px)}.status-text[data-v-b764f4b9]{font-weight:700;color:#ff6b6b}.status-text.active[data-v-b764f4b9]{color:#bfff2f}.device-form[data-v-b764f4b9]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-b764f4b9]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label[data-v-b764f4b9]{color:#fff;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px}.form-group input[data-v-b764f4b9],.form-group select[data-v-b764f4b9],.form-group textarea[data-v-b764f4b9]{padding:8px 12px;border:1px solid #3a3d46;border-radius:4px;background:#1a1d24;color:#fff;font-size:14px}.form-group input[data-v-b764f4b9]:focus,.form-group select[data-v-b764f4b9]:focus,.form-group textarea[data-v-b764f4b9]:focus{outline:none;border-color:#bfff2f}.readonly-info[data-v-b764f4b9]{background:#1a1d24;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.info-item[data-v-b764f4b9]{display:flex;justify-content:space-between;align-items:center}.info-item label[data-v-b764f4b9]{color:#ccc;font-weight:700}.info-item span[data-v-b764f4b9]{color:#fff}.form-actions[data-v-b764f4b9]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn[data-v-b764f4b9]{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:700;transition:all .3s ease}.btn[data-v-b764f4b9]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-b764f4b9]{background:#bfff2f;color:#000}.btn-primary[data-v-b764f4b9]:hover:not(:disabled){background:#a8e826}.btn-danger[data-v-b764f4b9]{background:#ff6b6b;color:#fff}.btn-danger[data-v-b764f4b9]:hover:not(:disabled){background:#ff5252}.schedules-section h3[data-v-b764f4b9]{color:#bfff2f;margin-bottom:8px}.schedules-info[data-v-b764f4b9]{color:#ccc;margin-bottom:20px}.schedules-list[data-v-b764f4b9]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.schedule-item[data-v-b764f4b9]{background:#1a1d24;padding:16px;border-radius:12px;border:1px solid #3a3d46;position:relative;transition:all .3s ease}.schedule-item[data-v-b764f4b9]:hover{background:#242732;border-color:#4a4d56}.schedule-item.schedule-on[data-v-b764f4b9]{border-left:4px solid #4caf50}.schedule-item.schedule-off[data-v-b764f4b9]{border-left:4px solid #f44336}.schedule-header[data-v-b764f4b9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.schedule-time[data-v-b764f4b9]{display:flex;align-items:center;gap:8px}.time-icon[data-v-b764f4b9]{font-size:1.1rem}.time-text[data-v-b764f4b9]{font-size:1.2rem;font-weight:700;color:#fff}.schedule-action-badge[data-v-b764f4b9]{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.schedule-action-badge.on[data-v-b764f4b9]{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.schedule-action-badge.off[data-v-b764f4b9]{background:#f4433633;color:#f44336;border:1px solid #f44336}.action-icon[data-v-b764f4b9]{font-size:.8rem}.schedule-details[data-v-b764f4b9]{margin-top:8px}.schedule-days-container[data-v-b764f4b9]{display:flex;flex-direction:column;gap:8px}.days-label[data-v-b764f4b9]{color:#ccc;font-size:.9rem;font-weight:700}.days-badges[data-v-b764f4b9]{display:flex;flex-wrap:wrap;gap:4px}.day-badge[data-v-b764f4b9]{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid #3a3d46;background:#2a2d36;color:#999;transition:all .3s ease}.day-badge.active[data-v-b764f4b9]{background:#bfff2f;color:#000;border-color:#bfff2f}.remove-schedule-btn[data-v-b764f4b9]{position:absolute;top:8px;right:8px;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease}.remove-schedule-btn[data-v-b764f4b9]:hover{background:#f4433633;border-color:#f44336;transform:scale(1.1)}.no-schedules[data-v-b764f4b9]{text-align:center;color:#ccc;padding:2rem}.add-schedule-form[data-v-b764f4b9]{background:linear-gradient(135deg,#1a1d24,#242732);padding:20px;border-radius:12px;border:1px solid #3a3d46;margin-top:16px}.add-schedule-form h4[data-v-b764f4b9]{color:#bfff2f;margin-bottom:20px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.form-row[data-v-b764f4b9]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.time-input[data-v-b764f4b9],.action-select[data-v-b764f4b9]{background:#2a2d36;border:2px solid #3a3d46;border-radius:8px;padding:10px 12px;color:#fff;font-size:1rem;transition:all .3s ease}.time-input[data-v-b764f4b9]:focus,.action-select[data-v-b764f4b9]:focus{border-color:#bfff2f;box-shadow:0 0 0 3px #bfff2f1a}.days-selector-improved[data-v-b764f4b9]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:12px;margin-bottom:12px}.days-helper[data-v-b764f4b9]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.schedule-preview[data-v-b764f4b9]{background:#bfff2f1a;border:1px solid #bfff2f;border-radius:8px;padding:12px;margin:16px 0}.schedule-preview h5[data-v-b764f4b9]{color:#bfff2f;margin:0 0 8px;font-size:.9rem}.preview-content[data-v-b764f4b9]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.preview-action[data-v-b764f4b9]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.preview-action.on[data-v-b764f4b9]{background:#4caf5033;color:#4caf50}.preview-action.off[data-v-b764f4b9]{background:#f4433633;color:#f44336}.preview-time[data-v-b764f4b9]{font-weight:700;color:#fff}.preview-days[data-v-b764f4b9]{color:#bfff2f;font-weight:700}.add-schedule-btn[data-v-b764f4b9]{width:100%;padding:12px;font-size:1rem;background:linear-gradient(135deg,#bfff2f,#a8e826);border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:16px}.add-schedule-btn[data-v-b764f4b9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #bfff2f4d}.add-schedule-btn[data-v-b764f4b9]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.form-row[data-v-b764f4b9]{grid-template-columns:1fr;gap:12px}.days-selector-improved[data-v-b764f4b9]{grid-template-columns:repeat(4,1fr)}.schedule-header[data-v-b764f4b9]{flex-direction:column;align-items:flex-start;gap:8px}.days-helper[data-v-b764f4b9]{justify-content:center}.helper-btn[data-v-b764f4b9]{flex:1;min-width:0}}@media (max-width: 480px){.days-selector-improved[data-v-b764f4b9]{grid-template-columns:repeat(3,1fr)}.days-helper[data-v-b764f4b9]{flex-direction:column}.schedule-time[data-v-b764f4b9]{font-size:1rem}.time-text[data-v-b764f4b9]{font-size:1.1rem}.preview-content[data-v-b764f4b9]{flex-direction:column;align-items:flex-start}}.week-selector[data-v-b764f4b9]{margin-bottom:24px}.week-selector h4[data-v-b764f4b9]{color:#bfff2f;margin-bottom:12px;font-size:1.1rem}.week-days[data-v-b764f4b9]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week-day-btn[data-v-b764f4b9]{background:#1a1d24;border:2px solid #3a3d46;border-radius:12px;padding:12px 8px;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;position:relative}.week-day-btn[data-v-b764f4b9]:hover{border-color:#5a5d66;background:#242732}.week-day-btn.active[data-v-b764f4b9]{border-color:#bfff2f;background:#bfff2f1a;color:#bfff2f}.week-day-btn.has-schedules[data-v-b764f4b9]{background:#4caf501a;border-color:#4caf50}.week-day-btn.has-schedules.active[data-v-b764f4b9]{background:#bfff2f33;border-color:#bfff2f}.day-name[data-v-b764f4b9]{font-weight:700;font-size:.9rem}.schedule-count[data-v-b764f4b9]{background:#4caf50;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.selected-day-schedules[data-v-b764f4b9]{margin-bottom:24px;min-height:120px}.selected-day-schedules h4[data-v-b764f4b9]{color:#bfff2f;margin-bottom:16px;font-size:1.1rem}.schedule-item-compact[data-v-b764f4b9]{background:#1a1d24;border:1px solid #3a3d46;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;transition:all .3s ease}.schedule-item-compact[data-v-b764f4b9]:hover{background:#242732;border-color:#4a4d56}.schedule-item-compact.schedule-on[data-v-b764f4b9]{border-left:4px solid #4caf50}.schedule-item-compact.schedule-off[data-v-b764f4b9]{border-left:4px solid #f44336}.schedule-time-action[data-v-b764f4b9]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1}.schedule-actions[data-v-b764f4b9]{display:flex;gap:8px;align-items:center}.time-display[data-v-b764f4b9]{font-size:1.2rem;font-weight:700;color:#fff}.action-badge[data-v-b764f4b9]{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.action-badge.on[data-v-b764f4b9]{background:#4caf5033;color:#4caf50}.action-badge.off[data-v-b764f4b9]{background:#f4433633;color:#f44336}.edit-btn-compact[data-v-b764f4b9]{background:none;border:none;color:#4a90e2;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease;font-size:1.1rem}.edit-btn-compact[data-v-b764f4b9]:hover{background:#4a90e226;transform:scale(1.1)}.remove-btn-compact[data-v-b764f4b9]{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.remove-btn-compact[data-v-b764f4b9]:hover{background:#ff6b6b1a}.no-schedules-day[data-v-b764f4b9],.select-day-hint[data-v-b764f4b9]{text-align:center;color:#ccc;font-style:italic;padding:20px}.add-schedule-section[data-v-b764f4b9]{text-align:center;margin-top:24px}.add-schedule-main-btn[data-v-b764f4b9]{background:#bfff2f;color:#000;border:none;border-radius:8px;padding:16px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.add-schedule-main-btn[data-v-b764f4b9]:hover{background:#a8e826;transform:translateY(-2px)}.schedule-modal-overlay[data-v-b764f4b9]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:flex-start;z-index:1100;padding:20px;overflow-y:auto;box-sizing:border-box}.schedule-modal-content[data-v-b764f4b9]{background:#2a2d36;border-radius:16px;width:100%;max-width:600px;max-height:none;overflow-y:visible;color:#fff;box-shadow:0 8px 32px #0006;margin:auto;position:relative}.schedule-modal-header[data-v-b764f4b9]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #3a3d46;position:sticky;top:0;background:#2a2d36;z-index:10}.schedule-modal-header h3[data-v-b764f4b9]{margin:0;color:#bfff2f;font-size:1.3rem}.schedule-modal-body[data-v-b764f4b9]{padding:24px}.time-input-modal[data-v-b764f4b9],.action-select-modal[data-v-b764f4b9],.day-select-modal[data-v-b764f4b9],.duration-input-modal[data-v-b764f4b9],.name-input-modal[data-v-b764f4b9],.description-input-modal[data-v-b764f4b9]{width:100%;padding:14px;border:2px solid #3a3d46;border-radius:8px;background:#1a1d24;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.time-input-modal[data-v-b764f4b9]:focus,.action-select-modal[data-v-b764f4b9]:focus,.day-select-modal[data-v-b764f4b9]:focus,.duration-input-modal[data-v-b764f4b9]:focus,.name-input-modal[data-v-b764f4b9]:focus,.description-input-modal[data-v-b764f4b9]:focus{outline:none;border-color:#bfff2f;background:#1f2229}.description-input-modal[data-v-b764f4b9]{resize:vertical;font-family:inherit;min-height:80px}.duration-badge[data-v-b764f4b9]{background:#2196f333;color:#2196f3;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.schedule-name[data-v-b764f4b9]{color:#bfff2f;font-weight:700;font-size:.9rem}.schedule-modal-actions[data-v-b764f4b9]{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #3a3d46}.btn-cancel-modal[data-v-b764f4b9]{background:#6c757d;color:#fff;border:none;padding:14px 28px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease}.btn-cancel-modal[data-v-b764f4b9]:hover{background:#5a6268;transform:translateY(-1px)}.btn-confirm-modal[data-v-b764f4b9]{background:#bfff2f;color:#000;border:none;padding:14px 28px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-confirm-modal[data-v-b764f4b9]:hover:not(:disabled){background:#a8e826;transform:translateY(-2px);box-shadow:0 4px 12px #bfff2f4d}.btn-confirm-modal[data-v-b764f4b9]:disabled{opacity:.5;cursor:not-allowed;transform:none}.days-selector-grid[data-v-b764f4b9]{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:16px;margin-bottom:20px}.day-checkbox-label[data-v-b764f4b9]{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:14px 8px;border:2px solid #3a3d46;border-radius:10px;background:#1a1d24;transition:all .3s ease;min-height:50px}.day-checkbox-label[data-v-b764f4b9]:hover{border-color:#5a5d66;background:#242732;transform:translateY(-2px)}.day-checkbox-label.selected[data-v-b764f4b9]{border-color:#bfff2f;background:#bfff2f33;box-shadow:0 0 0 3px #bfff2f1a;transform:translateY(-2px)}.day-checkbox-input[data-v-b764f4b9]{position:absolute;opacity:0;cursor:pointer}.day-checkbox-text[data-v-b764f4b9]{font-size:.95rem;font-weight:700;color:#999;transition:color .3s ease}.day-checkbox-label.selected .day-checkbox-text[data-v-b764f4b9]{color:#bfff2f}.day-checkbox-label.disabled[data-v-b764f4b9]{opacity:.4;cursor:not-allowed}.day-checkbox-label.disabled[data-v-b764f4b9]:hover{border-color:#3a3d46;background:#1a1d24;transform:none}.days-quick-select[data-v-b764f4b9]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.quick-select-btn[data-v-b764f4b9]{background:#3a3d46;color:#fff;border:2px solid #4a4d56;padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.quick-select-btn[data-v-b764f4b9]:hover{background:#4a4d56;border-color:#bfff2f;color:#bfff2f;transform:translateY(-1px)}.quick-select-btn.clear-btn[data-v-b764f4b9]{background:#f4433626;color:#ff6b6b;border-color:#f4433666}.quick-select-btn.clear-btn[data-v-b764f4b9]:hover{background:#f4433640;border-color:#ff6b6b}.form-row-inline[data-v-b764f4b9]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.field-hint[data-v-b764f4b9]{display:block;margin-top:8px;color:#999;font-size:.85rem;font-style:italic;line-height:1.4}.duration-display[data-v-b764f4b9]{margin-top:12px;padding:12px 16px;background:#4a90e226;border:1px solid rgba(74,144,226,.4);border-radius:8px;color:#4a90e2;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px}.schedule-preview[data-v-b764f4b9]{background:#bfff2f1a;border:2px solid rgba(191,255,47,.4);border-radius:12px;padding:20px;margin:24px 0}.schedule-preview .preview-header[data-v-b764f4b9]{color:#bfff2f;font-weight:700;font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.schedule-preview .preview-content[data-v-b764f4b9]{display:flex;flex-direction:column;gap:12px}.schedule-preview .preview-content-compact[data-v-b764f4b9]{display:flex;flex-direction:column;gap:10px}.schedule-preview .preview-row[data-v-b764f4b9]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-preview .preview-item-inline[data-v-b764f4b9]{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem;padding:6px 10px;background:#0003;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-preview .preview-row[data-v-b764f4b9]:last-child{grid-template-columns:1fr}.schedule-preview .preview-item[data-v-b764f4b9]{display:flex;align-items:center;gap:12px;color:#fff;font-size:.95rem;padding:8px;background:#0003;border-radius:6px}.schedule-preview .preview-item strong[data-v-b764f4b9]{color:#bfff2f;min-width:90px;font-weight:600}.schedule-preview .action-on[data-v-b764f4b9]{color:#4caf50;font-weight:700}.schedule-preview .action-off[data-v-b764f4b9]{color:#ff6b6b;font-weight:700}.form-row[data-v-b764f4b9]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.days-selector-improved[data-v-b764f4b9]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.day-checkbox-improved[data-v-b764f4b9]{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.day-checkbox-improved input[data-v-b764f4b9]{position:absolute;opacity:0;cursor:pointer}.day-checkbox-improved .day-label[data-v-b764f4b9]{display:block;padding:8px 4px;text-align:center;border:2px solid #3a3d46;border-radius:8px;background:#2a2d36;color:#999;font-size:.8rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}.day-checkbox-improved:hover .day-label[data-v-b764f4b9]{border-color:#bfff2f;background:#bfff2f1a}.day-checkbox-improved.selected .day-label[data-v-b764f4b9]{background:#bfff2f;color:#000;border-color:#bfff2f;transform:translateY(-2px);box-shadow:0 4px 8px #bfff2f4d}.days-helper[data-v-b764f4b9]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.helper-btn[data-v-b764f4b9]{background:#3a3d46;color:#fff;border:1px solid #4a4d56;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.helper-btn[data-v-b764f4b9]:hover{background:#4a4d56;border-color:#bfff2f}.helper-btn.clear[data-v-b764f4b9]{background:#f443361a;color:#f44336;border-color:#f443364d}.helper-btn.clear[data-v-b764f4b9]:hover{background:#f4433633;border-color:#f44336}.duration-help[data-v-b764f4b9]{color:#999;font-size:.8rem;margin-top:4px;display:block}.schedule-preview-modal[data-v-b764f4b9]{background:#bfff2f1a;border:1px solid #bfff2f;border-radius:8px;padding:16px;margin:16px 0}.schedule-preview-modal h4[data-v-b764f4b9]{color:#bfff2f;margin:0 0 12px;font-size:1rem}.preview-content-modal[data-v-b764f4b9]{display:flex;flex-direction:column;gap:8px}.preview-item[data-v-b764f4b9]{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem}.preview-item strong[data-v-b764f4b9]{color:#bfff2f;min-width:80px}.action-preview-on[data-v-b764f4b9]{color:#4caf50;font-weight:700}.action-preview-off[data-v-b764f4b9]{color:#f44336;font-weight:700}@media (max-width: 768px){.schedule-modal-overlay[data-v-b764f4b9]{padding:15px}.schedule-modal-content[data-v-b764f4b9]{max-width:100%;margin:auto}.schedule-modal-header[data-v-b764f4b9]{padding:20px}.schedule-modal-header h3[data-v-b764f4b9]{font-size:1.1rem}.schedule-modal-body[data-v-b764f4b9]{padding:20px}.form-row-inline[data-v-b764f4b9]{grid-template-columns:1fr;gap:20px}.days-selector-grid[data-v-b764f4b9]{grid-template-columns:repeat(4,1fr);gap:8px}.day-checkbox-label[data-v-b764f4b9]{padding:12px 6px;min-height:45px}.day-checkbox-text[data-v-b764f4b9]{font-size:.85rem}.days-quick-select[data-v-b764f4b9]{gap:8px;justify-content:stretch}.quick-select-btn[data-v-b764f4b9]{flex:1 1 calc(50% - 4px);padding:10px 8px;font-size:.85rem;white-space:normal;min-width:0}.schedule-modal-actions[data-v-b764f4b9]{flex-direction:column;gap:10px}.btn-cancel-modal[data-v-b764f4b9],.btn-confirm-modal[data-v-b764f4b9]{width:100%;justify-content:center}.schedule-preview .preview-item[data-v-b764f4b9]{flex-direction:column;align-items:flex-start;gap:4px}.schedule-preview .preview-item strong[data-v-b764f4b9]{min-width:auto}.schedule-preview .preview-row[data-v-b764f4b9]{grid-template-columns:1fr;gap:8px}.schedule-preview .preview-item-inline[data-v-b764f4b9]{font-size:.85rem}}@media (max-width: 480px){.schedule-modal-overlay[data-v-b764f4b9]{padding:10px}.schedule-modal-content[data-v-b764f4b9]{margin:auto;width:100%}.schedule-modal-header[data-v-b764f4b9],.schedule-modal-body[data-v-b764f4b9]{padding:16px}.days-selector-grid[data-v-b764f4b9]{grid-template-columns:repeat(3,1fr);gap:6px}.day-checkbox-label[data-v-b764f4b9]{padding:10px 4px;min-height:40px}.day-checkbox-text[data-v-b764f4b9]{font-size:.8rem}.days-quick-select[data-v-b764f4b9]{gap:6px}.quick-select-btn[data-v-b764f4b9]{flex:1 1 calc(50% - 3px);font-size:.8rem;padding:10px 6px;white-space:normal;line-height:1.2;min-width:0}.time-input-modal[data-v-b764f4b9],.action-select-modal[data-v-b764f4b9],.duration-input-modal[data-v-b764f4b9],.name-input-modal[data-v-b764f4b9],.description-input-modal[data-v-b764f4b9]{padding:12px;font-size:.95rem}.btn-cancel-modal[data-v-b764f4b9],.btn-confirm-modal[data-v-b764f4b9]{padding:12px 20px;font-size:.95rem}}@media (max-width: 768px){.week-days[data-v-b764f4b9],.days-selector-modal[data-v-b764f4b9]{grid-template-columns:repeat(4,1fr)}.schedule-time-action[data-v-b764f4b9]{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.week-days[data-v-b764f4b9],.days-selector-modal[data-v-b764f4b9]{grid-template-columns:repeat(3,1fr)}.days-helper-modal[data-v-b764f4b9],.schedule-modal-actions[data-v-b764f4b9]{flex-direction:column}.days-selector-grid[data-v-b764f4b9]{grid-template-columns:repeat(4,1fr)}.form-row-inline[data-v-b764f4b9]{grid-template-columns:1fr}.days-quick-select[data-v-b764f4b9]{justify-content:center}.quick-select-btn[data-v-b764f4b9]{flex:1;min-width:0}}@media (max-width: 360px){.days-selector-grid[data-v-b764f4b9]{grid-template-columns:repeat(3,1fr)}.day-checkbox-label[data-v-b764f4b9]{padding:10px 6px}.day-checkbox-text[data-v-b764f4b9]{font-size:.8rem}}.devices-page[data-v-d8d1e0a3]{min-height:calc(100vh - 70px);background:#181a20;color:#fff;padding:32px 20px}.page-header[data-v-d8d1e0a3]{margin-bottom:40px}.header-content[data-v-d8d1e0a3]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-text[data-v-d8d1e0a3]{text-align:left}.page-header h1[data-v-d8d1e0a3]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:8px}.page-header p[data-v-d8d1e0a3]{color:#ccc;font-size:1.1rem}.add-device-btn[data-v-d8d1e0a3]{background:#bfff2f;color:#000;border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-device-btn[data-v-d8d1e0a3]:hover{background:#a8e826;transform:translateY(-2px);box-shadow:0 4px 12px #bfff2f4d}.devices-container[data-v-d8d1e0a3]{max-width:1200px;margin:0 auto}.loading[data-v-d8d1e0a3],.error[data-v-d8d1e0a3]{text-align:center;padding:60px 20px}.spinner[data-v-d8d1e0a3]{width:40px;height:40px;border:4px solid #333;border-top:4px solid #bfff2f;border-radius:50%;animation:spin-d8d1e0a3 1s linear infinite;margin:0 auto 20px}@keyframes spin-d8d1e0a3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-d8d1e0a3]{color:#ff6b6b}.retry-btn[data-v-d8d1e0a3]{background:#bfff2f;color:#23272f;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:16px}.devices-grid[data-v-d8d1e0a3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.device-card[data-v-d8d1e0a3]{background:#23272f;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0004;transition:transform .2s}.device-card[data-v-d8d1e0a3]:hover{transform:translateY(-4px)}.device-status[data-v-d8d1e0a3]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:16px}.device-status.active[data-v-d8d1e0a3]{background:#bfff2f20;color:#bfff2f}.device-status.inactive[data-v-d8d1e0a3]{background:#ff6b6b20;color:#ff6b6b}.status-indicator[data-v-d8d1e0a3]{width:8px;height:8px;border-radius:50%;background:currentColor}.device-icon[data-v-d8d1e0a3]{font-size:3rem;text-align:center;margin-bottom:16px}.device-info[data-v-d8d1e0a3]{margin-bottom:20px}.device-info h3[data-v-d8d1e0a3]{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:4px}.device-type[data-v-d8d1e0a3]{color:#bfff2f;font-size:.9rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.device-description[data-v-d8d1e0a3]{color:#ccc;font-size:.95rem;line-height:1.4}.device-details[data-v-d8d1e0a3]{margin-bottom:20px}.detail-item[data-v-d8d1e0a3]{display:flex;justify-content:space-between;margin-bottom:8px}.detail-label[data-v-d8d1e0a3]{color:#999;font-size:.9rem}.detail-value[data-v-d8d1e0a3]{color:#fff;font-size:.9rem;font-weight:500}.device-actions[data-v-d8d1e0a3]{display:flex;gap:12px}.timer-section[data-v-d8d1e0a3]{background:#1a1d23;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #333}.timer-header[data-v-d8d1e0a3]{display:flex;align-items:center;gap:8px;font-weight:700;color:#bfff2f;margin-bottom:12px;font-size:.9rem}.timer-icon[data-v-d8d1e0a3]{font-size:1.1rem}.timer-controls[data-v-d8d1e0a3]{display:flex;gap:8px;align-items:center}.duration-input[data-v-d8d1e0a3]{flex:1;padding:8px 12px;background:#23272f;border:1px solid #444;border-radius:6px;color:#fff;font-size:.9rem}.duration-input[data-v-d8d1e0a3]:focus{outline:none;border-color:#bfff2f}.duration-input[data-v-d8d1e0a3]::placeholder{color:#888}.timer-btn[data-v-d8d1e0a3]{padding:8px 16px;background:#4a90e2;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:.85rem;transition:all .2s;white-space:nowrap}.timer-btn[data-v-d8d1e0a3]:hover:not(:disabled){background:#357abd}.timer-btn[data-v-d8d1e0a3]:disabled{background:#333;color:#666;cursor:not-allowed}.action-btn[data-v-d8d1e0a3]{flex:1;padding:10px 16px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.action-btn.primary[data-v-d8d1e0a3]{background:#bfff2f;color:#23272f}.action-btn.primary[data-v-d8d1e0a3]:hover{background:#a0e626}.action-btn.secondary[data-v-d8d1e0a3]{background:#333;color:#fff}.action-btn.secondary[data-v-d8d1e0a3]:hover{background:#444}.empty-state[data-v-d8d1e0a3]{text-align:center;padding:60px 20px;grid-column:1 / -1}.empty-icon[data-v-d8d1e0a3]{font-size:4rem;margin-bottom:20px}.empty-state h3[data-v-d8d1e0a3]{font-size:1.5rem;color:#fff;margin-bottom:8px}.empty-state p[data-v-d8d1e0a3]{color:#ccc}@media (max-width: 768px){.devices-page[data-v-d8d1e0a3]{padding:20px 15px}.page-header h1[data-v-d8d1e0a3]{font-size:2rem}.devices-grid[data-v-d8d1e0a3]{grid-template-columns:1fr;gap:16px}.device-card[data-v-d8d1e0a3]{padding:20px}.device-actions[data-v-d8d1e0a3]{flex-direction:column}.header-content[data-v-d8d1e0a3]{flex-direction:column;gap:20px;text-align:center}.header-text[data-v-d8d1e0a3]{text-align:center}.add-device-btn[data-v-d8d1e0a3]{width:100%}}.modal-overlay[data-v-d8d1e0a3]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-d8d1e0a3]{background:#2a2d36;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;color:#fff}.modal-header[data-v-d8d1e0a3]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a3d46}.modal-header h2[data-v-d8d1e0a3]{margin:0;color:#bfff2f;font-size:1.5rem}.close-btn[data-v-d8d1e0a3]{background:none;border:none;color:#ccc;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-d8d1e0a3]:hover{color:#fff;transform:rotate(90deg)}.modal-body[data-v-d8d1e0a3]{padding:20px}.form-group[data-v-d8d1e0a3]{margin-bottom:20px}.form-group label[data-v-d8d1e0a3]{display:block;color:#fff;font-weight:700;margin-bottom:8px}.form-group input[data-v-d8d1e0a3],.form-group select[data-v-d8d1e0a3],.form-group textarea[data-v-d8d1e0a3]{width:100%;padding:12px;border:1px solid #3a3d46;border-radius:6px;background:#1a1d24;color:#fff;font-size:1rem;box-sizing:border-box}.form-group input[data-v-d8d1e0a3]:focus,.form-group select[data-v-d8d1e0a3]:focus,.form-group textarea[data-v-d8d1e0a3]:focus{outline:none;border-color:#bfff2f}.form-group textarea[data-v-d8d1e0a3]{resize:vertical;font-family:inherit}.form-hint[data-v-d8d1e0a3]{display:block;margin-top:6px;color:#999;font-size:.85rem;font-style:italic}.modal-actions[data-v-d8d1e0a3]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel[data-v-d8d1e0a3]{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-d8d1e0a3]:hover{background:#5a6268}.btn-submit[data-v-d8d1e0a3]{background:#bfff2f;color:#000;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-submit[data-v-d8d1e0a3]:hover{background:#a8e826;transform:translateY(-2px)}.actions-view[data-v-dc9a1943]{min-height:100vh;background:linear-gradient(135deg,#1a1d24,#2a2d36)}.actions-container[data-v-dc9a1943]{max-width:1400px;margin:0 auto;padding:100px 20px 40px}.actions-header[data-v-dc9a1943]{text-align:center;margin-bottom:40px}.actions-header h1[data-v-dc9a1943]{font-size:2.5rem;color:#fff;margin-bottom:10px}.actions-header p[data-v-dc9a1943]{color:#ccc;font-size:1.1rem}.section-header[data-v-dc9a1943]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-dc9a1943]{color:#bfff2f;font-size:1.5rem}.status-badge[data-v-dc9a1943]{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;background:#f4433633;color:#ff6b6b}.status-badge.connected[data-v-dc9a1943]{background:#4caf5033;color:#4caf50}.actions-section[data-v-dc9a1943]{margin-top:50px}.btn-create[data-v-dc9a1943]{background:#bfff2f;color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-create[data-v-dc9a1943]:hover{background:#a8e826;transform:translateY(-2px)}.loading[data-v-dc9a1943]{text-align:center;padding:60px 20px;color:#ccc}.spinner[data-v-dc9a1943]{width:50px;height:50px;border:4px solid #3a3d46;border-top-color:#bfff2f;border-radius:50%;animation:spin-dc9a1943 1s linear infinite;margin:0 auto 20px}@keyframes spin-dc9a1943{to{transform:rotate(360deg)}}.error-message[data-v-dc9a1943]{text-align:center;padding:40px;color:#ff6b6b}.btn-retry[data-v-dc9a1943]{background:#bfff2f;color:#000;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:16px}.no-actions[data-v-dc9a1943]{text-align:center;padding:60px 20px;color:#ccc}.no-actions .hint[data-v-dc9a1943]{color:#999;font-size:.95rem}.actions-grid[data-v-dc9a1943]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.action-card[data-v-dc9a1943]{background:#2a2d36;border-radius:16px;padding:24px;border:2px solid #3a3d46;transition:all .3s ease}.action-card[data-v-dc9a1943]:hover{border-color:#bfff2f;transform:translateY(-4px)}.action-header[data-v-dc9a1943]{margin-bottom:20px}.action-header h3[data-v-dc9a1943]{color:#fff;margin-bottom:8px;font-size:1.3rem}.action-id[data-v-dc9a1943]{color:#999;font-size:.85rem}.action-gpios[data-v-dc9a1943]{margin-bottom:20px}.gpio-item[data-v-dc9a1943]{display:flex;align-items:center;gap:12px;padding:10px;background:#1a1d24;border-radius:8px;margin-bottom:8px}.gpio-number[data-v-dc9a1943]{color:#bfff2f;font-weight:700;min-width:80px}.gpio-state[data-v-dc9a1943]{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700;background:#f4433633;color:#ff6b6b}.gpio-state.on[data-v-dc9a1943]{background:#4caf5033;color:#4caf50}.gpio-duration[data-v-dc9a1943]{color:#ccc;font-size:.9rem}.gpio-duration.permanent[data-v-dc9a1943]{color:#ffa726}.action-footer[data-v-dc9a1943]{display:flex;gap:8px}.btn-send[data-v-dc9a1943],.btn-edit[data-v-dc9a1943],.btn-delete[data-v-dc9a1943]{flex:1;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-send[data-v-dc9a1943]{background:#4caf50;color:#fff}.btn-send[data-v-dc9a1943]:hover{background:#45a049}.btn-edit[data-v-dc9a1943]{background:#2196f3;color:#fff}.btn-edit[data-v-dc9a1943]:hover{background:#1976d2}.btn-delete[data-v-dc9a1943]{background:#f4433633;color:#ff6b6b}.btn-delete[data-v-dc9a1943]:hover{background:#f443364d}.modal-overlay[data-v-dc9a1943]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:flex-start;z-index:1100;padding:20px;overflow-y:auto}.modal-content[data-v-dc9a1943]{background:#2a2d36;border-radius:16px;width:100%;max-width:600px;margin:auto;color:#fff}.modal-header[data-v-dc9a1943]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #3a3d46}.modal-header h2[data-v-dc9a1943]{margin:0;color:#bfff2f}.close-btn[data-v-dc9a1943]{background:none;border:none;color:#ccc;font-size:2rem;cursor:pointer;width:30px;height:30px}.close-btn[data-v-dc9a1943]:hover{color:#fff}.modal-body[data-v-dc9a1943]{padding:24px}.form-group[data-v-dc9a1943]{margin-bottom:24px}.form-group label[data-v-dc9a1943]{display:block;color:#fff;font-weight:700;margin-bottom:8px}.form-group input[data-v-dc9a1943],.form-group select[data-v-dc9a1943]{width:100%;padding:12px;border:2px solid #3a3d46;border-radius:8px;background:#1a1d24;color:#fff;font-size:1rem;box-sizing:border-box}.form-group input[data-v-dc9a1943]:focus,.form-group select[data-v-dc9a1943]:focus{outline:none;border-color:#bfff2f}.form-group small[data-v-dc9a1943]{display:block;color:#999;margin-top:4px;font-size:.85rem}.gpios-list[data-v-dc9a1943]{margin-bottom:16px}.gpio-form-item[data-v-dc9a1943]{display:grid;grid-template-columns:1fr 40px;gap:8px;margin-bottom:12px}.gpio-select[data-v-dc9a1943]{padding:10px;border:2px solid #3a3d46;border-radius:8px;background:#1a1d24;color:#fff;box-sizing:border-box}.btn-remove-gpio[data-v-dc9a1943]{background:#f4433633;color:#ff6b6b;border:none;border-radius:8px;cursor:pointer;padding:0}.btn-add-gpio[data-v-dc9a1943]{background:#3a3d46;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;width:100%}.btn-add-gpio[data-v-dc9a1943]:hover:not(:disabled){background:#4a4d56}.btn-add-gpio[data-v-dc9a1943]:disabled{opacity:.5;cursor:not-allowed}.modal-footer[data-v-dc9a1943]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #3a3d46}.btn-cancel[data-v-dc9a1943],.btn-save-action[data-v-dc9a1943]{padding:12px 24px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.btn-cancel[data-v-dc9a1943]{background:#3a3d46;color:#fff}.btn-cancel[data-v-dc9a1943]:hover{background:#4a4d56}.btn-save[data-v-dc9a1943],.btn-save-action[data-v-dc9a1943]{background:#bfff2f;color:#000}.btn-save[data-v-dc9a1943]:hover:not(:disabled),.btn-save-action[data-v-dc9a1943]:hover:not(:disabled){background:#a8e826}.btn-save[data-v-dc9a1943]:disabled,.btn-save-action[data-v-dc9a1943]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.actions-grid[data-v-dc9a1943]{grid-template-columns:1fr}.button-config-form[data-v-dc9a1943]{flex-direction:column}.action-select[data-v-dc9a1943]{width:100%}.gpio-form-item[data-v-dc9a1943]{grid-template-columns:1fr}.section-header[data-v-dc9a1943]{flex-direction:column;align-items:flex-start;gap:12px}.btn-create[data-v-dc9a1943]{width:100%}}