@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(./fira-code-400-latin-ext-Dvfvaomy.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(./fira-code-400-latin-CHoedHDv.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(./fira-code-400-latin-ext-Dvfvaomy.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(./fira-code-400-latin-CHoedHDv.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(./outfit-300-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(./outfit-300-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(./outfit-300-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(./outfit-300-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(./outfit-300-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(./outfit-300-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(./outfit-300-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(./outfit-300-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(./outfit-300-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(./outfit-300-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: hsl(222, 28%, 10%);--bg-secondary: hsl(222, 25%, 14%);--bg-tertiary: hsl(222, 20%, 20%);--card-bg: var(--bg-secondary);--table-header-bg: var(--bg-primary);--border-color: hsl(222, 15%, 26%);--text-primary: hsl(210, 30%, 98%);--text-secondary: hsl(215, 16%, 76%);--text-muted: hsl(215, 12%, 55%);--text-color: var(--text-primary);--accent-color: hsl(245, 82%, 67%);--accent-hover: hsl(245, 85%, 72%);--accent-light: rgba(99, 102, 241, .15);--accent-primary: var(--accent-color);--warning-color: hsl(38, 92%, 50%);--warning-light: rgba(245, 158, 11, .15);--success-color: hsl(142, 70%, 45%);--success-light: rgba(16, 185, 129, .15);--error-color: hsl(350, 75%, 55%);--error-light: rgba(239, 68, 68, .15);--danger-color: var(--error-color);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-circle: 50%;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", Consolas, monospace;--viewport-bg: #0b0f19;--grid-dot-color: rgba(255, 255, 255, .15);--cad-stroke-color: var(--text-secondary);--log-bg: #090d16;--log-system: #60a5fa;--log-helper: #fbbf24;--log-measurement: #34d399;--log-action: #f472b6;--log-note: #c084fc;--dmm-bg: hsl(0, 0%, 8%);--dmm-border: hsl(0, 0%, 20%);--dmm-text: #ffffff;--dmm-screen-bg: #064e3b;--dmm-screen-border: #047857;--osc-grid-color: #059669;--dmm-screen-text: #34d399;--dmm-screen-shadow: 0 0 4px rgba(52, 211, 153, .6);--dmm-btn-bg: #1f2937;--dmm-btn-border: #374151;--dmm-btn-text: #ffffff;--dmm-btn-active-bg: #ef4444;--dmm-btn-active-border: #ef4444;--dmm-btn-active-text: #000000;--megger-screen-bg: #0a1628;--megger-screen-border: #1e3a5f;--megger-screen-text: #22d3ee;--megger-screen-unit: #67e8f9;--megger-screen-timer: #475569;--megger-btn-bg: #1e293b;--megger-btn-text: #94a3b8;--megger-btn-border: #334155;--display-screen-bg: #020617;--display-screen-border: #1e293b;--display-screen-text-vac: #22c55e;--display-screen-shadow-vac: 0 0 3px rgba(34, 197, 94, .95);--display-screen-text-vdc: #ef4444;--display-screen-shadow-vdc: 0 0 3px rgba(239, 68, 68, .95);--display-screen-text-aac: #22c55e;--display-screen-shadow-aac: 0 0 3px rgba(34, 197, 94, .95);--display-screen-text-adc: #ef4444;--display-screen-shadow-adc: 0 0 3px rgba(239, 68, 68, .95);--display-screen-text-spd: #06b6d4;--display-screen-shadow-spd: 0 0 3px rgba(6, 182, 212, .95);--display-box-bg: #374151;--display-box-border: #1f2937;--display-inner-bg: #1f2937;--display-label-color: #9ca3af;--hmi-dynamic-value: #00ffcc;--hmi-dynamic-glow: 0 0 4px rgba(0, 255, 204, .4)}html[data-theme=light]{--bg-primary: hsl(210, 25%, 98%);--bg-secondary: hsl(210, 20%, 94%);--bg-tertiary: hsl(0, 0%, 100%);--card-bg: var(--bg-tertiary);--table-header-bg: var(--bg-secondary);--border-color: hsl(210, 16%, 86%);--text-primary: hsl(222, 25%, 15%);--text-secondary: hsl(215, 16%, 42%);--text-muted: hsl(215, 12%, 60%);--text-color: var(--text-primary);--accent-color: hsl(245, 75%, 58%);--accent-hover: hsl(245, 75%, 48%);--accent-light: rgba(99, 102, 241, .1);--accent-primary: var(--accent-color);--warning-color: hsl(38, 90%, 42%);--warning-light: rgba(245, 158, 11, .1);--success-color: hsl(142, 65%, 38%);--success-light: rgba(16, 185, 129, .1);--error-color: hsl(350, 70%, 48%);--error-light: rgba(239, 68, 68, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--viewport-bg: #ffffff;--grid-dot-color: rgba(0, 0, 0, .15);--cad-stroke-color: #000000;--log-bg: #ffffff;--log-system: #1d4ed8;--log-helper: #b45309;--log-measurement: #047857;--log-action: #db2777;--log-note: #7c3aed;--dmm-bg: #fbbf24;--dmm-border: #d97706;--dmm-text: #1e293b;--dmm-screen-bg: #e2e8f0;--dmm-screen-border: #cbd5e1;--osc-grid-color: #64748b;--dmm-screen-text: #0f172a;--dmm-screen-shadow: none;--dmm-btn-bg: #475569;--dmm-btn-border: #334155;--dmm-btn-text: #ffffff;--dmm-btn-active-bg: #b91c1c;--dmm-btn-active-border: #b91c1c;--dmm-btn-active-text: #ffffff;--megger-screen-bg: var(--dmm-screen-bg);--megger-screen-border: var(--dmm-screen-border);--megger-screen-text: var(--dmm-screen-text);--megger-screen-unit: var(--dmm-screen-text);--megger-screen-timer: #475569;--megger-btn-bg: var(--dmm-btn-bg);--megger-btn-text: var(--dmm-btn-text);--megger-btn-border: var(--dmm-btn-border);--display-screen-bg: #ffffff;--display-screen-border: #cbd5e1;--display-screen-text-vac: #000000;--display-screen-shadow-vac: none;--display-screen-text-vdc: #000000;--display-screen-shadow-vdc: none;--display-screen-text-aac: #000000;--display-screen-shadow-aac: none;--display-screen-text-adc: #000000;--display-screen-shadow-adc: none;--display-screen-text-spd: #000000;--display-screen-shadow-spd: none;--display-box-bg: #e2e8f0;--display-box-border: #94a3b8;--display-inner-bg: #cbd5e1;--display-label-color: #475569;--hmi-dynamic-value: #1e40af;--hmi-dynamic-glow: none}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s ease,border-color .25s ease}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.circuit-grid-bg{position:absolute;inset:0;background-size:40px 40px;background-image:linear-gradient(to right,rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(99,102,241,.03) 1px,transparent 1px);z-index:-1;pointer-events:none}body[data-view=simplified] .circuit-grid-bg,.hidden,.btn.hidden,.cad-canvas-toolbar .btn.hidden,.tab-header .btn.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-family:var(--font-sans);font-size:14px;font-weight:600;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:8px;text-decoration:none}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 10px #6366f14d}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 14px #6366f166}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed!important;background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important;box-shadow:none!important;transform:none!important}.btn-success{background-color:var(--success-color);color:#fff;box-shadow:0 4px 10px #10b9814d}.btn-success:hover{background-color:#1fad53;transform:translateY(-1px)}.btn-block{display:flex;width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary)}.btn-icon:hover{background-color:var(--border-color)}.text-amber{color:var(--warning-color)!important}.text-red{color:var(--error-color)!important}.btn-xs{font-size:9px;padding:4px 8px;border-radius:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px 16px 1vw;background-color:rgba(var(--bg-secondary),.7);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.header-brand{display:flex;align-items:center;gap:8px}.banner-logo-img{height:44px;width:38px;display:block;box-sizing:border-box;padding:4px;object-fit:contain}[data-theme=dark] .banner-logo-img{background-color:#f8fafc;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0003}.brand-logo{font-size:28px;background:linear-gradient(135deg,var(--warning-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 3s infinite alternate}.brand-text h1{font-size:20px;font-weight:700;letter-spacing:-.5px}.brand-text p{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:500}.header-actions{display:flex;align-items:center;gap:16px}.user-profile{display:flex;align-items:center;gap:10px;background-color:var(--bg-tertiary);padding:0 14px;height:38px;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}#lang-toggle{font-family:var(--font-sans);font-size:12px;font-weight:600}.user-badge{font-size:11px;font-weight:600;text-transform:uppercase;background-color:var(--accent-light);color:var(--accent-color);padding:2px 8px;border-radius:4px}.user-badge.teacher{background-color:var(--warning-light);color:var(--warning-color)}.user-name{font-size:14px;font-weight:500}.main-container{flex-grow:1;padding:32px;max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column}.view-panel{display:flex;flex-direction:column;width:100%;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.dashboard-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1d2230,#1d1943);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:16px 32px;margin-bottom:40px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;color:#fff!important}.dashboard-banner:after{content:"⚡";position:absolute;right:5%;top:10%;font-size:120px;opacity:.04;pointer-events:none}.banner-welcome h2{font-size:34px;font-weight:700;margin-bottom:0;color:#fff!important}.banner-welcome p{font-size:15px;color:#ffffffb3!important;max-width:600px;line-height:1.5}.banner-stats{display:flex;gap:24px}.stat-mini{background-color:#00000040;border:1px solid rgba(255,255,255,.05);padding:14px 22px;border-radius:var(--border-radius-md);text-align:center;min-width:110px}.stat-val{display:block;font-size:28px;font-weight:700;color:var(--warning-color);margin-bottom:2px}.stat-lbl{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-weight:600}.section-header{margin-bottom:24px}.section-header h3{font-size:20px;font-weight:600;margin-bottom:4px}.section-header p{font-size:14px;color:var(--text-muted)}.standard-dashboard-layout{display:grid;grid-template-columns:260px 1fr;gap:12px;min-height:calc(100vh - 150px)}.standard-sidebar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column}.sidebar-logo-container{margin:10px 10px 0;padding:12px;box-sizing:border-box;text-align:center}[data-theme=dark] .sidebar-logo-container{background-color:#f8fafc;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #00000024}.sidebar-brand-text{font-family:sans-serif;font-weight:900;letter-spacing:-.02em;color:#004b93;font-size:36px;user-select:none;text-align:center;width:100%}[data-theme=dark] .sidebar-brand-text{color:#fff}.sidebar-divider{height:1px;background-color:var(--border-color);margin:8px 10px;opacity:.8}.sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:16px;padding-left:8px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-link,#refresh-standard-btn{font-family:var(--font-sans);text-align:left;font-size:15px;font-weight:500;padding:12px 18px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}#refresh-standard-btn{display:flex;align-items:center;gap:8px}.nav-link:hover,#refresh-standard-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:var(--accent-light);color:var(--accent-color);font-weight:600}.standard-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.standard-tab-panel{display:flex;flex-direction:column;gap:24px;animation:fadeIn .2s ease}.tab-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.tab-header h2{font-size:22px;font-weight:700;margin-bottom:4px}.tab-header p{font-size:14px;color:var(--text-muted)}.workbench-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:18px 24px;margin-bottom:24px;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px}.workbench-title-area{display:flex;flex-direction:column;gap:4px}.active-badge{font-size:9px;font-weight:700;text-transform:uppercase;background-color:var(--warning-light);color:var(--warning-color);padding:1px 6px;border-radius:3px;width:max-content;letter-spacing:1px}.workbench-title-area h2{font-size:20px;font-weight:700}.workbench-title-area p{font-size:12px;color:var(--text-muted)}.workbench-actions{display:flex;gap:12px}.workbench-grid-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:stretch}.workbench-toolbox{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column;gap:24px;height:100%;min-height:0;box-sizing:border-box;overflow-y:auto}.workbench-workspace{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm)}.workspace-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.workspace-header h3{font-size:16px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.workbench-sidebar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column;gap:24px}#editor-view,#workbench-view{width:100vw!important;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important;padding:0 40px;box-sizing:border-box}#workbench-view .workbench-grid-layout{max-width:none!important;width:100%!important}#workbench-view .workbench-log-full-width{width:100%!important;box-sizing:border-box}#editor-view .editor-layout-container{max-width:100%!important;width:100%!important}#simplified-view,#standard-view{width:100vw!important;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important;padding:20px 12px;box-sizing:border-box}#standard-view .standard-dashboard-layout,#simplified-view .exercise-grid{width:100%;max-width:none!important}.workbench-container,.editor-canvas-wrapper{width:100%;max-width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}#circuit-board-area,.cad-canvas-container{width:100%;height:650px;overflow:hidden;position:relative;border-radius:var(--border-radius-md, 8px)}body>#simplified-view,body>#standard-view,body>#workbench-view,body>#editor-view,body>#config-view,body>#theory-view{width:100%!important;max-width:100vw!important;box-sizing:border-box;padding-left:2vw;padding-right:2vw}#simplified-view .container,#standard-view .container,#workbench-view .workbench-container,#editor-view .editor-container,#theory-view .container{width:100%!important;max-width:100%!important}.cad-canvas-wrapper{width:100%;height:100%;min-height:600px;overflow:hidden}.tab-header .btn,.tab-header .header-action-buttons .btn{height:38px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important}.app-initial-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b0f19;display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s}.app-initial-loader.fade-out{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-logo{font-size:54px;color:var(--warning-color);animation:pulse-loader 1.5s infinite ease-in-out;text-shadow:0 0 20px rgba(245,158,11,.4)}.loader-spinner{width:44px;height:44px;border:3.5px solid rgba(245,158,11,.08);border-top-color:var(--warning-color);border-radius:50%;animation:spin-loader .9s infinite linear}.loader-text{font-family:var(--font-sans);font-size:15px;color:var(--text-secondary);font-weight:500;letter-spacing:.5px}@keyframes spin-loader{to{transform:rotate(360deg)}}@keyframes pulse-loader{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}@media(max-width:992px){.workbench-grid-layout{grid-template-columns:1fr!important;gap:16px!important}.workbench-toolbox{height:auto!important;max-height:350px!important}}.login-card-container{max-width:420px;width:100%;margin:60px auto;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:38px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.is-desktop #login-view{flex-grow:1;display:flex;flex-direction:column;min-height:100%;padding-top:20px}.is-desktop #login-view .login-card-container{margin:auto}.login-card-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--warning-color))}.login-header{text-align:center;margin-bottom:28px}.lock-icon{font-size:32px;margin-bottom:12px;display:inline-block}.login-header h2{font-size:31.2px;font-weight:800;margin-top:8px;margin-bottom:6px;letter-spacing:2px;color:var(--text-primary)}.login-header p{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:var(--text-muted);margin-top:6px;margin-bottom:0}.login-form .form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input-wrapper{position:relative}.input-wrapper input,.form-control{width:100%;height:46px;padding:12px 16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:all .2s ease}.input-wrapper input{padding-left:44px}.input-wrapper input:focus,.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f140;background-color:var(--bg-primary)}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted)}#login-error-msg{margin-top:16px;padding:10px;background-color:var(--error-light);border:1px solid rgba(239,68,68,.25);border-radius:var(--border-radius-md);color:var(--error-color);font-size:12.5px;text-align:center;font-weight:500}.credentials-tip{margin-top:24px;border:1px solid var(--border-color);background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:12px;text-align:center}.credentials-tip p{font-size:11.5px;color:var(--text-secondary);line-height:1.6;margin:0}.credentials-tip code{font-family:var(--font-mono);background-color:#0003;padding:1px 4px;border-radius:3px;color:var(--warning-color)}.login-form button[type=submit]{margin-top:24px;font-weight:700;letter-spacing:1px;padding:12px}.login-buttons-row{display:flex;gap:12px;margin-top:24px}.login-buttons-row .btn{font-weight:700;letter-spacing:1px;padding:12px;margin-top:0!important}.login-buttons-row #login-submit,.login-buttons-row .btn-primary{flex:2}.login-buttons-row #demo-login-btn,.login-buttons-row .btn-demo{flex:1}.btn-demo{background:linear-gradient(135deg,#1fad53,#25d064);color:#fff;border:none;box-shadow:0 4px 10px #10b9814d}.btn-demo:hover{background:linear-gradient(135deg,#1c9c4b,#22bf5b);box-shadow:0 6px 14px #10b98166;transform:translateY(-1px)}.btn-demo:active{transform:translateY(0)}.sso-divider{display:flex;align-items:center;text-align:center;margin:24px 0 16px;color:var(--text-muted);font-size:12px;font-weight:500}.sso-divider:before,.sso-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.sso-divider:not(:empty):before{margin-right:.5em}.sso-divider:not(:empty):after{margin-left:.5em}.sso-buttons-row{display:flex;flex-direction:row;justify-content:center;gap:12px;margin-bottom:16px;width:100%}.btn-sso{display:none;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);flex:1;height:44px;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.btn-sso:hover{background-color:var(--bg-primary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 10px #6366f11a}.btn-sso:active{transform:scale(.98)}.sso-icon{width:20px;height:20px;object-fit:contain}.login-signup-tip{margin-top:24px;border-top:1px solid var(--border-color);padding-top:16px;text-align:center}.login-signup-tip p{font-size:11.5px;color:var(--text-secondary);line-height:1.5;margin:0}.form-switch-link{color:var(--accent-color)!important;text-decoration:none;font-weight:600;transition:opacity .15s ease}.form-switch-link:hover{opacity:.8;text-decoration:underline}.otp-input{transition:border-color .2s ease,box-shadow .2s ease}.otp-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f140;background-color:var(--bg-primary)}#signup-error-msg,#otp-error-msg{margin-top:16px;padding:10px;background-color:var(--error-light);border:1px solid rgba(239,68,68,.25);border-radius:var(--border-radius-md);color:var(--error-color);font-size:12.5px;text-align:center;font-weight:500}.exercise-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.exercise-card:hover{transform:translateY(-3px);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.card-cat{font-size:11px;text-transform:uppercase;font-weight:600;color:var(--accent-color);letter-spacing:.5px;margin-bottom:10px}.exercise-card h4{font-size:17px;font-weight:600;margin-bottom:10px;line-height:1.3}.exercise-card p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;flex-grow:1}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}.diff-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.diff-badge.facile,.diff-badge.easy{background-color:var(--success-light);color:var(--success-color)}.diff-badge.moyen,.diff-badge.medium{background-color:var(--warning-light);color:var(--warning-color)}.diff-badge.difficile,.diff-badge.hard{background-color:var(--error-light);color:var(--error-color)}.status-badge{font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px}.status-badge.completed{color:var(--success-color)}.status-badge.not-started{color:var(--text-muted)}.exercise-group-section{margin-bottom:45px;background-color:#ffffff03;padding:20px;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.02)}.group-section-title{font-size:18px;font-weight:600;color:var(--warning-color);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.group-section-desc{font-size:13px;color:var(--text-muted);font-weight:400;margin-bottom:18px;line-height:1.4}.table-container{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background-color:var(--bg-tertiary);padding:14px 18px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:13px;text-transform:uppercase;letter-spacing:.5px}td{padding:16px 18px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff04}.score-badge{font-weight:700;color:var(--success-color)}.attempts-badge{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:12px}.exercise-instructions-card{background-color:#00000026;border:1px solid var(--border-color);padding:14px;border-radius:var(--border-radius-md);font-size:13px;line-height:1.5}.exercise-instructions-card.replay-mode{background-color:transparent!important;border:none!important;padding:0!important}#workbench-exercise-category,.exercise-instructions-card h4{font-size:15px!important;font-weight:600!important;color:var(--warning-color)!important;margin-bottom:6px}.log-console{background-color:var(--log-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px;font-family:var(--font-mono);font-size:11px;line-height:1.5;height:170px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.log-entry{color:var(--text-secondary)}.log-entry.system{color:var(--log-system)}.log-entry.helper{color:var(--log-helper)}.log-entry.measurement{color:var(--log-measurement)}.log-entry.action{color:var(--log-action)}.log-entry.note{color:var(--log-note)}.diagnostic-form{display:flex;flex-direction:column;gap:8px}.diagnostic-form label{font-size:11px;font-weight:500;color:var(--text-secondary)}.mt-2{margin-top:10px}.unified-modules-container{display:flex;flex-direction:column;gap:32px;margin-top:12px}.teacher-module-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.teacher-module-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding-bottom:14px;border-bottom:1px dashed var(--border-color)}.module-header-info{display:flex;flex-direction:column;gap:4px;max-width:70%}.module-header-info h3{font-size:18px;font-weight:600;color:var(--warning-color);display:flex;align-items:center;gap:8px}.module-header-info p{font-size:13px;color:var(--text-secondary);line-height:1.4}.module-header-actions{display:flex;gap:10px}.select-transfer{font-family:var(--font-sans);font-size:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;outline:none;cursor:pointer;max-width:160px;transition:all .15s ease}.select-transfer:hover{border-color:var(--accent-color)}.select-transfer:focus{border-color:var(--accent-color)}.module-exercises-table,#progress-table,#users-table{font-size:12.5px!important;width:100%}.module-exercises-table th,#progress-table th,#users-table th{padding:10px 12px!important;font-size:11px!important;font-weight:600}.module-exercises-table td,#progress-table td,#users-table td{padding:8px 12px!important}.module-exercises-table select.select-transfer{font-size:11px!important;padding:3px 6px!important;max-width:140px}.module-exercises-table .diff-badge,#progress-table .diff-badge,#users-table .diff-badge{font-size:9px!important;padding:1px 6px!important}.module-exercises-table .btn-xs,#progress-table .btn-xs,#users-table .btn-xs{font-size:11px!important;padding:4px 8px!important}#progress-table .status-badge{font-size:11px!important;padding:2px 6px!important}#progress-table .attempts-badge{font-size:11px!important;padding:1px 4px!important}#progress-table .score-badge{font-size:12px!important}select.form-control option{background-color:var(--bg-secondary);color:var(--text-primary);font-size:13px;padding:6px}.switch-toggle{user-select:none}.switch-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.3s;border-radius:50%}#toggle-potentials-checkbox:checked+.switch-slider,.switch-toggle input:checked+.switch-slider{background-color:var(--success-color)!important;border-color:var(--success-color)!important}#toggle-potentials-checkbox:checked+.switch-slider:before,.switch-toggle input:checked+.switch-slider:before{transform:translate(16px);background-color:#fff!important}.teacher-module-card.collapsed .teacher-module-body{display:none!important}.teacher-module-card.collapsed{gap:0!important}.teacher-module-card.collapsed .teacher-module-header{border-bottom:none!important;padding-bottom:0!important}.custom-select-wrapper{position:relative}.custom-select-wrapper.is-inline{display:inline-block}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;height:var(--cs-height, 38px);padding:var(--cs-padding, 6px 10px);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-sm);cursor:pointer;user-select:none;transition:border-color .2s,box-shadow .2s}.custom-select-trigger:hover{border-color:var(--accent-color)}.custom-select-trigger.is-disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-color)}.custom-select-trigger-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--cs-font-size, 13px);font-weight:500;color:var(--text-primary)}.custom-select-arrow{margin-left:6px;font-size:9px;color:var(--text-secondary);opacity:.7;transition:transform .2s}.custom-select-wrapper.is-open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:1000;flex-direction:column;width:100%;max-height:200px;overflow-y:auto;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md)}.custom-select-wrapper.is-open .custom-select-options{display:flex}.custom-select-option{padding:6px 10px;font-size:var(--cs-font-size, 13px);color:var(--text-primary);cursor:pointer;user-select:none;transition:background-color .2s}.custom-select-option:hover{background-color:var(--accent-light)}.custom-context-menu{position:absolute;background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-md);width:220px;z-index:1000;overflow:hidden;animation:scaleIn .15s ease-out}.context-header{padding:10px 14px;background-color:var(--bg-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);letter-spacing:.5px}.custom-context-menu ul{list-style:none}.custom-context-menu li{padding:10px 14px;font-size:13px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.custom-context-menu li:hover{background-color:var(--accent-light);color:var(--accent-color);padding-left:18px}.modal{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s ease}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);max-width:500px;width:90%;padding:28px;box-shadow:var(--shadow-lg);animation:slideDown .3s cubic-bezier(.18,.89,.32,1.15)}#modal-temp-sensor-wiring .modal-content{box-sizing:border-box;max-width:680px!important;width:min(640px,94vw)!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px 18px!important}#modal-temp-sensor-wiring #tsw-board-svg{width:auto;max-width:100%;height:clamp(180px,calc(100vh - 440px),360px)}#modal-temp-sensor-wiring #tsw-trex-svg{width:auto;max-width:100%;height:clamp(220px,calc(100vh - 300px),440px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.modal-close:hover{color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.premium-modal-card{position:relative;overflow:hidden;max-width:480px!important;border-radius:var(--border-radius-lg)!important;padding:30px!important}.premium-modal-card:before{content:"";position:absolute;top:1px;left:1px;right:1px;width:auto;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--warning-color));border-top-left-radius:calc(var(--border-radius-lg) - 1px);border-top-right-radius:calc(var(--border-radius-lg) - 1px)}#modal-alternator-config .premium-modal-card:before,#modal-vfd-config .premium-modal-card:before{left:1px;right:1px;height:16px;background:linear-gradient(90deg,var(--accent-color),var(--warning-color)) no-repeat;background-size:100% 4px;border-top-left-radius:calc(var(--border-radius-lg, 16px) - 1px);border-top-right-radius:calc(var(--border-radius-lg, 16px) - 1px)}.modal-header-premium{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modal-header-branding{display:flex;align-items:center;gap:14px}.modal-header-icon-circle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-circle);background-color:var(--accent-light);color:var(--accent-color);font-size:20px;border:1px solid rgba(99,102,241,.2)}.modal-header-premium h3{font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.modal-header-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.role-segmented-control{display:flex;gap:12px;margin-top:8px}.role-option{flex:1;cursor:pointer}.role-option input[type=radio]{display:none}.role-card{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px;color:var(--text-secondary);font-weight:600;font-size:13.5px;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.role-option input[type=radio]:checked+.role-card{border-color:var(--accent-color);background-color:var(--accent-light);color:var(--accent-color);box-shadow:0 0 0 3px #6366f126}.role-card:hover{border-color:var(--text-muted);color:var(--text-primary)}.role-icon{font-size:18px}.role-title{margin-top:1px}.modal-content .form-group{margin-bottom:25px!important}.modal-content .form-group label{margin-bottom:4px!important;font-size:12.5px!important;font-weight:500;color:var(--text-secondary)}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.modal-form-grid{grid-template-columns:1fr;gap:15px}}.vfd-tabs-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px;gap:4px}.vfd-tab-btn{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;padding:10px 4px;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.vfd-tab-btn:hover{color:var(--text-primary)}.vfd-tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.vfd-tab-content{display:none;height:280px;box-sizing:border-box;overflow-y:auto}.vfd-tab-content.active{display:block}.vfd-tab-content .form-group{margin-bottom:12px!important}.vfd-fault-legend{width:100%;border-collapse:collapse;font-size:.8em}.vfd-fault-legend th,.vfd-fault-legend td{border:1px solid var(--border-color);padding:3px 6px;text-align:left;vertical-align:top}.vfd-form-row{display:flex;gap:16px}.vfd-form-row .form-group{flex:1}.input-unit-group{position:relative;display:flex;align-items:center}.input-unit-group .form-control{padding-right:50px!important}.input-unit{position:absolute;right:12px;font-size:12px;font-weight:600;color:var(--text-muted);pointer-events:none}#modal-system-analysis .modal-content{max-width:1100px;width:95vw;max-height:90vh;display:flex;flex-direction:column;padding:24px}.analysis-dashboard-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;min-height:0;height:100%}.analysis-chart-pane{display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;min-height:0}.analysis-control-pane{display:flex;flex-direction:column;gap:16px;min-height:0}.analysis-control-scroll{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:16px}.analysis-sliders-container{display:flex;flex-direction:column;gap:16px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;background:#00000026}html[data-theme=light] .analysis-sliders-container{background:#00000008}.analysis-legend-container{display:flex;gap:16px;font-size:12px;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:8px;margin-top:auto}@media(max-width:1024px){#modal-system-analysis .modal-content{max-width:800px;width:90%;max-height:95vh;height:auto}.analysis-dashboard-layout{grid-template-columns:1fr;overflow-y:auto;gap:16px}.analysis-chart-pane{min-height:auto}.analysis-control-scroll{overflow-y:visible}}.catalog-tabs .btn-tab{transition:all .2s ease;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted)}.catalog-tabs .btn-tab.active{background:#3b82f61a!important;color:var(--accent-primary)!important;border-bottom:2px solid var(--accent-primary)!important}.catalog-tabs .btn-tab:hover{background:var(--bg-hover);color:var(--text-color)}#modal-reference-catalog .table th,#modal-reference-catalog .table td{padding:8px 12px;border-bottom:1px solid var(--border-color)}#modal-reference-catalog .table tbody tr:hover{background:var(--bg-secondary)}.tr3p-tab-content{min-height:195px;box-sizing:border-box}.tr3p-tab-content .form-group{margin-bottom:12px!important}.tr3p-tab-content .vfd-form-row{margin-top:0!important}#modal-simulator-help .modal-content,#modal-creator-help .modal-content{border-radius:var(--border-radius-lg);position:relative;overflow:hidden}#modal-simulator-help .modal-content:before{content:"";position:absolute;top:1px;left:1px;right:1px;width:auto;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--success-color));border-top-left-radius:calc(var(--border-radius-lg) - 1px);border-top-right-radius:calc(var(--border-radius-lg) - 1px)}.sim-help-tabs .btn-tab,.creator-help-tabs .btn-tab{background:none;border:none;padding:10px 16px;color:var(--text-secondary);font-size:14px;font-weight:500;border-bottom:3px solid transparent;cursor:pointer;border-radius:4px 4px 0 0;transition:all .2s ease}.sim-help-tabs .btn-tab:hover,.creator-help-tabs .btn-tab:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.sim-help-tabs .btn-tab.active,.creator-help-tabs .btn-tab.active{color:var(--accent-color)!important;font-weight:600;border-bottom-color:var(--accent-color)!important}.sim-kbd{color:var(--text-primary);font-family:var(--font-mono);font-size:.9em;font-weight:600}.sim-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:12px}.sim-help-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;transition:transform .2s ease,border-color .2s ease}.sim-help-card:hover{transform:translateY(-2px);border-color:var(--accent-color)}.sim-help-card h5{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sim-help-card-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--accent-light);color:var(--accent-color)}.sim-help-bullet-list{margin:8px 0 0;padding-left:16px}.sim-help-bullet-list li{margin-bottom:6px;color:var(--text-secondary)}.sim-help-alert-box{margin-top:8px;padding:8px 12px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:500;display:flex;align-items:flex-start;gap:8px}.sim-help-alert-danger{background-color:var(--error-light);border-left:3px solid var(--error-color);color:var(--error-color)}.sim-help-alert-warning{background-color:var(--warning-light);border-left:3px solid var(--warning-color);color:var(--warning-color)}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background-color:var(--warning-light);border-bottom:2px solid var(--warning-color);color:var(--warning-color);font-size:13px;font-weight:600;z-index:1001;position:relative}.impersonation-banner-content{display:flex;align-items:center;gap:10px;line-height:1}.impersonation-banner-content>span{display:inline-flex;align-items:center;gap:4px}.impersonation-banner-icon{font-size:18px;animation:pulse 1.5s infinite alternate}.impersonation-banner strong{color:var(--text-primary);font-weight:700}.toast-container{position:fixed;top:24px;right:24px;z-index:1000100;display:flex;flex-direction:column;gap:10px}.toast{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:var(--border-radius-md);padding:12px 20px;color:var(--text-primary);box-shadow:var(--shadow-md);font-size:13px;display:flex;align-items:center;gap:10px;min-width:250px;animation:slideInLeft .3s cubic-bezier(.18,.89,.32,1.25)}.toast.success{border-left-color:var(--success-color)}.toast.error{border-left-color:var(--error-color)}.toast.warning{border-left-color:var(--warning-color)}.builder-section{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:18px;margin-top:14px}.question-builder-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;margin-top:20px;box-shadow:var(--shadow-sm);transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.question-builder-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.builder-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:4px;gap:16px}.builder-card-title-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;flex-grow:1}.builder-card-type-wrapper{display:flex;align-items:center;gap:12px}.question-number-badge{background-color:var(--accent-light);color:var(--accent-color);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.builder-field-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.75px;margin-bottom:8px}.builder-card-type-wrapper .builder-field-label{margin-bottom:0;white-space:nowrap}.custom-select{min-width:260px;height:38px!important;padding:6px 12px!important;font-size:13px!important;font-weight:600!important;border-radius:var(--border-radius-md)!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.custom-select:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #6366f140!important}.question-builder-card .remove-q-btn{width:34px;height:34px;border-radius:var(--border-radius-circle);display:inline-flex;align-items:center;justify-content:center;background-color:var(--error-light);border:1px solid transparent;color:var(--error-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.question-builder-card .remove-q-btn:hover{background-color:var(--error-color);color:#fff}.builder-card-body{display:flex;flex-direction:column;gap:20px}.builder-field-group{margin-bottom:0!important}.premium-textarea{min-height:80px;font-size:13.5px!important;padding:12px 16px!important;border-radius:var(--border-radius-md)!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .2s ease!important;resize:vertical}.premium-textarea:focus,.premium-input:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #6366f140!important;background-color:var(--bg-secondary)!important}.premium-input{height:38px!important;font-size:13.5px!important;padding:8px 14px!important;border-radius:var(--border-radius-md)!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .2s ease!important}.qcm-builder-options{display:flex;flex-direction:column;gap:12px}.qcm-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.qcm-option-row{display:flex;align-items:center;gap:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:8px 16px;transition:border-color .2s ease,box-shadow .2s ease}.qcm-option-row:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.qcm-radio-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.qcm-radio-wrapper input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.qcm-radio-checkmark{height:20px;width:20px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-circle);position:relative;transition:all .2s ease}.qcm-radio-wrapper:hover input~.qcm-radio-checkmark{border-color:var(--text-muted)}.qcm-radio-wrapper input:checked~.qcm-radio-checkmark{border-color:var(--success-color);background-color:var(--success-light)}.qcm-radio-checkmark:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--border-radius-circle);background:var(--success-color)}.qcm-radio-wrapper input:checked~.qcm-radio-checkmark:after{display:block}.matching-builder-options,.matching-pairs-container{display:flex;flex-direction:column;gap:12px}.matching-pair-row{display:flex;align-items:center;gap:16px;width:100%}.matching-side{flex:1}.matching-connector{color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-circle);border:1px solid var(--border-color)}.blanks-builder{display:flex;flex-direction:column;gap:12px}.blanks-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.blank-setup-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;display:flex;flex-direction:column;gap:14px}.blank-title{font-size:12px;color:var(--warning-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.blank-fields{display:flex;flex-direction:column;gap:12px}.blank-field-col{display:flex;flex-direction:column;gap:6px}.builder-field-sublabel{font-size:11px;color:var(--text-secondary);font-weight:600}.builder-hint{font-size:11.5px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;margin-top:4px}.student-question-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px 24px;display:flex;flex-direction:column;gap:14px}.question-card-header{font-size:13px;font-weight:700;color:var(--warning-color);text-transform:uppercase;letter-spacing:.5px}.question-card-text{font-size:15px;font-weight:500;line-height:1.5;color:var(--text-primary)}.qcm-options-list{display:flex;flex-direction:column;gap:10px}.qcm-option-item{display:flex;align-items:center;gap:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px 16px;cursor:pointer;transition:all .2s ease}.qcm-option-item:hover{border-color:var(--text-muted)}.qcm-option-item input[type=radio]{accent-color:var(--accent-color);width:16px;height:16px}.association-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}.association-left,.association-right{display:flex;flex-direction:column;gap:12px}.drag-item-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px;cursor:grab;user-select:none;font-size:13.5px;font-weight:500;transition:all .15s ease;display:flex;align-items:center;gap:8px}.drag-item-card:hover{border-color:var(--accent-color);background-color:var(--accent-light)}.drag-item-card:active{cursor:grabbing}.drop-item-zone{background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);padding:12px;min-height:48px;font-size:13.5px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all .2s ease}.drop-item-zone.drag-over{border-color:var(--accent-color);background-color:var(--accent-light)}.dropped-label{background-color:var(--accent-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.inline-select{display:inline-block;font-family:var(--font-sans);font-size:14px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--warning-color);padding:2px 6px;border-radius:4px;outline:none;cursor:pointer;margin:0 4px;font-weight:600}.inline-select:hover{border-color:var(--warning-color)}body.loading-cursor,body.loading-cursor *{cursor:wait!important}.server-loading-overlay{position:fixed;inset:0;background-color:#0f172ad9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;opacity:0;pointer-events:none;transition:opacity .3s ease}.server-loading-overlay.active{opacity:1;pointer-events:auto}.server-loading-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px 40px 40px;width:90%;max-width:440px;text-align:center;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #00000080;position:relative;overflow:hidden;animation:slideDown .3s cubic-bezier(.18,.89,.32,1.15)}.server-loading-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--warning-color))}.gear-animation-container{display:flex;justify-content:center;align-items:center;height:90px;position:relative;margin-bottom:24px}.gear{position:absolute;transform-origin:center}.gear-large{width:80px;height:80px;fill:var(--accent-color);animation:rotateClockwise 10s linear infinite;left:calc(50% - 56px);top:calc(50% - 40px)}.gear-small{width:50px;height:50px;fill:var(--warning-color);animation:rotateCounterClockwise 6.25s linear infinite;left:calc(50% + 16px);top:calc(50% - 15px)}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.server-loading-title{font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.server-loading-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.server-loading-timer{font-family:var(--font-mono);font-size:12px;color:var(--warning-color);background-color:#f59e0b1a;padding:6px 12px;border-radius:var(--border-radius-md);border:1px solid rgba(245,158,11,.2);display:inline-block}.cancel-loading-btn{display:inline-block;margin-top:16px;background-color:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--border-radius-md);padding:8px 16px;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.cancel-loading-btn:hover{background-color:#ef44441a;box-shadow:0 0 8px #ef444433}.cancel-loading-btn.hidden{display:none!important}.db-status-badge{display:flex;align-items:center;gap:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:0 12px;font-size:12.5px;font-weight:500;color:var(--text-secondary);height:38px;box-sizing:border-box;user-select:none;transition:all .3s ease}.db-status-dot{width:8px;height:8px;border-radius:50%;position:relative}.db-status-badge.connected{border-color:#10b9814d;color:var(--text-primary)}.db-status-badge.connected .db-status-dot{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color);animation:pulse-green 2s infinite}.db-status-badge.offline{border-color:#ef44444d;background-color:#ef44440d}.db-status-badge.offline .db-status-dot{background-color:var(--error-color);box-shadow:0 0 8px var(--error-color)}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}[data-tauri-drag-region]{-webkit-app-region:drag;user-select:none}.header-actions,.header-actions *,.user-dropdown,.user-dropdown *,.user-dropdown-menu,.user-dropdown-menu *,#user-dropdown-trigger,#user-dropdown-trigger *,#theme-toggle,#theme-toggle *,#lang-toggle,#lang-toggle *,.header-actions button,.header-actions .user-dropdown,.header-actions .db-status-badge,.window-controls button,.window-control-btn,a,input,select,textarea{-webkit-app-region:no-drag!important;pointer-events:auto!important}#desktop-window-controls-wrapper{display:inline-flex;align-items:center}.window-controls{display:inline-flex;align-items:center;height:38px;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-tertiary)}.window-control-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:38px;padding:0;margin:0;border:none;background:transparent;color:var(--text-primary);cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease;position:relative;-webkit-app-region:no-drag}.window-control-btn svg{width:16px;height:16px;stroke-width:1.5;stroke:currentColor;fill:none;pointer-events:none}.window-control-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.window-control-btn:active{background-color:#ffffff1f}[data-theme=light] .window-control-btn:active{background-color:#0000001a}.window-control-btn.btn-close:hover{background-color:var(--error-color)!important;color:#fff!important}.window-control-btn.btn-close:hover svg{stroke:#fff!important}.window-control-btn.btn-close:active{background-color:#c91d39!important;color:#fff!important}.desktop-login-bar{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:flex-end;padding:0 32px 0 1vw;z-index:9999;background:transparent;pointer-events:auto}.desktop-login-drag-spacer{flex-grow:1;height:100%}.desktop-download-layout{display:flex;flex-direction:column;gap:28px;max-width:1000px}.desktop-requirement-banner{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background-color:#f59e0b14;border:1px solid var(--warning-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.desktop-requirement-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--warning-light);color:var(--warning-color);flex-shrink:0}.desktop-requirement-content{display:flex;flex-direction:column;gap:4px}.desktop-requirement-title-row{display:flex;align-items:center;gap:10px}.desktop-requirement-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;background-color:var(--warning-color);color:#000;border-radius:4px}.desktop-requirement-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.desktop-requirement-desc{font-size:13.5px;line-height:1.5;color:var(--text-secondary);margin:0}.desktop-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.desktop-feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .25s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.desktop-feature-card:hover{transform:translateY(-2px);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.desktop-feature-icon-wrapper{width:44px;height:44px;border-radius:var(--border-radius-md);background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.desktop-feature-card h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.desktop-feature-card p{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0}.desktop-download-section{display:flex;flex-direction:column;gap:16px;margin-top:8px}.desktop-download-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.desktop-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.desktop-download-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm);transition:all .25s ease;position:relative}.desktop-download-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.desktop-download-card-header{display:flex;align-items:flex-start;gap:16px}.desktop-download-card-icon{width:48px;height:48px;border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color)}.desktop-download-card-info{display:flex;flex-direction:column;gap:6px}.desktop-download-card-info h4{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.desktop-download-card-info p{font-size:13px;line-height:1.45;color:var(--text-secondary);margin:0}.desktop-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:600;font-size:14px;padding:12px 20px;border-radius:var(--border-radius-md);transition:all .2s ease;cursor:pointer;width:100%;box-sizing:border-box}.desktop-download-btn.primary{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color)}.desktop-download-btn.primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:var(--shadow-md)}.desktop-download-btn.secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.desktop-download-btn.secondary:hover{background-color:var(--card-bg);border-color:var(--accent-color);color:var(--text-primary)}.desktop-download-progress-card{background:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:var(--border-radius-lg);padding:20px 24px;margin-bottom:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-md);animation:fadeInDown .3s ease-out}.desktop-download-progress-card.hidden{display:none!important}.desktop-progress-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.desktop-progress-icon-title{display:flex;align-items:center;gap:14px}.desktop-progress-icon-title h4{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.desktop-progress-filename{font-size:12px;color:var(--text-secondary);font-family:monospace}.desktop-progress-spinner{width:22px;height:22px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.desktop-progress-success-icon{width:24px;height:24px;border-radius:50%;background-color:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.desktop-progress-percent{font-size:18px;font-weight:700;color:var(--accent-color);font-variant-numeric:tabular-nums}.desktop-progress-track{width:100%;height:10px;background-color:var(--bg-tertiary);border-radius:5px;overflow:hidden;position:relative}.desktop-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-hover, var(--accent-color)) 100%);border-radius:5px;transition:width .15s ease-out}.desktop-progress-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.desktop-progress-metrics{font-weight:600;font-variant-numeric:tabular-nums}.desktop-progress-status{font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.desktop-sysreq-card{background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);border:1px solid var(--border-color)}.desktop-sysreq-card strong{color:var(--text-primary)}#simplified-view,#standard-view,#workbench-view,#editor-view{padding:0!important;margin-top:-32px!important;margin-bottom:-32px!important}body[data-view=editor],body[data-view=workbench],body[data-view=simplified],body[data-view=standard]{overflow-y:hidden}#simplified-view:not(.hidden),#standard-view:not(.hidden){height:calc(100vh - 71px)!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important}#simplified-view .exercise-grid{flex-grow:1!important;overflow-y:auto!important;height:0!important}.standard-dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:0!important;height:100%!important;min-height:0!important}.standard-sidebar,.standard-content{height:100%!important;overflow-y:auto!important;border-radius:0!important}.user-dropdown{position:relative;display:inline-block}.user-dropdown-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md)!important;padding:0 14px!important;height:38px!important;box-sizing:border-box!important;font-family:var(--font-sans)!important;font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;cursor:pointer!important;transition:all .2s ease!important;user-select:none!important;box-shadow:none!important}.user-dropdown-trigger:hover{background-color:var(--border-color)!important;border-color:var(--text-muted)!important}.user-avatar{font-size:16px}.dropdown-arrow{font-size:10px;color:var(--text-muted);margin-left:4px}.user-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:8px 0;z-index:1000;display:none;flex-direction:column}.user-dropdown-menu.show{display:flex}.user-dropdown-header{padding:8px 16px;display:flex;flex-direction:column;gap:4px}.user-dropdown-divider{height:1px;background-color:var(--border-color);margin:6px 0}.user-dropdown-item{display:flex;align-items:center;width:100%;padding:10px 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-primary)!important;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease,color .15s ease;user-select:none;-webkit-app-region:no-drag!important}.user-dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)!important}.user-dropdown-item#logout-btn,.user-dropdown-item.danger{color:var(--error-color)!important;font-weight:600}.user-dropdown-item#logout-btn:hover,.user-dropdown-item.danger:hover{background-color:#ef444414;color:var(--error-color)!important}#lang-toggle,#theme-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md)!important;padding:0 14px!important;height:38px!important;box-sizing:border-box!important;font-family:var(--font-sans)!important;font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;cursor:pointer!important;transition:all .2s ease!important;user-select:none!important;box-shadow:none!important}#theme-toggle{width:38px!important;padding:0!important}#lang-toggle:hover,#theme-toggle:hover{background-color:var(--border-color)!important;border-color:var(--text-muted)!important}#db-status-badge{height:38px!important;box-sizing:border-box!important;width:125px!important;min-width:125px!important;justify-content:flex-start!important}.badge{display:inline-block;padding:2px 6px;font-size:11px;font-weight:600;border-radius:4px;margin-right:4px;margin-top:4px}