.modal-overlay[data-v-e00a47f1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content[data-v-e00a47f1]{background:var(--bg-card);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color);overflow:hidden}.modal-header[data-v-e00a47f1]{padding:1.5rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-color);position:relative;flex-shrink:0}.modal-header h2[data-v-e00a47f1]{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-main);position:relative;z-index:1}.close-btn[data-v-e00a47f1]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;position:absolute;right:1.5rem;z-index:1}.close-btn[data-v-e00a47f1]:hover{background:var(--bg-hover);color:var(--text-main)}.modal-body[data-v-e00a47f1]{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.modal-footer[data-v-e00a47f1]{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:flex-end;gap:1rem}.btn-cancel[data-v-e00a47f1]{padding:.625rem 1.25rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;font-weight:500;transition:all .2s;min-width:140px;display:flex;justify-content:center;align-items:center}.btn-cancel[data-v-e00a47f1]:hover{background:var(--bg-hover)}.btn-submit[data-v-e00a47f1]{padding:.625rem 1.25rem;border-radius:.5rem;border:none;background:var(--primary-color);color:#fff;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;min-width:140px}.btn-submit[data-v-e00a47f1]:hover{background:var(--primary-hover)}.btn-submit[data-v-e00a47f1]:disabled{opacity:.7;cursor:not-allowed}.profile-header[data-v-e00a47f1]{display:flex;align-items:center;gap:1rem;padding-bottom:1rem}.avatar-large[data-v-e00a47f1]{width:64px;height:64px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600}.user-details h3[data-v-e00a47f1]{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-main)}.role-badge[data-v-e00a47f1]{font-size:.75rem;text-transform:uppercase;background:rgba(var(--primary-rgb),.1);color:var(--primary-color);padding:2px 8px;border-radius:12px;font-weight:600}.divider[data-v-e00a47f1]{height:1px;background:var(--border-color);margin:.5rem 0}.section-title[data-v-e00a47f1]{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0 0 1rem}.user-form[data-v-e00a47f1]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-e00a47f1]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-e00a47f1]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-wrapper[data-v-e00a47f1]{position:relative;display:flex;align-items:center}input[data-v-e00a47f1]{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);font-size:.95rem;transition:all .2s}input[data-v-e00a47f1]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}input.is-disabled[data-v-e00a47f1]{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.field-icon[data-v-e00a47f1]{position:absolute;right:1rem;color:var(--text-muted)}.toggle-visibility[data-v-e00a47f1]{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center}.toggle-visibility[data-v-e00a47f1]:hover{color:var(--text-main)}.modal-enter-active[data-v-e00a47f1],.modal-leave-active[data-v-e00a47f1]{transition:all .3s ease}.modal-enter-from[data-v-e00a47f1],.modal-leave-to[data-v-e00a47f1]{opacity:0;transform:scale(.95)}.user-menu[data-v-c2258f14]{position:relative}.user-trigger[data-v-c2258f14]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:6px 12px;border-radius:8px;border:1px solid transparent;transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-trigger[data-v-c2258f14]:hover{background-color:var(--bg-hover);border-color:var(--border-color)}.user-trigger.is-open[data-v-c2258f14],.user-trigger.is-open[data-v-c2258f14]:hover{background-color:transparent;border-color:transparent}.user-name[data-v-c2258f14]{font-weight:500;font-size:.9rem}.avatar[data-v-c2258f14]{width:32px;height:32px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.dropdown-menu[data-v-c2258f14]{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--bg-header);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:180px;z-index:50;padding:.5rem}.menu-item[data-v-c2258f14]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;text-align:left;background:none;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-main);transition:background-color .2s}.menu-item[data-v-c2258f14]:hover{background-color:var(--bg-hover)}.menu-item.danger[data-v-c2258f14]{color:#ef4444}.menu-item.danger[data-v-c2258f14]:hover{background-color:#fef2f2}.dark{background-color:#450a0a}.divider[data-v-c2258f14]{height:1px;background-color:var(--border-color);margin:.5rem 0}@media (max-width: 380px){.user-name[data-v-c2258f14]{display:none}.avatar[data-v-c2258f14]{width:28px;height:28px;font-size:.8rem}}.nav-modal-overlay[data-v-09c07407]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center}.nav-modal-content[data-v-09c07407]{width:100%;max-width:400px;padding:2rem;position:relative;text-align:center}.modal-nav[data-v-09c07407]{display:flex;flex-direction:column;gap:1.5rem}.modal-link[data-v-09c07407]{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;font-size:1.5rem;font-weight:700;color:var(--text-highlight);background-color:var(--bg-header);text-decoration:none;padding:1rem 2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease}.modal-link[data-v-09c07407]:hover,.modal-link.active[data-v-09c07407]{color:var(--text-highlight);background-color:var(--bg-hover);transform:scale(1.05)}.link-icon[data-v-09c07407]{opacity:.8}.fade-enter-active[data-v-09c07407],.fade-leave-active[data-v-09c07407]{transition:opacity .3s ease}.fade-enter-from[data-v-09c07407],.fade-leave-to[data-v-09c07407]{opacity:0}html.dark .nav-modal-overlay{background-color:#121212bf!important}.desktop-layout[data-v-6f37944b]{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s,color .3s}.header[data-v-6f37944b]{height:64px;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 1px 2px #0000000d;z-index:10;position:relative}.header-left[data-v-6f37944b]{display:flex;align-items:center;z-index:2}.logo[data-v-6f37944b]{font-size:1.375rem;font-weight:700;color:var(--text-highlight);letter-spacing:-.5px;display:flex;align-items:center;gap:.5rem}.nav-menu[data-v-6f37944b]{display:flex;gap:1.5rem;position:absolute;left:50%;transform:translate(-50%)}.header-right[data-v-6f37944b]{display:flex;align-items:center;gap:1rem;z-index:2}.menu-btn[data-v-6f37944b]{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:.5rem;border-radius:.5rem}.menu-btn[data-v-6f37944b]:hover{background-color:var(--bg-hover)}.nav-link[data-v-6f37944b]{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.95rem;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s}.nav-link[data-v-6f37944b]:hover{color:var(--text-main)}.nav-link.active[data-v-6f37944b]{color:var(--primary);border-bottom-color:var(--primary)}.theme-toggle[data-v-6f37944b]{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-toggle[data-v-6f37944b]:hover{background-color:var(--bg-hover);color:var(--text-main)}.main-content[data-v-6f37944b]{flex:1;overflow-y:auto;padding:2rem}.content-area[data-v-6f37944b]{max-width:1200px;margin:0 auto}@media (max-width: 1000px){.nav-menu[data-v-6f37944b]{display:none}.menu-btn[data-v-6f37944b]{display:block}}.tablet-layout[data-v-06f004ad]{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-main);color:var(--text-main);overflow:hidden}.main-content[data-v-06f004ad]{flex:1;overflow-y:auto;position:relative}.content-area[data-v-06f004ad]{padding:1.5rem;max-width:100%}.header[data-v-06f004ad]{height:64px;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:10;position:relative}.header-left[data-v-06f004ad]{z-index:2}.logo[data-v-06f004ad]{font-size:1.325rem;font-weight:700;color:var(--text-highlight);display:flex;align-items:center;gap:.5rem}.header-right[data-v-06f004ad]{display:flex;align-items:center;gap:.75rem;z-index:2}.menu-btn[data-v-06f004ad]{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:.5rem}.nav-link[data-v-06f004ad]{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.9rem;padding:.5rem;border-radius:6px;transition:all .2s}.nav-link[data-v-06f004ad]:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-link.active[data-v-06f004ad]{color:var(--primary);background-color:var(--bg-hover)}.theme-toggle[data-v-06f004ad]{background:none;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.theme-toggle[data-v-06f004ad]:hover{background-color:var(--bg-hover)}@media (max-width: 1000px){.nav-menu[data-v-06f004ad]{display:none}.menu-btn[data-v-06f004ad]{display:block}}.mobile-layout[data-v-92300519]{display:flex;flex-direction:column;height:100vh;background:var(--bg-main);color:var(--text-main);transition:background-color .3s,color .3s;overflow:hidden}.mobile-content[data-v-92300519]{flex:1;overflow-y:auto;padding:1rem}.mobile-header[data-v-92300519]{height:64px;background:var(--bg-header);color:var(--text-main);display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--border-color)}.logo[data-v-92300519]{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.225rem;color:var(--text-highlight)}.header-right[data-v-92300519]{display:flex;align-items:center;gap:.75rem}.menu-btn[data-v-92300519]{background:none;border:none;color:var(--text-main);cursor:pointer;padding:.25rem}.theme-toggle[data-v-92300519]{background:none;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.theme-toggle[data-v-92300519]:hover{background-color:var(--bg-hover)}.mobile-content[data-v-92300519]{flex:1;overflow-y:auto;padding:15px}.toast-container[data-v-3945a154]{position:fixed;top:1rem;right:1rem;z-index:999999!important;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-item[data-v-3945a154]{pointer-events:auto;display:flex;align-items:center;padding:1.25rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:350px;max-width:500px;border-left:4px solid transparent;color:#1f2937;font-size:1.1rem;font-weight:500}.toast-message[data-v-3945a154]{flex:1;margin:0 1rem;line-height:1.5}.toast-icon[data-v-3945a154]{width:1.75rem;height:1.75rem;flex-shrink:0}.toast-close[data-v-3945a154]{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close[data-v-3945a154]:hover{color:#4b5563}.close-icon[data-v-3945a154]{width:1.25rem;height:1.25rem}.toast-item.success[data-v-3945a154]{border-left-color:#22c55e;background:#f0fdf4;color:#15803d}.toast-item.success .toast-icon[data-v-3945a154]{color:#22c55e}.toast-item.error[data-v-3945a154]{border-left-color:#ef4444;background:#fef2f2;color:#b91c1c}.toast-item.error .toast-icon[data-v-3945a154]{color:#ef4444}.toast-item.warning[data-v-3945a154]{border-left-color:#f59e0b;background:#fffbeb;color:#b45309}.toast-item.warning .toast-icon[data-v-3945a154]{color:#f59e0b}.toast-item.info[data-v-3945a154]{border-left-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.toast-item.info .toast-icon[data-v-3945a154]{color:#3b82f6}.dark{background:#1f2937;color:#e5e7eb;box-shadow:0 4px 12px #0006}.dark{background:#064e3b;color:#a7f3d0}.dark{background:#7f1d1d;color:#fecaca}.dark{background:#78350f;color:#fde68a}.dark{background:#1e3a8a;color:#bfdbfe}.toast-enter-active[data-v-3945a154],.toast-leave-active[data-v-3945a154]{transition:all .3s ease}.toast-enter-from[data-v-3945a154],.toast-leave-to[data-v-3945a154]{opacity:0;transform:translate(30px)}@media (max-width: 640px){.toast-container[data-v-3945a154]{top:3.5rem;left:1rem;right:1rem;align-items:center}.toast-item[data-v-3945a154]{min-width:unset;width:100%;max-width:100%;padding:1rem;font-size:1rem}.toast-icon[data-v-3945a154]{width:1.5rem;height:1.5rem}.toast-enter-from[data-v-3945a154],.toast-leave-to[data-v-3945a154]{transform:translateY(-20px);opacity:0}}.orientation-lock[data-v-e95f18c1]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-main);z-index:10000;color:var(--text-main);align-items:center;justify-content:center;text-align:center;padding:2rem;box-sizing:border-box}.content[data-v-e95f18c1]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.icon[data-v-e95f18c1]{color:var(--logo-color);animation:pulse-e95f18c1 2s infinite ease-in-out}h2[data-v-e95f18c1]{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-highlight)}p[data-v-e95f18c1]{color:var(--text-muted);margin:0;font-size:1.1rem}@keyframes pulse-e95f18c1{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media screen and (orientation: landscape) and (max-height: 600px){.orientation-lock[data-v-e95f18c1]{display:flex}}.global-loader[data-v-533e3a7a]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-main, #f8fafc);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column}.dark{background-color:var(--bg-main, #0f172a)}.loader-content[data-v-533e3a7a]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--primary-color, #3b82f6)}.spinner[data-v-533e3a7a]{animation:spin-533e3a7a 4s linear infinite}p[data-v-533e3a7a]{font-size:1.1rem;font-weight:500;color:var(--text-muted, #64748b);margin:0}@keyframes spin-533e3a7a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-533e3a7a],.fade-leave-active[data-v-533e3a7a]{transition:opacity .5s ease}.fade-enter-from[data-v-533e3a7a],.fade-leave-to[data-v-533e3a7a]{opacity:0}body{margin:0;font-family:Arial,sans-serif;transition:background-color .3s,color .3s}:root.dark body{background-color:#121212;color:#fff}.modal-overlay[data-v-9f7ac1c5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content[data-v-9f7ac1c5]{background:var(--bg-card);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color);overflow:hidden}.modal-header[data-v-9f7ac1c5]{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;background:var(--bg-secondary);position:relative}.modal-header h2[data-v-9f7ac1c5]{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-main)}.close-btn[data-v-9f7ac1c5]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;position:absolute;right:1.5rem}.close-btn[data-v-9f7ac1c5]:hover{background:var(--bg-hover);color:var(--text-main)}.modal-body[data-v-9f7ac1c5]{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer[data-v-9f7ac1c5]{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:flex-end;gap:1rem}.btn-secondary[data-v-9f7ac1c5]{padding:.625rem 1.25rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;font-weight:500;transition:all .2s;min-width:140px;display:flex;justify-content:center;align-items:center}.btn-secondary[data-v-9f7ac1c5]:hover{background:var(--bg-hover)}.notice-content[data-v-9f7ac1c5]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem 0}.notice-icon[data-v-9f7ac1c5]{color:var(--primary-color)}.notice-content h3[data-v-9f7ac1c5]{margin:0;color:var(--text-main)}.notice-content p[data-v-9f7ac1c5]{margin:0;color:var(--text-secondary)}.modal-enter-active[data-v-9f7ac1c5],.modal-leave-active[data-v-9f7ac1c5]{transition:all .3s ease}.modal-enter-from[data-v-9f7ac1c5],.modal-leave-to[data-v-9f7ac1c5]{opacity:0;transform:scale(.95)}.login-container[data-v-0038cbe8]{height:100vh;width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s,color .3s;font-family:Arial,sans-serif;background:linear-gradient(to bottom right,#134e4a,#1e293b,#0f172a);color:#fff}.login-content[data-v-0038cbe8]{width:100%;max-width:28rem;padding:0 1.5rem}.logo-wrapper[data-v-0038cbe8]{display:flex;justify-content:center;margin-bottom:2rem}.title-wrapper[data-v-0038cbe8]{text-align:center;margin-bottom:3rem}.main-title[data-v-0038cbe8]{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(to right,#2dd4bf,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em;line-height:1.2}.sub-title[data-v-0038cbe8]{font-size:.875rem;color:#9ca3af;margin:.5rem 0 0;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.login-logo[data-v-0038cbe8]{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.form-wrapper[data-v-0038cbe8]{display:flex;flex-direction:column;gap:2rem}.input-group[data-v-0038cbe8]{display:flex;flex-direction:column}.input-label[data-v-0038cbe8]{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.75rem;color:#9ca3af}.input-field[data-v-0038cbe8]{width:100%;padding:.75rem;font-size:1.125rem;border:none;background-color:#ffffff0d;border-radius:.5rem;outline:none;transition:background-color .3s,color .3s;box-sizing:border-box;color:#fff}.input-field[data-v-0038cbe8]:focus{background-color:#ffffff1a}.branding-footer[data-v-0038cbe8]{position:fixed;bottom:10px;left:0;width:100%;text-align:center;z-index:50;background-color:transparent;pointer-events:none;border:none!important;box-shadow:none!important}.branding-link[data-v-0038cbe8]{pointer-events:auto;font-size:.8rem;text-decoration:none!important;border:none!important;outline:none!important;font-weight:400;opacity:.8;transition:opacity .3s,color .3s;cursor:pointer;color:#9ca3af}.branding-link[data-v-0038cbe8]:hover{opacity:1;text-decoration:none;color:#fff}.input-field[data-v-0038cbe8]::placeholder{color:#6b7280}.password-wrapper[data-v-0038cbe8]{position:relative;display:flex;align-items:center;width:100%}.password-input[data-v-0038cbe8]{padding-right:2.5rem}.toggle-password[data-v-0038cbe8]{position:absolute;right:.5rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border:none;background:transparent;cursor:pointer;transition:color .3s;color:#9ca3af}.toggle-password[data-v-0038cbe8]:hover{color:#fff}.error-message[data-v-0038cbe8]{color:#ef4444;font-size:.875rem;text-align:center;font-weight:600}.options-row[data-v-0038cbe8]{margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.checkbox-container[data-v-0038cbe8]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:.75rem}.hidden-checkbox[data-v-0038cbe8]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox[data-v-0038cbe8]{height:1.25rem;width:1.25rem;background-color:#ffffff0d;border:1px solid #4b5563;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.checkbox-container:hover .custom-checkbox[data-v-0038cbe8]{border-color:#14b8a6;background-color:#ffffff1a}.hidden-checkbox:checked~.custom-checkbox[data-v-0038cbe8]{background-color:#14b8a6;border-color:#14b8a6}.check-icon[data-v-0038cbe8]{color:#fff;stroke-width:3px}.checkbox-text[data-v-0038cbe8]{font-size:.875rem;color:#9ca3af;transition:color .3s}.checkbox-container:hover .checkbox-text[data-v-0038cbe8]{color:#fff}.submit-btn[data-v-0038cbe8]{width:100%;margin-top:3rem;padding:.75rem 0;border-radius:.5rem;font-weight:600;font-size:1.125rem;color:#fff;border:none;cursor:pointer;transition:transform .1s,background-image .3s,box-shadow .3s;background-image:linear-gradient(to right,#14b8a6,#0d9488);box-shadow:0 10px 15px -3px #14b8a64d}.submit-btn[data-v-0038cbe8]:hover{background-image:linear-gradient(to right,#0d9488,#0f766e);transform:scale(1.05)}.reset-link-small[data-v-0038cbe8]{font-size:.875rem;color:#9ca3af;text-decoration:none;transition:color .3s}.reset-link-small[data-v-0038cbe8]:hover{color:#fff}@media (max-width: 640px){.login-content[data-v-0038cbe8]{padding:0;width:80%!important;max-width:320px!important;margin:0 auto}.main-title[data-v-0038cbe8]{font-size:1.75rem}.sub-title[data-v-0038cbe8]{font-size:.7rem}.logo-wrapper[data-v-0038cbe8]{margin-bottom:1rem}.title-wrapper[data-v-0038cbe8]{margin-bottom:1.5rem}.form-wrapper[data-v-0038cbe8]{gap:1rem}.input-label[data-v-0038cbe8]{margin-bottom:.25rem}.input-field[data-v-0038cbe8]{font-size:1rem;padding:.75rem}.submit-btn[data-v-0038cbe8]{margin-top:1.5rem;padding:.75rem 0}.help-text[data-v-0038cbe8]{margin-top:1.5rem}.branding-footer[data-v-0038cbe8]{position:absolute;bottom:1rem;font-size:.7rem}}.compact-status-widget[data-v-d25a986d]{display:inline-flex;align-items:center;gap:1.5rem;background:var(--bg-card, #ffffff);padding:.5rem 1.25rem;border-radius:9999px;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e7eb}.status-item[data-v-d25a986d]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#4b5563}.label[data-v-d25a986d]{white-space:nowrap}.indicator[data-v-d25a986d]{width:8px;height:8px;border-radius:50%;background-color:#9ca3af}.divider[data-v-d25a986d]{width:1px;height:16px;background-color:#e5e7eb}.status-online[data-v-d25a986d]{color:#059669}.status-online .indicator[data-v-d25a986d]{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.status-offline[data-v-d25a986d]{color:#dc2626}.status-offline .indicator[data-v-d25a986d]{background-color:#ef4444}.widget[data-v-b727318b]{background:var(--bg-card, #ffffff);border-radius:1.25rem;padding:1.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:var(--text-main, #1f2937);display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05);height:100%;min-height:350px}.dark{background:#1e293b;color:#f3f4f6;border-color:#ffffff0d;box-shadow:0 4px 6px -1px #0003}.widget-header[data-v-b727318b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.header-main[data-v-b727318b]{flex:1}.title-row[data-v-b727318b]{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}h3[data-v-b727318b]{margin:0;font-size:1.1rem;font-weight:600;line-height:1.2}.indicators[data-v-b727318b]{display:flex;gap:.5rem}.indicator[data-v-b727318b]{display:flex;align-items:center}.indicator-text[data-v-b727318b]{font-size:.75rem;margin-left:.25rem}.location[data-v-b727318b]{font-size:.8rem;color:var(--text-muted, #6b7280);display:block}.sf-info[data-v-b727318b]{font-size:.75rem;color:var(--text-muted, #6b7280);background:#0000000d;padding:.1rem .4rem;border-radius:4px;font-family:monospace;margin-left:auto;margin-right:.5rem}.dark{color:#94a3b8;background:#ffffff0d}.metric-selector[data-v-b727318b]{display:flex;gap:.25rem;margin-bottom:1rem;align-self:center;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, rgba(0,0,0,.1));padding:.25rem;border-radius:.5rem;width:fit-content}.dark{background:#1e293b;border-color:#ffffff1a}.metric-btn[data-v-b727318b]{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.25rem .5rem;border:none;background:transparent;color:var(--text-muted, #64748b);border-radius:.35rem;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.metric-btn[data-v-b727318b]:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-main, #1f2937)}.metric-btn.active[data-v-b727318b]{background:var(--bg-hover, #f1f5f9);color:var(--text-main, #1f2937);font-weight:600}.main-display[data-v-b727318b]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.5rem}.current-value-row[data-v-b727318b]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.icon-box[data-v-b727318b]{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--bg-hover, #f8fafc)}.dark{background:#334155}.icon-box.temperature[data-v-b727318b]{background:#f3f4f6;color:#1f2937}.dark{background:#334155;color:#f3f4f6}.text-orange-500[data-v-b727318b]{color:#f97316}.bg-orange-500[data-v-b727318b]{background-color:#f97316}.icon-box.humidity[data-v-b727318b]{background:#e0f2fe}.dark{background:#0c4a6e}.icon-box.pressure[data-v-b727318b]{background:#ede9fe}.dark{background:#4c1d95}.value-text[data-v-b727318b]{display:flex;align-items:baseline;gap:.25rem}.value[data-v-b727318b]{font-size:4.5rem;font-weight:700;line-height:1;letter-spacing:-.03em}.unit[data-v-b727318b]{font-size:1rem;color:var(--text-muted, #6b7280);font-weight:500}.unit[data-v-b727318b]{font-size:1.1rem}.stats-row[data-v-b727318b]{display:flex;flex-direction:row;gap:1.5rem;justify-content:center;font-size:.75rem;color:var(--text-muted, #6b7280)}.dark{color:#94a3b8}.stat-item[data-v-b727318b]{display:flex;gap:.5rem}.stat-label[data-v-b727318b]{opacity:.7}.stat-val[data-v-b727318b]{font-weight:600}.graph-wrapper[data-v-b727318b]{display:flex;flex-direction:column;margin-bottom:1rem}.graph-header[data-v-b727318b]{display:flex;justify-content:flex-start;align-items:flex-end;gap:.5rem;margin-bottom:.1rem}.graph-stat[data-v-b727318b]{font-size:.7rem;font-weight:600;color:var(--text-muted, #9ca3af)}.graph-footer-stats[data-v-b727318b]{display:flex;justify-content:flex-start;margin-top:.1rem}.graph-container[data-v-b727318b]{width:100%;height:80px;position:relative}.chart-svg[data-v-b727318b]{width:100%;height:100%;overflow:visible}.sensor-footer[data-v-b727318b]{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted, #9ca3af)}.dark{border-color:#ffffff0d}.last-seen[data-v-b727318b],.activity-hint[data-v-b727318b]{display:flex;align-items:center;gap:.35rem}.footer-signal[data-v-b727318b]{display:flex;align-items:center;gap:.35rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(0,0,0,.1)}.dark{border-color:#ffffff1a}.text-rose-500[data-v-b727318b]{color:#f43f5e}.text-sky-500[data-v-b727318b]{color:#0ea5e9}.text-violet-500[data-v-b727318b]{color:#8b5cf6}.text-emerald-500[data-v-b727318b]{color:#10b981}.text-yellow-500[data-v-b727318b]{color:#eab308}.text-red-500[data-v-b727318b]{color:#ef4444}.text-gray-300[data-v-b727318b]{color:#d1d5db}.text-gray-500[data-v-b727318b]{color:#6b7280}.dashboard-container[data-v-034230b1]{padding:1.5rem;max-width:1400px;margin:0 auto}.dashboard-header[data-v-034230b1]{margin-bottom:2rem}.header-main[data-v-034230b1]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-widget[data-v-034230b1]{display:flex;justify-content:center;flex-grow:1}@media (min-width: 768px){.header-main[data-v-034230b1]{position:relative;justify-content:space-between}.header-widget[data-v-034230b1]{position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;align-items:center;width:auto;flex-grow:0}}h1[data-v-034230b1]{font-size:1.875rem;font-weight:700;margin:0;color:var(--text-main)}.subtitle[data-v-034230b1]{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.dashboard-grid[data-v-034230b1]{display:grid;grid-template-columns:1fr;gap:1.5rem}.sensors-grid[data-v-034230b1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-main: #f8fafc;--bg-header: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-highlight: #0f172a;--border-color: #e2e8f0;--primary-color: #3b82f6;--bg-hover: #f1f5f9;--bg-active: #e0f2fe;--logo-color: #10b981;--bg-card: #ffffff;--danger-color: #ef4444}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;min-width:320px;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s,color .3s}.dark{--bg-main: #0f172a;--bg-header: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-highlight: #f8fafc;--border-color: #334155;--primary-color: #60a5fa;--bg-hover: #334155;--bg-active: #1e3a8a;--logo-color: #34d399;--bg-card: #1e293b;--bg-input: #0f172a;--danger-color: #f87171}.logo-icon{color:var(--logo-color)}
