.navbar[data-v-7b9ba31b]{z-index:100;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;transition:all .3s;position:sticky;top:0}.nav-container[data-v-7b9ba31b]{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;display:flex}.nav-brand[data-v-7b9ba31b]{color:var(--text-primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.nav-logo[data-v-7b9ba31b]{border-radius:6px;width:32px;height:32px}.nav-links[data-v-7b9ba31b]{gap:4px;list-style:none;display:flex}.nav-link[data-v-7b9ba31b]{color:var(--text-secondary);border-radius:8px;padding:8px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-link[data-v-7b9ba31b]:hover,.nav-link.active[data-v-7b9ba31b]{color:var(--accent);background:var(--accent-soft)}.nav-right[data-v-7b9ba31b]{align-items:center;gap:12px;display:flex}.theme-toggle[data-v-7b9ba31b]{background:var(--bg-surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative;overflow:hidden}.theme-toggle[data-v-7b9ba31b]:hover{border-color:var(--accent)}.theme-icon[data-v-7b9ba31b]{color:var(--text-primary);font-size:1.2rem;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);position:absolute}.theme-icon.sun[data-v-7b9ba31b]{opacity:1;transform:rotate(0)scale(1)}.theme-icon.moon[data-v-7b9ba31b]{opacity:0;transform:rotate(-180deg)scale(0)}[data-theme=dark] .theme-icon.sun[data-v-7b9ba31b]{opacity:0;transform:rotate(180deg)scale(0)}[data-theme=dark] .theme-icon.moon[data-v-7b9ba31b]{opacity:1;transform:rotate(0)scale(1)}.login-btn-glow[data-v-7b9ba31b]{background:var(--accent-gradient);color:#fff;border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #0ea5e94d}.login-btn-glow[data-v-7b9ba31b]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.profile-wrapper[data-v-7b9ba31b]{position:relative}.profile-btn[data-v-7b9ba31b]{background:var(--bg-surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:100px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:all .3s;display:flex}.profile-btn[data-v-7b9ba31b]:hover{border-color:var(--accent)}.profile-avatar[data-v-7b9ba31b]{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.profile-text[data-v-7b9ba31b]{color:var(--text-primary);font-size:.9rem;font-weight:600}.profile-dropdown[data-v-7b9ba31b]{background:var(--bg-surface);border:1px solid var(--border);width:220px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:101;border-radius:12px;padding:8px;transition:all .2s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-10px)}.profile-dropdown.show[data-v-7b9ba31b]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item[data-v-7b9ba31b]{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.dropdown-item[data-v-7b9ba31b]:hover{background:var(--accent-soft);color:var(--accent)}.dropdown-item i[data-v-7b9ba31b]{text-align:center;width:20px;color:var(--text-secondary)}.dropdown-item.logout[data-v-7b9ba31b]{color:var(--danger,#ef4444)}.dropdown-item.logout[data-v-7b9ba31b]:hover{background:#ef44441a}.dropdown-item.logout i[data-v-7b9ba31b]{color:var(--danger,#ef4444)}.dropdown-divider[data-v-7b9ba31b]{background:var(--border);height:1px;margin:8px 0}.main-content[data-v-7b9ba31b]{flex:1;width:100%}@media (width<=768px){.nav-links[data-v-7b9ba31b],.profile-text[data-v-7b9ba31b]{display:none}.profile-btn[data-v-7b9ba31b]{padding:6px}}.home-page[data-v-ad3f2676]{padding-bottom:40px}.container[data-v-ad3f2676]{max-width:1200px;margin:0 auto;padding:0 24px}.hero[data-v-ad3f2676]{text-align:center;padding:60px 0 40px}.hero-badge[data-v-ad3f2676]{background:var(--accent-soft);color:var(--accent);border:1px solid #0ea5e933;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero h1[data-v-ad3f2676]{color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;line-height:1.1}.hero h1 span[data-v-ad3f2676]{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p[data-v-ad3f2676]{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.2rem}.section-title[data-v-ad3f2676]{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:32px;font-size:1.5rem;font-weight:800;display:flex}.section-title[data-v-ad3f2676]:before{content:"";background:var(--accent-gradient);border-radius:2px;width:4px;height:24px}.cards-grid[data-v-ad3f2676]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px;display:grid}.card[data-v-ad3f2676]{background:var(--bg-surface);border:1px solid var(--border);color:inherit;border-radius:16px;flex-direction:column;padding:32px;text-decoration:none;transition:all .3s;display:flex;position:relative}.card[data-v-ad3f2676]:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-4px)}.card.disabled[data-v-ad3f2676]{opacity:.7;cursor:default}.card.disabled[data-v-ad3f2676]:hover{box-shadow:var(--shadow-sm);border-color:var(--border);transform:none}.badge[data-v-ad3f2676]{background:var(--bg-surface-hover);color:var(--text-secondary);border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}.card-icon[data-v-ad3f2676]{margin-bottom:16px;font-size:2.5rem}.card h3[data-v-ad3f2676]{color:var(--text-primary);margin-bottom:12px;font-size:1.35rem;font-weight:700}.card p[data-v-ad3f2676]{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.6}.card-action[data-v-ad3f2676]{color:var(--accent);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.tech-grid[data-v-ad3f2676]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:80px;display:grid}.tech-item[data-v-ad3f2676]{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.tech-item[data-v-ad3f2676]:hover{border-color:var(--accent);transform:translateY(-2px)}.tech-item>i[data-v-ad3f2676]{color:var(--accent);background:var(--accent-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.tech-item h4[data-v-ad3f2676]{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.tech-item p[data-v-ad3f2676]{color:var(--text-secondary);font-size:.85rem}.footer[data-v-ad3f2676]{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:40px;padding:40px 24px;font-size:.9rem}@media (width<=768px){.hero[data-v-ad3f2676]{padding:40px 0}.hero h1[data-v-ad3f2676]{font-size:2rem}.cards-grid[data-v-ad3f2676]{grid-template-columns:1fr}}.auth-page[data-v-f293769b]{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container[data-v-f293769b]{width:100%;max-width:400px}.auth-card[data-v-f293769b]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 6px #0000001a}.auth-header[data-v-f293769b]{text-align:center;margin-bottom:24px}.auth-header h2[data-v-f293769b]{color:#111827;margin:0 0 8px;font-size:1.5rem;font-weight:700}.auth-header p[data-v-f293769b]{color:#6b7280;margin:0}.form-group[data-v-f293769b]{margin-bottom:16px}.form-group label[data-v-f293769b]{color:#374151;margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.form-group input[data-v-f293769b]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-size:1rem}.form-group input[data-v-f293769b]:focus{ring:2px solid #93c5fd;border-color:#3b82f6;outline:none}.error-msg[data-v-f293769b]{color:#ef4444;text-align:center;background:#fef2f2;border-radius:6px;margin-bottom:16px;padding:8px;font-size:.875rem}.submit-btn[data-v-f293769b]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:12px;font-size:1rem;font-weight:600}.submit-btn[data-v-f293769b]:hover:not(:disabled){background:#2563eb}.submit-btn[data-v-f293769b]:disabled{opacity:.7;cursor:not-allowed}.auth-footer[data-v-f293769b]{text-align:center;color:#6b7280;margin-top:24px;font-size:.875rem}.auth-footer a[data-v-f293769b]{color:#3b82f6;font-weight:600;text-decoration:none}.auth-page[data-v-7d41ef47]{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;display:flex}.auth-container[data-v-7d41ef47]{width:100%;max-width:420px}.auth-card[data-v-7d41ef47]{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;padding:32px}.auth-header[data-v-7d41ef47]{text-align:center;margin-bottom:24px}.auth-header h2[data-v-7d41ef47]{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:800}.auth-header p[data-v-7d41ef47]{color:var(--text-secondary);font-size:.95rem}.form-group[data-v-7d41ef47]{margin-bottom:16px}.form-group label[data-v-7d41ef47]{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-group input[data-v-7d41ef47]{background:var(--bg-surface-hover);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:.95rem}.form-group input[data-v-7d41ef47]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.error-msg[data-v-7d41ef47]{color:#ef4444;text-align:center;background:#ef44441a;border-radius:6px;margin-bottom:16px;padding:8px;font-size:.9rem}.submit-btn[data-v-7d41ef47]{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:700}.submit-btn[data-v-7d41ef47]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.submit-btn[data-v-7d41ef47]:disabled{opacity:.6;cursor:not-allowed}.auth-footer[data-v-7d41ef47]{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.auth-footer a[data-v-7d41ef47]{color:var(--accent);font-weight:600;text-decoration:none}[data-theme=dark] .cf-turnstile[data-v-7d41ef47]{filter:invert()hue-rotate(180deg);transform-origin:0;transform:scale(.9)}.mqtt-dashboard[data-v-be23e00a]{background:var(--bg-body);min-height:100vh;color:var(--text-primary);flex:1;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif}.container[data-v-be23e00a]{max-width:96vw;margin:0 auto;padding:0 12px 16px}.top-bar[data-v-be23e00a]{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;margin-bottom:10px;padding:10px 14px;transition:all .2s;display:flex}.top-bar[data-v-be23e00a]:hover{border-color:var(--accent);background:var(--bg-surface-hover)}.top-bar-left[data-v-be23e00a]{flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;display:flex}.tb-icon[data-v-be23e00a]{color:var(--accent);font-size:1.1rem}.tb-title[data-v-be23e00a]{color:var(--text-primary);font-size:.95rem;font-weight:700}.tb-fresh[data-v-be23e00a]{align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.tb-fresh.fresh[data-v-be23e00a]{color:var(--success)}.tb-fresh.stale[data-v-be23e00a]{color:var(--danger)}.tb-time[data-v-be23e00a]{color:var(--text-secondary);align-items:center;gap:4px;font-size:.78rem;display:flex}.tb-time i[data-v-be23e00a]{color:var(--accent);font-size:.72rem}.top-bar-right[data-v-be23e00a]{align-items:center;gap:6px;display:flex}.tb-indicators[data-v-be23e00a]{gap:4px;display:flex}.tb-ind[data-v-be23e00a]{width:26px;height:26px;color:var(--danger);background:#ef44441f;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;transition:all .3s;display:flex}.tb-ind.on[data-v-be23e00a]{color:var(--success);background:#10b9811f;border-color:#10b98140}.tb-add[data-v-be23e00a]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .2s;display:flex}.tb-add[data-v-be23e00a]:hover{background:var(--accent-hover);transform:scale(1.05)}.tb-toggle[data-v-be23e00a]{border:1px solid var(--border);background:var(--bg-surface-hover);height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:.8rem;transition:all .2s;display:flex}.tb-toggle[data-v-be23e00a]:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.desktop-view[data-v-be23e00a]{display:block}.mobile-view[data-v-be23e00a]{display:none}.table-wrap[data-v-be23e00a]{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;border-radius:12px;margin-bottom:10px;overflow-x:auto}.t-table[data-v-be23e00a]{border-collapse:separate;border-spacing:0 4px;width:100%;min-width:600px;font-size:.84rem}.t-table thead[data-v-be23e00a]{background:var(--bg-surface-hover)}.t-table th[data-v-be23e00a]{text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:10px 12px;font-size:.68rem;font-weight:700}.t-table td[data-v-be23e00a]{color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-surface);padding:10px 12px}.t-table tbody tr[data-v-be23e00a]{transition:all .15s}.t-table tbody tr:hover td[data-v-be23e00a]{background:var(--accent-soft)}.t-table tbody tr td[data-v-be23e00a]:first-child{border-radius:8px 0 0 8px}.t-table tbody tr td[data-v-be23e00a]:last-child{border-radius:0 8px 8px 0}.name-cell[data-v-be23e00a]{min-width:160px}.name-main[data-v-be23e00a]{margin-bottom:2px}.name-main strong[data-v-be23e00a]{color:var(--text-primary);font-weight:700}.name-sub code[data-v-be23e00a]{background:var(--bg-surface-hover);color:var(--accent);border-radius:3px;padding:2px 6px;font-size:.72rem;font-weight:600}.info-cell[data-v-be23e00a]{min-width:160px}.info-row[data-v-be23e00a]{color:var(--text-secondary);align-items:center;gap:5px;margin-bottom:2px;font-size:.78rem;display:flex}.info-row[data-v-be23e00a]:last-child{margin-bottom:0}.info-row i[data-v-be23e00a]{color:var(--accent);width:12px;font-size:.72rem}.val-cell[data-v-be23e00a]{font-size:.92rem;font-weight:700}.unit[data-v-be23e00a]{color:var(--text-secondary);margin-left:2px;font-size:.8rem;font-weight:500}.chart-btn[data-v-be23e00a]{cursor:pointer;background:var(--bg-surface-hover);width:30px;height:30px;color:var(--text-tertiary);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.82rem;transition:all .2s;display:flex}.chart-btn.active[data-v-be23e00a]{color:#fff}.chart-btn[data-v-be23e00a]:hover{transform:scale(1.1)}.edit-btn[data-v-be23e00a]{cursor:pointer;width:30px;height:30px;color:var(--accent);background:#0ea5e926;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.82rem;transition:all .2s;display:flex}.edit-btn[data-v-be23e00a]:hover{background:#0ea5e940;transform:scale(1.1)}.switch[data-v-be23e00a]{width:36px;height:20px;display:inline-block;position:relative}.switch input[data-v-be23e00a]{opacity:0;width:0;height:0}.slider[data-v-be23e00a]{cursor:pointer;background:var(--border-hover);border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider[data-v-be23e00a]:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-be23e00a]{background:var(--success)}input:checked+.slider[data-v-be23e00a]:before{transform:translate(16px)}.card-list[data-v-be23e00a]{flex-direction:column;gap:6px;display:flex}.topic-card[data-v-be23e00a]{background:var(--bg-surface);box-shadow:var(--shadow-sm);border-left:6px solid #3b82f6;border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;transition:all .15s;display:flex}.topic-card[data-v-be23e00a]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.topic-card.inactive[data-v-be23e00a]{opacity:.5;filter:grayscale(.3)}.card-row-top[data-v-be23e00a]{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.status-dot[data-v-be23e00a]{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.active[data-v-be23e00a]{background:#22c55e}.status-dot.inactive[data-v-be23e00a]{background:var(--text-muted)}.card-title[data-v-be23e00a]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.card-topic-name[data-v-be23e00a]{color:var(--text-muted);background:var(--bg-surface-hover);white-space:nowrap;text-overflow:ellipsis;border-radius:30px;flex-shrink:1;align-items:center;max-width:100px;height:18px;padding:0 8px;font-family:SF Mono,Menlo,monospace;font-size:10px;font-weight:500;display:inline-flex;overflow:hidden}.card-actions[data-v-be23e00a]{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.btn-icon[data-v-be23e00a]{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.btn-icon[data-v-be23e00a]:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-icon[data-v-be23e00a]:active{transform:scale(.9)}.btn-icon.edit-btn[data-v-be23e00a]:hover{color:var(--accent);background:#0ea5e926}.switch-wrap[data-v-be23e00a]{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:flex}.switch-wrap input[data-v-be23e00a]{display:none}.switch-track[data-v-be23e00a]{background:var(--border-hover);border-radius:40px;flex-shrink:0;width:28px;height:16px;transition:background .25s;position:relative}.switch-track .thumb[data-v-be23e00a]{background:#fff;border-radius:50%;width:10px;height:10px;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.switch-wrap input:checked+.switch-track[data-v-be23e00a]{background:var(--success)}.switch-wrap input:checked+.switch-track .thumb[data-v-be23e00a]{left:calc(100% - 13px)}.card-row-bottom[data-v-be23e00a]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding-left:12px;display:flex}.value-group[data-v-be23e00a]{color:var(--text-primary);align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.chart-icon[data-v-be23e00a]{color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;transition:color .2s}.chart-icon[data-v-be23e00a]:hover,.chart-icon.active[data-v-be23e00a]{color:var(--accent)}.value-group .unit[data-v-be23e00a]{color:var(--text-muted);font-size:13px;font-weight:500}.no-value[data-v-be23e00a]{color:var(--text-muted);font-size:14px;font-weight:500}.meta-group[data-v-be23e00a]{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.meta-group .time[data-v-be23e00a]{background:var(--bg-surface-hover);border-radius:30px;align-items:center;gap:4px;height:20px;padding:0 8px 0 6px;font-family:SF Mono,Menlo,monospace;display:inline-flex}.meta-group .time i[data-v-be23e00a]{font-size:10px}.meta-group .interval[data-v-be23e00a]{background:var(--bg-surface-hover);border-radius:30px;align-items:center;gap:4px;height:20px;padding:0 8px 0 6px;display:inline-flex}.meta-group .interval i[data-v-be23e00a]{color:var(--accent);font-size:10px}.empty-state[data-v-be23e00a]{text-align:center;color:var(--text-muted);padding:28px 12px}.empty-state i[data-v-be23e00a]{color:var(--border);margin-bottom:6px;font-size:32px;display:block}.empty-state p[data-v-be23e00a]{font-size:13px;font-weight:500}.cred-card[data-v-be23e00a]{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:10px;padding:16px}.cred-grid[data-v-be23e00a]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.cred-cell[data-v-be23e00a]{background:var(--bg-surface-hover);border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:all .2s}.cred-cell[data-v-be23e00a]:hover{border-color:var(--accent)}.cred-cell label[data-v-be23e00a]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:5px;font-size:.72rem;font-weight:700;display:flex}.cred-cell label i[data-v-be23e00a]{color:var(--accent);font-size:.8rem}.cred-val[data-v-be23e00a]{align-items:center;gap:4px;display:flex}.cred-val code[data-v-be23e00a]{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);word-break:break-all;border-radius:5px;flex:1;padding:5px 8px;font-family:Courier New,monospace;font-size:.82rem;font-weight:600}.cp-btn[data-v-be23e00a]{background:var(--bg-surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.cp-btn[data-v-be23e00a]:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.regen-btn[data-v-be23e00a]{color:var(--danger);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.regen-btn[data-v-be23e00a]:hover:not(:disabled){background:#ef444433}.regen-btn[data-v-be23e00a]:disabled{opacity:.4;cursor:not-allowed}.section[data-v-be23e00a]{margin-top:10px}.section-head[data-v-be23e00a]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-title[data-v-be23e00a]{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.section-title i[data-v-be23e00a]{color:var(--accent)}.controls[data-v-be23e00a]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sel[data-v-be23e00a]{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:600}.ctrl-btn[data-v-be23e00a]{background:var(--bg-surface);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:.85rem;transition:all .2s}.ctrl-btn[data-v-be23e00a]:hover{border-color:var(--accent);background:var(--accent-soft)}.ctrl-btn.green[data-v-be23e00a]{background:var(--success);color:#fff;border-color:var(--success);align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:flex}.ctrl-btn.green[data-v-be23e00a]:hover{background:#059669}.ctrl-btn.green[data-v-be23e00a]:disabled{opacity:.5;cursor:not-allowed}.data-grid[data-v-be23e00a]{flex-direction:column;gap:12px;display:flex}.chart-box[data-v-be23e00a]{background:var(--bg-surface);border:1px solid var(--border);width:100%;height:320px;box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:12px;padding:10px;position:relative}.chart-empty[data-v-be23e00a]{text-align:center;color:var(--text-tertiary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-empty i[data-v-be23e00a]{color:var(--border-hover);margin-bottom:8px;font-size:2.5rem}.chart-empty p[data-v-be23e00a]{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:600}.chart-empty small[data-v-be23e00a]{font-size:.78rem}.overlay[data-v-be23e00a]{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal[data-v-be23e00a]{background:var(--bg-surface);width:95%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:12px;padding:20px;overflow-y:auto}.modal-head[data-v-be23e00a]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-head h3[data-v-be23e00a]{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.x-btn[data-v-be23e00a]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.4rem}.fg[data-v-be23e00a]{margin-bottom:12px}.fg label[data-v-be23e00a]{color:var(--text-secondary);margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.inp[data-v-be23e00a]{background:var(--bg-body);border:1px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.88rem}.inp[data-v-be23e00a]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.inp[data-v-be23e00a]:disabled{opacity:.6}.colors[data-v-be23e00a]{flex-wrap:wrap;gap:6px;display:flex}.swatch[data-v-be23e00a]{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .2s}.swatch[data-v-be23e00a]:hover{transform:scale(1.1)}.swatch.sel[data-v-be23e00a]{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--text-primary)}.modal-foot[data-v-be23e00a]{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.edit-foot[data-v-be23e00a]{flex-wrap:wrap;justify-content:space-between}.spacer[data-v-be23e00a]{flex:1}.save-btn[data-v-be23e00a]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.88rem;font-weight:700}.save-btn[data-v-be23e00a]:hover{background:var(--accent-hover)}.del-btn[data-v-be23e00a]{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:.85rem;font-weight:700;display:flex}.warn-btn[data-v-be23e00a]{background:var(--bg-surface);color:var(--warning);border:1px solid var(--warning);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:.85rem;font-weight:700;display:flex}.empty[data-v-be23e00a]{text-align:center;color:var(--text-tertiary);padding:20px;font-weight:500}.spinning[data-v-be23e00a]{animation:1s linear infinite spin-be23e00a}@keyframes spin-be23e00a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.desktop-view[data-v-be23e00a]{display:none!important}.mobile-view[data-v-be23e00a]{display:block!important}.container[data-v-be23e00a]{padding:0 8px 12px}.top-bar[data-v-be23e00a]{gap:6px;padding:8px 10px}.top-bar-left[data-v-be23e00a]{gap:6px;font-size:.78rem}.tb-icon[data-v-be23e00a]{font-size:.95rem}.tb-title[data-v-be23e00a]{font-size:.85rem}.tb-time[data-v-be23e00a],.tb-fresh[data-v-be23e00a]{font-size:.7rem}.btn-text[data-v-be23e00a]{display:none}.chart-box[data-v-be23e00a]{height:260px;padding:8px}.cred-grid[data-v-be23e00a]{grid-template-columns:1fr}.cred-val code[data-v-be23e00a]{font-size:.78rem}.section-head[data-v-be23e00a]{flex-direction:column;align-items:stretch}.controls[data-v-be23e00a]{justify-content:space-between;width:100%}.sel[data-v-be23e00a]{flex:1}.modal[data-v-be23e00a]{width:96vw;padding:14px}.tb-ind[data-v-be23e00a]{width:24px;height:24px;font-size:.65rem}.card-title[data-v-be23e00a]{max-width:90px;font-size:13px}.card-topic-name[data-v-be23e00a]{max-width:70px;height:16px;font-size:9px}.value-group[data-v-be23e00a]{font-size:18px}.value-group .unit[data-v-be23e00a]{font-size:12px}.chart-icon[data-v-be23e00a]{font-size:14px}.meta-group[data-v-be23e00a]{font-size:10px}.meta-group .time[data-v-be23e00a],.meta-group .interval[data-v-be23e00a]{height:18px;padding:0 6px}.btn-icon[data-v-be23e00a]{width:22px;height:22px;font-size:12px}.switch-track[data-v-be23e00a]{width:24px;height:14px}.switch-track .thumb[data-v-be23e00a]{width:8px;height:8px}.switch-wrap input:checked+.switch-track .thumb[data-v-be23e00a]{left:calc(100% - 11px)}.card-row-bottom[data-v-be23e00a]{padding-left:10px}}@media (width<=380px){.card-title[data-v-be23e00a]{max-width:70px;font-size:12px}.card-topic-name[data-v-be23e00a]{max-width:55px;height:14px;font-size:8px}.value-group[data-v-be23e00a]{font-size:16px}.meta-group .time[data-v-be23e00a],.meta-group .interval[data-v-be23e00a]{height:16px;padding:0 4px}.btn-icon[data-v-be23e00a]{width:20px;height:20px;font-size:11px}.switch-track[data-v-be23e00a]{width:22px;height:12px}.switch-track .thumb[data-v-be23e00a]{width:6px;height:6px}.switch-wrap input:checked+.switch-track .thumb[data-v-be23e00a]{left:calc(100% - 9px)}.card-row-bottom[data-v-be23e00a]{flex-direction:column;align-items:flex-start;gap:2px}}.tests-page[data-v-d9829efd]{min-height:calc(100vh - 70px);padding:40px 0}.container[data-v-d9829efd]{max-width:1200px;margin:0 auto;padding:0 24px}.page-header[data-v-d9829efd]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.page-header h1[data-v-d9829efd]{color:var(--text-primary);margin:0;font-size:2rem;font-weight:800}.actions[data-v-d9829efd]{gap:12px;display:flex}.btn[data-v-d9829efd]{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary[data-v-d9829efd]{background:var(--accent-gradient);color:#fff}.btn-primary[data-v-d9829efd]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn-secondary[data-v-d9829efd]{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border)}.btn-secondary[data-v-d9829efd]:hover,.btn-secondary.active[data-v-d9829efd]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn-sm[data-v-d9829efd]{padding:6px 12px;font-size:.85rem}.loading-state[data-v-d9829efd],.error-state[data-v-d9829efd],.empty-state[data-v-d9829efd]{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:60px 20px}.error-state[data-v-d9829efd]{color:#ef4444;border-color:#ef4444}.empty-state i[data-v-d9829efd],.loading-state i[data-v-d9829efd],.error-state i[data-v-d9829efd]{margin-bottom:16px;font-size:3rem;display:block}.empty-state h3[data-v-d9829efd]{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.empty-state p[data-v-d9829efd]{color:var(--text-secondary);margin-bottom:24px}.tests-grid[data-v-d9829efd]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.test-card[data-v-d9829efd]{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.test-card[data-v-d9829efd]:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-header[data-v-d9829efd]{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.test-header h3[data-v-d9829efd]{color:var(--text-primary);flex:1;margin:0;font-size:1.2rem;font-weight:700}.badge[data-v-d9829efd]{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.badge-success[data-v-d9829efd]{color:#22c55e;background:#22c55e1a}.badge-draft[data-v-d9829efd]{color:#94a3b8;background:#94a3b81a}.test-image[data-v-d9829efd]{margin-bottom:12px}.test-image img[data-v-d9829efd]{border-radius:8px;width:100%}.test-meta[data-v-d9829efd]{color:var(--text-tertiary);flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:.85rem;display:flex}.test-meta i[data-v-d9829efd]{margin-right:4px}.test-actions[data-v-d9829efd]{gap:8px;margin-top:auto;display:flex}@media (width<=768px){.page-header[data-v-d9829efd]{flex-direction:column;align-items:stretch}.actions[data-v-d9829efd]{justify-content:stretch}.actions .btn[data-v-d9829efd]{flex:1;justify-content:center}.tests-grid[data-v-d9829efd]{grid-template-columns:1fr}}.builder-page[data-v-a6625dc1]{background:#0a0f1c;min-height:100vh;padding:20px 0 60px}.container[data-v-a6625dc1]{max-width:1200px;margin:0 auto;padding:0 20px}.toolbar[data-v-a6625dc1]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1cf2;border-bottom:1px solid #00d4ff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-20px -20px 24px;padding:12px 20px;display:flex;position:sticky;top:0}.toolbar-left[data-v-a6625dc1]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-back[data-v-a6625dc1]{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .3s;display:flex}.btn-back[data-v-a6625dc1]:hover{color:#f8fafc;background:#ffffff1f}.toolbar-title[data-v-a6625dc1]{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:1.05rem;font-weight:600;overflow:hidden}.toolbar-count[data-v-a6625dc1]{color:#64748b;background:#ffffff0f;border-radius:20px;padding:2px 12px;font-size:.85rem}.toolbar-right[data-v-a6625dc1]{flex-wrap:wrap;gap:10px;display:flex}.btn-add[data-v-a6625dc1]{color:#00d4ff;cursor:pointer;background:#00d4ff26;border:1px solid #00d4ff40;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-add[data-v-a6625dc1]:hover{background:#00d4ff40;transform:translateY(-1px)}.btn-save[data-v-a6625dc1]{color:#0a0f1c;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-save[data-v-a6625dc1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff4d}.btn-save[data-v-a6625dc1]:disabled{opacity:.6;cursor:not-allowed}.loading[data-v-a6625dc1],.error-state[data-v-a6625dc1]{text-align:center;color:#94a3b8;padding:60px 20px}.loading i[data-v-a6625dc1],.error-state i[data-v-a6625dc1]{color:#00d4ff;margin-bottom:12px;font-size:2rem}.error-state h3[data-v-a6625dc1]{color:#f8fafc;margin:8px 0}.btn-back-home[data-v-a6625dc1]{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;margin-top:16px;padding:8px 20px;transition:all .3s}.btn-back-home[data-v-a6625dc1]:hover{color:#f8fafc;background:#ffffff1f}.builder-main[data-v-a6625dc1]{flex-direction:column;gap:24px;display:flex}.settings-card[data-v-a6625dc1]{background:#1a1f2e80;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:24px;display:flex}.settings-image[data-v-a6625dc1]{background:#1a1f2e;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;width:160px;height:120px;position:relative;overflow:hidden}.settings-image img[data-v-a6625dc1]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upload-label[data-v-a6625dc1]{color:#0a0f1c;cursor:pointer;background:#00d4ffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .3s;display:flex;position:absolute;bottom:8px;right:8px}.upload-label[data-v-a6625dc1]:hover{background:#00d4ff;transform:scale(1.08)}.settings-info[data-v-a6625dc1]{flex:1;min-width:200px}.test-title[data-v-a6625dc1]{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:10px 14px;font-size:1.3rem;font-weight:600;transition:all .3s}.test-title[data-v-a6625dc1]:focus{border-color:#00d4ff;outline:none;box-shadow:0 0 0 3px #00d4ff26}.settings-access[data-v-a6625dc1]{background:#1a1f2e80;border:1px solid #ffffff0f;border-radius:16px;padding:20px 24px 24px}.settings-access h3[data-v-a6625dc1]{color:#f8fafc;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.settings-access h3 i[data-v-a6625dc1]{color:#00d4ff}.settings-grid[data-v-a6625dc1]{grid-template-columns:repeat(3,1fr);gap:12px 24px;display:grid}.setting-item.toggle-item[data-v-a6625dc1]{align-items:center;gap:10px;display:flex}.setting-item.input-item[data-v-a6625dc1]{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}.setting-label[data-v-a6625dc1]{color:#cbd5e1;white-space:nowrap;font-size:.9rem}.time-input[data-v-a6625dc1]{color:#f8fafc;text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;width:70px;padding:6px 10px;font-size:.9rem}.time-input[data-v-a6625dc1]:focus{border-color:#00d4ff;outline:none}.time-hint[data-v-a6625dc1]{color:#64748b;font-size:.75rem}.toggle[data-v-a6625dc1]{cursor:pointer;flex-shrink:0;width:40px;height:22px;position:relative}.toggle input[data-v-a6625dc1]{opacity:0;width:0;height:0}.slider[data-v-a6625dc1]{background:#2a2f3e;border-radius:22px;transition:all .3s;position:absolute;inset:0}.slider[data-v-a6625dc1]:before{content:"";background:#64748b;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider[data-v-a6625dc1]{background:#00d4ff}.toggle input:checked+.slider[data-v-a6625dc1]:before{background:#0a0f1c;transform:translate(18px)}.questions-section[data-v-a6625dc1]{background:#1a1f2e80;border:1px solid #ffffff0f;border-radius:16px;padding:20px 24px 24px}.questions-section h2[data-v-a6625dc1]{color:#f8fafc;margin-bottom:16px;font-size:1.1rem;font-weight:600}.empty-questions[data-v-a6625dc1]{text-align:center;color:#64748b;padding:40px 20px}.question-card[data-v-a6625dc1]{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:12px;padding:16px 18px;transition:all .3s}.question-card[data-v-a6625dc1]:hover{border-color:#00d4ff26}.question-header[data-v-a6625dc1]{flex-direction:column;gap:8px;display:flex}.question-top-row[data-v-a6625dc1]{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-meta[data-v-a6625dc1]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.question-number[data-v-a6625dc1]{color:#64748b;background:#ffffff0d;border-radius:12px;padding:2px 10px;font-size:.85rem;font-weight:600}.question-type-badge[data-v-a6625dc1]{color:#00d4ff;background:#00d4ff1f;border-radius:12px;padding:2px 10px;font-size:.7rem}.question-actions[data-v-a6625dc1]{gap:4px;display:flex}.btn-edit[data-v-a6625dc1],.btn-delete[data-v-a6625dc1]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;transition:all .3s;display:flex}.btn-edit[data-v-a6625dc1]{color:#00d4ff;background:#00d4ff1f}.btn-edit[data-v-a6625dc1]:hover{background:#00d4ff40}.btn-delete[data-v-a6625dc1]{color:#ef4444;background:#ef44441f}.btn-delete[data-v-a6625dc1]:hover{background:#ef444440}.question-preview[data-v-a6625dc1]{color:#f8fafc;word-break:break-word;font-size:.95rem;line-height:1.4}.question-correct-answers[data-v-a6625dc1]{color:#94a3b8;word-break:break-word;border-top:1px solid #ffffff0a;margin-top:8px;padding-top:8px;font-size:.85rem}.correct-label[data-v-a6625dc1]{color:#10b981;margin-right:4px;font-weight:500}.correct-answers[data-v-a6625dc1]{color:#cbd5e1;word-break:break-word}.modal-overlay[data-v-a6625dc1]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn-a6625dc1;display:flex;position:fixed;inset:0}@keyframes fadeIn-a6625dc1{0%{opacity:0}to{opacity:1}}.modal-content[data-v-a6625dc1]{background:#141a28;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.modal-header[data-v-a6625dc1]{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3[data-v-a6625dc1]{color:#f8fafc;font-size:1.1rem;font-weight:600}.modal-close[data-v-a6625dc1]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.6rem;line-height:1;transition:all .3s}.modal-close[data-v-a6625dc1]:hover{color:#f8fafc}.modal-body[data-v-a6625dc1]{padding:20px 24px}.form-group[data-v-a6625dc1]{margin-bottom:18px}.form-group label[data-v-a6625dc1]{color:#cbd5e1;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.dark-select[data-v-a6625dc1]{color:#f8fafc;background:#1a1f2e;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.dark-select[data-v-a6625dc1]:focus{border-color:#00d4ff;outline:none}.form-group input[data-v-a6625dc1],.form-group textarea[data-v-a6625dc1]{color:#f8fafc;resize:vertical;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem}.form-group input[data-v-a6625dc1]:focus,.form-group textarea[data-v-a6625dc1]:focus{border-color:#00d4ff;outline:none}.form-divider[data-v-a6625dc1]{color:#64748b;align-items:center;gap:12px;margin:20px 0 16px;font-size:.85rem;font-weight:500;display:flex}.form-divider[data-v-a6625dc1]:after{content:"";background:#ffffff0f;flex:1;height:1px}.option-edit-item[data-v-a6625dc1]{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:all .3s;display:flex}.option-edit-item.is-correct[data-v-a6625dc1]{background:#10b9810d;border-color:#10b9814d}.option-edit-input[data-v-a6625dc1]{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:150px;display:flex}.option-edit-input input[type=text][data-v-a6625dc1]{color:#f8fafc;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;flex:1;min-width:100px;padding:6px 10px;font-size:.9rem}.option-edit-input input[type=text][data-v-a6625dc1]:focus{border-color:#00d4ff;outline:none}.option-correct[data-v-a6625dc1]{color:#94a3b8;cursor:pointer;align-items:center;gap:4px;font-size:.8rem;display:flex}.option-correct input[type=checkbox][data-v-a6625dc1]{accent-color:#00d4ff;cursor:pointer;width:16px;height:16px}.btn-remove-option[data-v-a6625dc1]{color:#ef4444;cursor:pointer;background:#ef44441f;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:all .3s;display:flex}.btn-remove-option[data-v-a6625dc1]:hover{background:#ef444440}.btn-add-option[data-v-a6625dc1]{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .3s;display:inline-flex}.btn-add-option[data-v-a6625dc1]:hover{color:#cbd5e1;background:#ffffff14}.modal-footer[data-v-a6625dc1]{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel[data-v-a6625dc1]{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .3s}.btn-cancel[data-v-a6625dc1]:hover{color:#f8fafc;background:#ffffff1a}.modal-footer .btn-save[data-v-a6625dc1]{color:#0a0f1c;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;padding:8px 24px;font-weight:600;transition:all .3s}.modal-footer .btn-save[data-v-a6625dc1]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff4d}@media (width<=768px){.settings-grid[data-v-a6625dc1]{grid-template-columns:1fr}.toolbar[data-v-a6625dc1]{flex-direction:column;align-items:stretch}.toolbar-right[data-v-a6625dc1]{justify-content:stretch}.toolbar-right .btn-add[data-v-a6625dc1],.toolbar-right .btn-save[data-v-a6625dc1]{flex:1;justify-content:center}}.take-test[data-v-9a8f3f02]{min-height:70vh;padding:40px 0}.container[data-v-9a8f3f02]{max-width:1000px;margin:0 auto;padding:0 20px}.loading[data-v-9a8f3f02],.error-state[data-v-9a8f3f02]{text-align:center;color:#94a3b8;padding:60px 20px}.loading i[data-v-9a8f3f02],.error-state i[data-v-9a8f3f02]{color:#00d4ff;margin-bottom:12px;font-size:2rem}.error-state i[data-v-9a8f3f02]{color:#ef4444}.error-state h3[data-v-9a8f3f02]{color:#f8fafc;margin:10px 0}.btn-back-home[data-v-9a8f3f02]{color:#1a1f2e;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;margin-top:20px;padding:10px 24px;font-weight:600}.start-screen[data-v-9a8f3f02]{text-align:center;background:#1a1f2e99;border:1px solid #00d4ff33;border-radius:16px;max-width:500px;margin:0 auto;padding:40px}.test-image[data-v-9a8f3f02]{border-radius:12px;width:100%;height:200px;margin-bottom:20px;overflow:hidden}.test-image img[data-v-9a8f3f02]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.start-screen h1[data-v-9a8f3f02]{color:#f8fafc;margin-bottom:10px;font-size:1.8rem}.start-screen p[data-v-9a8f3f02]{color:#94a3b8;margin-bottom:30px}.time-info[data-v-9a8f3f02]{color:#00d4ff;margin-bottom:10px;font-size:.9rem}.min-score-info[data-v-9a8f3f02]{color:#f59e0b;margin-bottom:20px;font-size:.9rem}.user-info-form[data-v-9a8f3f02]{margin-top:20px}.user-info-form .form-group[data-v-9a8f3f02]{text-align:left;margin-bottom:16px}.user-info-form label[data-v-9a8f3f02]{color:#cbd5e1;margin-bottom:8px;font-size:.9rem;display:block}.user-info-form input[data-v-9a8f3f02]{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem}.user-info-form input[data-v-9a8f3f02]:focus{border-color:#00d4ff;outline:none}.logged-in-info[data-v-9a8f3f02]{color:#cbd5e1;margin-bottom:20px;font-size:1rem}.logged-in-info strong[data-v-9a8f3f02]{color:#00d4ff}.btn-start[data-v-9a8f3f02]{color:#1a1f2e;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;padding:12px 40px;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-start[data-v-9a8f3f02]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff4d}.btn-start[data-v-9a8f3f02]:disabled{opacity:.5;cursor:not-allowed}.test-panel[data-v-9a8f3f02]{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f1cf2;border:1px solid #00d4ff33;border-radius:12px;margin-bottom:20px;padding:12px 16px;position:sticky;top:80px}.panel-top[data-v-9a8f3f02]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-info[data-v-9a8f3f02]{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:16px;font-size:.85rem;display:flex}.panel-user[data-v-9a8f3f02]{color:#00d4ff;font-weight:600}.panel-progress[data-v-9a8f3f02]{color:#f8fafc}.panel-timer[data-v-9a8f3f02]{color:#10b981;font-weight:600}.question-nav[data-v-9a8f3f02]{flex-wrap:wrap;gap:4px;display:flex}.nav-dot[data-v-9a8f3f02]{color:#94a3b8;cursor:pointer;background:0 0;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:600;transition:all .3s;display:flex}.nav-dot[data-v-9a8f3f02]:hover{color:#f8fafc;border-color:#00d4ff}.nav-dot.active[data-v-9a8f3f02]{color:#00d4ff;background:#00d4ff33;border-color:#00d4ff}.nav-dot.answered[data-v-9a8f3f02]{color:#10b981;background:#10b98126;border-color:#10b981}.nav-dot.current[data-v-9a8f3f02]{color:#1a1f2e;background:#00d4ff;border-color:#00d4ff}.question-body[data-v-9a8f3f02]{background:#1a1f2e99;border:1px solid #00d4ff33;border-radius:16px;padding:24px}.question-text[data-v-9a8f3f02]{color:#f8fafc;margin-bottom:12px;font-size:1.2rem;line-height:1.5}.question-image[data-v-9a8f3f02]{border-radius:8px;max-height:250px;margin-bottom:16px;overflow:hidden}.question-image img[data-v-9a8f3f02]{-o-object-fit:contain;object-fit:contain;background:#0000004d;width:100%;max-height:250px}.options-list[data-v-9a8f3f02]{flex-direction:column;gap:8px;display:flex}.option-item[data-v-9a8f3f02]{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 14px;transition:all .3s;display:flex}.option-item[data-v-9a8f3f02]:hover{background:#ffffff1a}.option-item.selected[data-v-9a8f3f02]{background:#00d4ff1a;border-color:#00d4ff}.option-marker[data-v-9a8f3f02]{color:#94a3b8;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:flex}.option-item.selected .option-marker[data-v-9a8f3f02]{color:#1a1f2e;background:#00d4ff}.option-content[data-v-9a8f3f02]{flex:1;min-width:0}.option-text[data-v-9a8f3f02]{color:#f8fafc;line-height:1.4}.option-image[data-v-9a8f3f02]{margin-top:4px}.option-image img[data-v-9a8f3f02]{-o-object-fit:contain;object-fit:contain;border-radius:4px;max-height:60px}.question-actions[data-v-9a8f3f02]{justify-content:flex-end;margin-top:20px;display:flex}.btn-next[data-v-9a8f3f02]{color:#f8fafc;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:8px 20px;font-weight:600;transition:all .3s}.btn-next[data-v-9a8f3f02]:hover:not(:disabled){background:#fff3}.btn-finish[data-v-9a8f3f02]{color:#1a1f2e;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:6px;padding:8px 20px;font-weight:600;transition:all .3s}.btn-finish[data-v-9a8f3f02]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff4d}.btn-next[data-v-9a8f3f02]:disabled,.btn-finish[data-v-9a8f3f02]:disabled{opacity:.5;cursor:not-allowed}.result-screen[data-v-9a8f3f02]{text-align:center;max-width:500px;margin:0 auto}.result-content[data-v-9a8f3f02]{background:#1a1f2e99;border:1px solid #00d4ff33;border-radius:16px;padding:40px}.result-icon[data-v-9a8f3f02]{margin-bottom:20px;font-size:4rem}.result-icon .fa-star[data-v-9a8f3f02]{color:#f59e0b}.result-icon .fa-smile[data-v-9a8f3f02]{color:#10b981}.result-icon .fa-meh[data-v-9a8f3f02]{color:#f59e0b}.result-icon .fa-frown[data-v-9a8f3f02]{color:#ef4444}.result-content h1[data-v-9a8f3f02]{color:#f8fafc;margin-bottom:15px;font-size:1.8rem}.result-status[data-v-9a8f3f02]{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 20px;font-size:1.1rem;font-weight:700;display:inline-flex}.result-status.passed[data-v-9a8f3f02]{color:#10b981;background:#10b9811a;border:1px solid #10b981}.result-status.failed[data-v-9a8f3f02]{color:#ef4444;background:#ef44441a;border:1px solid #ef4444}.result-score[data-v-9a8f3f02]{margin-bottom:24px}.score-number[data-v-9a8f3f02]{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:4rem;font-weight:800}.score-label[data-v-9a8f3f02]{color:#94a3b8;margin-top:4px;font-size:1rem;display:block}.result-stats[data-v-9a8f3f02]{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:24px;display:flex}.stat-item[data-v-9a8f3f02]{flex-direction:column;display:flex}.stat-label[data-v-9a8f3f02]{color:#94a3b8;font-size:.85rem}.stat-value[data-v-9a8f3f02]{font-size:1.3rem;font-weight:600}.stat-value.correct[data-v-9a8f3f02]{color:#10b981}.stat-value.wrong[data-v-9a8f3f02]{color:#ef4444}.stat-value.time[data-v-9a8f3f02]{color:#00d4ff}.result-actions[data-v-9a8f3f02]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-restart[data-v-9a8f3f02],.btn-back[data-v-9a8f3f02]{color:#00d4ff;cursor:pointer;background:0 0;border:1px solid #00d4ff;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;transition:all .3s;display:flex}.btn-restart[data-v-9a8f3f02]:hover,.btn-back[data-v-9a8f3f02]:hover{background:#00d4ff1a}@media (width<=768px){.test-image[data-v-9a8f3f02]{height:150px}.question-body[data-v-9a8f3f02]{padding:16px}.question-text[data-v-9a8f3f02]{font-size:1rem}.result-stats[data-v-9a8f3f02]{gap:16px}.score-number[data-v-9a8f3f02]{font-size:3rem}.panel-info[data-v-9a8f3f02]{gap:8px;font-size:.75rem}.nav-dot[data-v-9a8f3f02]{width:24px;height:24px;font-size:.6rem}}.profile-page[data-v-e18d1655]{padding:40px 0 80px}.container[data-v-e18d1655]{max-width:1000px;margin:0 auto;padding:0 20px}.page-header[data-v-e18d1655]{margin-bottom:30px}.page-title[data-v-e18d1655]{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2.2rem;font-weight:700}.page-desc[data-v-e18d1655]{color:#64748b;font-size:.95rem}.profile-header-card[data-v-e18d1655]{background:#0d152599;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex}.avatar-section[data-v-e18d1655]{align-items:center;gap:20px;width:100%;display:flex}.avatar-big[data-v-e18d1655]{color:#fff;background:linear-gradient(135deg,#00d4ff,#7c3aed);border:3px solid #00d4ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:2rem;font-weight:700;display:flex;overflow:hidden}.avatar-big img[data-v-e18d1655]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-info h2[data-v-e18d1655]{color:#f8fafc;margin-bottom:4px;font-size:1.4rem}.muted[data-v-e18d1655]{color:#64748b;font-size:.9rem}.muted.small[data-v-e18d1655]{margin-top:4px;font-size:.8rem}.tabs[data-v-e18d1655]{background:#0d152566;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:6px;display:flex}.tab[data-v-e18d1655]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.tab[data-v-e18d1655]:hover{color:#f8fafc;background:#ffffff0d}.tab.active[data-v-e18d1655]{color:#0a0f1c;background:linear-gradient(135deg,#00d4ff,#09c)}.panel[data-v-e18d1655]{background:#0d152599;border:1px solid #ffffff14;border-radius:16px;padding:28px}.panel h3[data-v-e18d1655]{color:#00d4ff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;font-size:1.2rem;display:flex}.form-grid[data-v-e18d1655]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group[data-v-e18d1655]{flex-direction:column;gap:6px;display:flex}.form-group.full[data-v-e18d1655]{grid-column:1/-1}.form-group label[data-v-e18d1655]{color:#94a3b8;font-size:.85rem;font-weight:500}.form-group input[data-v-e18d1655],.form-group textarea[data-v-e18d1655],.form-group select[data-v-e18d1655]{color:#f8fafc;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:all .3s}.form-group input[data-v-e18d1655]:focus,.form-group textarea[data-v-e18d1655]:focus{border-color:#00d4ff;outline:none;box-shadow:0 0 0 3px #00d4ff1a}.form-actions[data-v-e18d1655]{gap:12px;margin-top:8px;display:flex}.btn-save[data-v-e18d1655]{color:#0a0f1c;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 24px;font-weight:700;transition:all .3s;display:flex}.btn-save[data-v-e18d1655]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff4d}.btn-save[data-v-e18d1655]:disabled{opacity:.6;cursor:not-allowed}.msg[data-v-e18d1655]{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.9rem;font-weight:500}.msg.success[data-v-e18d1655]{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.msg.error[data-v-e18d1655]{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.avatar-upload[data-v-e18d1655]{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.avatar-preview[data-v-e18d1655]{color:#fff;background:linear-gradient(135deg,#00d4ff,#7c3aed);border:4px solid #00d4ff4d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:3rem;font-weight:700;display:flex;overflow:hidden}.avatar-preview img[data-v-e18d1655]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upload-controls[data-v-e18d1655]{flex:1;min-width:240px}.btn-upload[data-v-e18d1655]{color:#00d4ff;cursor:pointer;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-flex}.btn-upload[data-v-e18d1655]:hover{background:#00d4ff40}.preview-box[data-v-e18d1655]{margin-top:16px;display:inline-block;position:relative}.preview-box img[data-v-e18d1655]{border:2px solid #00d4ff4d;border-radius:10px;max-width:200px;max-height:140px}.btn-cancel-small[data-v-e18d1655]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex;position:absolute;top:-8px;right:-8px}.info-list[data-v-e18d1655]{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.info-row[data-v-e18d1655]{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.info-row .label[data-v-e18d1655]{color:#94a3b8;font-size:.85rem}.info-row .value[data-v-e18d1655]{color:#f8fafc;font-size:.9rem;font-weight:500}.info-row .value.mono[data-v-e18d1655]{color:#00d4ff;font-family:monospace;font-size:.8rem}.badge-admin[data-v-e18d1655]{color:#0a0f1c;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.badge-user[data-v-e18d1655]{color:#cbd5e1;background:#ffffff1a;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.danger-zone[data-v-e18d1655]{background:#ef44440d;border:1px solid #ef444433;border-radius:12px;padding:20px}.danger-zone h4[data-v-e18d1655]{color:#fca5a5;margin-bottom:12px;font-size:1rem}.btn-danger[data-v-e18d1655]{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.btn-danger[data-v-e18d1655]:hover{background:#ef444440}@media (width<=768px){.form-grid[data-v-e18d1655]{grid-template-columns:1fr}.form-group.full[data-v-e18d1655]{grid-column:1}.profile-header-card[data-v-e18d1655],.avatar-section[data-v-e18d1655]{text-align:center;flex-direction:column}.tab[data-v-e18d1655]{min-width:100%}.avatar-upload[data-v-e18d1655]{text-align:center;flex-direction:column;align-items:center}}:root{--bg-body:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-soft:#0ea5e914;--accent-gradient:linear-gradient(135deg, #0ea5e9, #7c3aed);--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--bg-body:#0b0f19;--bg-surface:#151e32;--bg-surface-hover:#1e293b;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent:#38bdf8;--accent-hover:#0ea5e9;--accent-soft:#38bdf81a;--accent-gradient:linear-gradient(135deg, #38bdf8, #8b5cf6);--border:#1e293b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}[data-theme=dark] body{background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:40px 40px}#app{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}