html{background-color:var(--bg-page)}#app{min-height:100vh;min-height:100dvh;background-color:var(--bg-page)}:root{--primary-color: #6b4eff;--primary-hover: #5a3de6;--bg-page: #f8f9fb;--bg-card: #ffffff;--text-main: #2d3748;--text-muted: #718096;--border-color: #e2e8f0;--modal-surface: #ffffff;--grade-badge-bg: #fab1a0;--grade-badge-fg: #d63031;--teacher-answer-bg: #e8f8f5;--teacher-answer-fg: #15803d;--status-ok-color: #15803d;--status-ok-bg: rgba(34, 197, 94, .12);--status-bad-color: #b91c1c;--status-bad-bg: rgba(239, 68, 68, .1)}[data-theme=dark]{--primary-color: #7c6bff;--primary-hover: #9b87ff;--bg-page: #111827;--bg-card: #1f2937;--text-main: #f9fafb;--text-muted: #9ca3af;--border-color: #374151;--modal-surface: #243044;--grade-badge-bg: color-mix(in srgb, #fb7185 26%, var(--bg-card));--grade-badge-fg: #fecaca;--teacher-answer-bg: color-mix(in srgb, #34d399 16%, var(--bg-card));--teacher-answer-fg: #a7f3d0;--status-ok-color: #86efac;--status-ok-bg: rgba(34, 197, 94, .18);--status-bad-color: #fca5a5;--status-bad-bg: rgba(248, 113, 113, .16)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;background:var(--bg-page);color:var(--text-main);transition:background-color .3s ease,color .3s ease}.filter-pill-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;padding:10px 20px;cursor:pointer;font-weight:600;font-size:.95rem;font-family:inherit;line-height:1.25;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.filter-pill:hover{color:var(--text-main)}.filter-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 6px #6b4eff33}.filter-pill.active:hover{color:#fff}.katex{font-size:1.2em!important}[data-theme=dark] .katex{color:var(--text-main)}.markdown-body table,.spoiler-content table,.callout-body table{border-collapse:collapse!important;width:100%;margin:1.2em 0;font-size:.95em;border:1px solid #ccc}.markdown-body th,.markdown-body td,.spoiler-content th,.spoiler-content td,.callout-body th,.callout-body td{border:1px solid #ccc!important;padding:8px 14px!important;text-align:left;vertical-align:top}.markdown-body th,.spoiler-content th,.callout-body th{background:#f5f3ff;color:#5a4fcf;font-weight:700;font-size:.88em;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.markdown-body tr:nth-child(2n) td,.spoiler-content tr:nth-child(2n) td,.callout-body tr:nth-child(2n) td{background:#fafbfc}.markdown-body tr:hover td,.spoiler-content tr:hover td,.callout-body tr:hover td{background:#f0effe}.callout{border-left:4px solid #ccc;border-radius:8px;padding:14px 18px;margin:1.2em 0;line-height:1.6;background-color:#f9f9f9}.callout-title{font-weight:700;font-size:.82em;text-transform:uppercase;letter-spacing:.06em;margin-top:0;margin-bottom:8px}.callout>*:first-child{margin-top:0!important}.callout>*:last-child{margin-bottom:0!important}.callout p:first-child{margin-top:0}.callout p:last-child{margin-bottom:0}.callout-info{border-left-color:#0984e3!important;background-color:#e8f4fd!important;color:#1a3a52}.callout-info .callout-title{color:#0984e3}.callout-warning{border-left-color:#e17055!important;background-color:#fff4ee!important;color:#4a2010}.callout-warning .callout-title{color:#d45c3b}.callout-success{border-left-color:#27ae60!important;background-color:#edfbf2!important;color:#14402a}.callout-success .callout-title{color:#27ae60}.callout-danger{border-left-color:#e74c3c!important;background-color:#fdf2f2!important;color:#44191a}.callout-danger .callout-title{color:#e74c3c}.callout-tip{border-left-color:#a29bfe!important;background-color:#f5f3ff!important;color:#2d2563}.callout-tip .callout-title{color:#6c5ce7}.custom-spoiler{border:1px solid #dfe6e9;border-radius:10px;margin:1.2em 0;overflow:hidden;background:#fff}.custom-spoiler summary{list-style:none;cursor:pointer;padding:12px 18px;font-weight:600;font-size:.95em;color:#6c5ce7;background:#f5f3ff;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;transition:background .15s}.custom-spoiler summary::-webkit-details-marker{display:none}.custom-spoiler summary:before{content:"▶";font-size:.65em;transition:transform .2s ease;flex-shrink:0}.custom-spoiler[open] summary:before{transform:rotate(90deg)}.custom-spoiler summary:hover{background:#ede9fe}.spoiler-content{padding:12px 16px;border-top:1px solid #dfe6e9;animation:spoilerReveal .18s ease}.spoiler-content>*:first-child{margin-top:0}.spoiler-content>*:last-child{margin-bottom:0}[data-theme=dark] .markdown-body{color:var(--text-main)}[data-theme=dark] .markdown-body a{color:var(--primary-color)}[data-theme=dark] .markdown-body table,[data-theme=dark] .spoiler-content table,[data-theme=dark] .callout-body table{border-color:var(--border-color)}[data-theme=dark] .markdown-body th,[data-theme=dark] .markdown-body td,[data-theme=dark] .spoiler-content th,[data-theme=dark] .spoiler-content td,[data-theme=dark] .callout-body th,[data-theme=dark] .callout-body td{border-color:var(--border-color)!important}[data-theme=dark] .markdown-body th,[data-theme=dark] .spoiler-content th,[data-theme=dark] .callout-body th{background:color-mix(in srgb,var(--primary-color) 20%,var(--bg-card));color:var(--text-main)}[data-theme=dark] .markdown-body tr:nth-child(2n) td,[data-theme=dark] .spoiler-content tr:nth-child(2n) td,[data-theme=dark] .callout-body tr:nth-child(2n) td{background:color-mix(in srgb,var(--text-main) 4%,var(--bg-card))}[data-theme=dark] .markdown-body tr:hover td,[data-theme=dark] .spoiler-content tr:hover td,[data-theme=dark] .callout-body tr:hover td{background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-card))}[data-theme=dark] .callout{background-color:var(--bg-card);border-left-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .callout-info{border-left-color:#38bdf8!important;background-color:color-mix(in srgb,#0ea5e9 16%,var(--bg-card))!important;color:#e0f2fe!important}[data-theme=dark] .callout-info .callout-title{color:#7dd3fc}[data-theme=dark] .callout-warning{border-left-color:#fb923c!important;background-color:color-mix(in srgb,#ea580c 14%,var(--bg-card))!important;color:#ffedd5!important}[data-theme=dark] .callout-warning .callout-title{color:#fdba74}[data-theme=dark] .callout-success{border-left-color:#4ade80!important;background-color:color-mix(in srgb,#22c55e 14%,var(--bg-card))!important;color:#dcfce7!important}[data-theme=dark] .callout-success .callout-title{color:#86efac}[data-theme=dark] .callout-danger{border-left-color:#f87171!important;background-color:color-mix(in srgb,#ef4444 14%,var(--bg-card))!important;color:#fee2e2!important}[data-theme=dark] .callout-danger .callout-title{color:#fca5a5}[data-theme=dark] .callout-tip{border-left-color:var(--primary-color)!important;background-color:color-mix(in srgb,var(--primary-color) 14%,var(--bg-card))!important;color:var(--text-main)!important}[data-theme=dark] .callout-tip .callout-title{color:#c4b5fd}[data-theme=dark] .custom-spoiler{border-color:var(--border-color);background:var(--bg-card)}[data-theme=dark] .custom-spoiler summary{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,var(--bg-card))}[data-theme=dark] .custom-spoiler summary:hover{background:color-mix(in srgb,var(--primary-color) 18%,var(--bg-card))}[data-theme=dark] .spoiler-content{border-top-color:var(--border-color)}@keyframes spoilerReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.base-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:20px;box-shadow:0 2px 5px #0000000d;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.base-card:hover{box-shadow:0 4px 10px #0000001a}.form-panel{background:#fbfaff;padding:20px;border-radius:10px;border:1px solid #e1e1e1;margin-bottom:30px;width:100%;box-sizing:border-box}.empty-state{text-align:center;padding:40px;color:#aaa;font-style:italic;border:2px dashed #dfe6e9;border-radius:10px;margin-top:20px}.toast-container[data-v-e32a19ad]{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100050;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px;padding:0 15px;box-sizing:border-box}.toast-wrapper[data-v-e32a19ad]{display:flex;flex-direction:column;gap:10px;width:100%}.toast-item[data-v-e32a19ad]{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--bg-card, #fff);box-shadow:0 10px 30px #00000026;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.toast-success[data-v-e32a19ad]{border-left:5px solid #00b894}.toast-error[data-v-e32a19ad]{border-left:5px solid #d63031}.toast-warning[data-v-e32a19ad]{border-left:5px solid #fdcb6e}.toast-info[data-v-e32a19ad]{border-left:5px solid #0984e3}.toast-icon[data-v-e32a19ad]{display:flex;align-items:center;flex-shrink:0}.toast-ico--success[data-v-e32a19ad]{color:#16a34a}.toast-ico--error[data-v-e32a19ad]{color:#dc2626}.toast-ico--warn[data-v-e32a19ad]{color:#d97706}.toast-ico--info[data-v-e32a19ad]{color:#2563eb}.toast-content[data-v-e32a19ad]{flex:1;font-size:.95rem;color:var(--text-main, #2d3748);font-weight:500}.toast-close[data-v-e32a19ad]{background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;line-height:0}.toast-item:hover .toast-close[data-v-e32a19ad]{color:var(--text-main, #2d3748)}.toast-list-enter-active[data-v-e32a19ad],.toast-list-leave-active[data-v-e32a19ad]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-list-enter-from[data-v-e32a19ad]{opacity:0;transform:translateY(30px) scale(.9)}.toast-list-leave-to[data-v-e32a19ad]{opacity:0;transform:translateY(-30px) scale(.9)}.widget[data-v-7fe258d4]{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 2px;border-radius:24px;background:transparent;border:none;text-decoration:none;color:inherit;transition:opacity .2s}.widget[data-v-7fe258d4]:hover{opacity:.92}.info[data-v-7fe258d4]{text-align:right;display:flex;flex-direction:column;justify-content:center;min-width:0}.name[data-v-7fe258d4]{font-weight:600;font-size:.875rem;color:var(--text-main);line-height:1.2}.level-row[data-v-7fe258d4]{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:3px}.lvl-badge[data-v-7fe258d4]{background:var(--primary-color);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:6px;font-weight:700;letter-spacing:.02em}.xp-bar[data-v-7fe258d4]{width:56px;height:5px;background:var(--border-color);border-radius:999px;overflow:hidden}.xp-fill[data-v-7fe258d4]{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-color),#9b87ff)}.avatar[data-v-7fe258d4]{width:36px;height:36px;border-radius:50%;background:var(--bg-page);border:1px solid var(--border-color);object-fit:cover;flex-shrink:0}.fab-cart[data-v-77aba65b]{position:fixed;bottom:100px;right:30px;width:65px;height:65px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:50%;border:none;cursor:pointer;box-shadow:0 10px 25px color-mix(in srgb,var(--primary-color) 45%,transparent);display:flex;align-items:center;justify-content:center;z-index:1500;transition:.3s cubic-bezier(.175,.885,.32,1.275);animation:popIn-77aba65b .4s ease}.fab-cart[data-v-77aba65b]:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 15px 35px color-mix(in srgb,var(--primary-color) 52%,transparent)}.fab-icon[data-v-77aba65b]{color:#fff}.cart-modal-title[data-v-77aba65b]{display:flex;align-items:center;gap:10px;margin:0;font-size:1.5rem;color:var(--text-main)}.cart-modal-title-ico[data-v-77aba65b]{flex-shrink:0;color:var(--primary-color)}.fab-badge[data-v-77aba65b]{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;border:3px solid var(--bg-card);box-shadow:0 2px 8px color-mix(in srgb,#000 25%,transparent)}@keyframes popIn-77aba65b{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}.modal-overlay[data-v-77aba65b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:15px;box-sizing:border-box}.modern-modal[data-v-77aba65b]{background:var(--modal-surface);color:var(--text-main);width:100%;max-width:480px;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 20px 48px color-mix(in srgb,#000 38%,transparent);border:1px solid var(--border-color);animation:modalFadeIn-77aba65b .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalFadeIn-77aba65b{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-77aba65b]{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--modal-surface);border-bottom:1px solid var(--border-color);z-index:10;box-shadow:0 4px 12px color-mix(in srgb,var(--text-main) 4%,transparent)}.modal-header h2[data-v-77aba65b]{margin:0;font-size:1.5rem;color:var(--text-main)}.close-btn[data-v-77aba65b]{background:var(--bg-page);border:1px solid var(--border-color);width:32px;height:32px;border-radius:50%;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-77aba65b]:hover{background:color-mix(in srgb,var(--text-main) 8%,var(--bg-page));color:var(--text-main)}.cart-body[data-v-77aba65b]{padding:20px 30px;overflow-y:auto;flex:1;background:var(--bg-page);transition:background-color .3s ease}.modern-scroll[data-v-77aba65b]::-webkit-scrollbar{width:6px}.modern-scroll[data-v-77aba65b]::-webkit-scrollbar-track{background:transparent}.modern-scroll[data-v-77aba65b]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.empty-state[data-v-77aba65b]{text-align:center;color:var(--text-muted);padding:40px 0;display:flex;flex-direction:column;gap:10px;align-items:center}.empty-icon[data-v-77aba65b]{font-size:3rem;opacity:.55;color:var(--text-muted)}.empty-state p[data-v-77aba65b]{margin:0;font-size:1rem}.tasks-list[data-v-77aba65b]{display:flex;flex-direction:column;gap:12px}.cart-item[data-v-77aba65b]{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);padding:15px 20px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px color-mix(in srgb,var(--text-main) 5%,transparent);transition:border-color .2s,background-color .3s ease,box-shadow .2s,transform .2s}.cart-item[data-v-77aba65b]:hover{border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color));transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--text-main) 7%,transparent)}.item-info[data-v-77aba65b]{display:flex;flex-direction:column;gap:6px}.item-info strong[data-v-77aba65b]{color:var(--text-main);font-family:Courier New,Courier,monospace;font-size:1.05rem;letter-spacing:.5px}.item-diff[data-v-77aba65b]{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:5px}.item-diff .dot[data-v-77aba65b]{font-size:.6rem}.item-diff.easy[data-v-77aba65b]{color:#34d399}.item-diff.medium[data-v-77aba65b]{color:#fbbf24}.item-diff.hard[data-v-77aba65b]{color:#f87171}.btn-remove-item[data-v-77aba65b]{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border-color);width:30px;height:30px;border-radius:50%;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;font-size:.8rem}.btn-remove-item[data-v-77aba65b]:hover{background:color-mix(in srgb,#ef4444 14%,var(--bg-page));color:#ef4444;border-color:color-mix(in srgb,#ef4444 35%,var(--border-color))}.cart-footer[data-v-77aba65b]{padding:25px 30px;background:var(--modal-surface);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;box-shadow:0 -4px 12px color-mix(in srgb,var(--text-main) 4%,transparent);z-index:10}.form-group[data-v-77aba65b]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-77aba65b]{font-weight:600;font-size:.9rem;color:var(--text-main)}.required[data-v-77aba65b]{color:#f87171}.modern-input[data-v-77aba65b]{width:100%;box-sizing:border-box;padding:12px 15px;border-radius:12px;border:1px solid var(--border-color);font-size:.95rem;outline:none;transition:.2s;font-family:inherit;background:var(--bg-page);color:var(--text-main)}.modern-input[data-v-77aba65b]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 22%,transparent)}.search-wrapper[data-v-77aba65b]{position:relative}.search-icon[data-v-77aba65b]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-wrapper .modern-input[data-v-77aba65b]{padding-left:38px}.student-select-list[data-v-77aba65b]{max-height:180px;overflow-y:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-page);display:flex;flex-direction:column;margin-top:5px}.empty-list-msg[data-v-77aba65b]{padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem}.student-option[data-v-77aba65b]{padding:12px 15px;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;gap:12px;transition:.2s;margin:0;background:var(--bg-card)}.student-option[data-v-77aba65b]:last-child{border-bottom:none}.student-option[data-v-77aba65b]:hover{background:color-mix(in srgb,var(--text-main) 4%,var(--bg-card))}.student-option.selected[data-v-77aba65b]{background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-card))}.student-avatar[data-v-77aba65b]{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 22%,var(--bg-page));color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;text-transform:uppercase;flex-shrink:0;border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent)}.student-info[data-v-77aba65b]{display:flex;flex-direction:column;flex:1}.student-name[data-v-77aba65b]{font-weight:600;color:var(--text-main);font-size:.95rem}.student-login[data-v-77aba65b]{font-size:.8rem;color:var(--text-muted)}.check-mark[data-v-77aba65b]{color:var(--primary-color);font-weight:700;font-size:1.1rem}.btn-submit-modern[data-v-77aba65b]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;padding:15px 24px;border-radius:12px;cursor:pointer;font-weight:600;font-size:1.05rem;transition:.2s;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 38%,transparent);width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:5px;font-family:inherit}.btn-submit-ico[data-v-77aba65b]{flex-shrink:0}.btn-submit-ico--spin[data-v-77aba65b]{animation:cart-spin-77aba65b .75s linear infinite}@keyframes cart-spin-77aba65b{to{transform:rotate(360deg)}}.btn-submit-modern[data-v-77aba65b]:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 45%,transparent);filter:brightness(1.03)}.btn-submit-modern[data-v-77aba65b]:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none;filter:none;opacity:.65}@media(max-width:768px){.fab-cart[data-v-77aba65b]{bottom:90px;right:20px}.cart-modal[data-v-77aba65b]{height:100%;max-height:100vh;border-radius:0}.modal-overlay[data-v-77aba65b]{padding:0}}*,*:before,*:after{box-sizing:border-box}body{overflow-x:hidden;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.app-wrapper{min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,20px);background:var(--bg-page);color:var(--text-main);display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.navbar{background:var(--bg-card);padding:10px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.logo{font-size:1.5rem;font-weight:700;color:var(--text-main);text-decoration:none;transition:opacity .2s;display:inline-flex;align-items:center;gap:8px}.logo-icon{color:var(--primary-color);flex-shrink:0}.logo:hover{opacity:.8}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{text-decoration:none;color:var(--text-main);font-weight:500}.nav-link-with-icon{display:inline-flex;align-items:center;gap:8px}.nav-link-icon{color:var(--text-muted);flex-shrink:0}.nav-links a.router-link-active,.nav-links a.router-link-active .nav-link-icon{color:var(--primary-color)}.nav-link-with-badge{position:relative;padding-right:4px}.nav-hw-badge{position:absolute;top:-7px;right:-12px;min-width:1.15rem;padding:2px 6px;border-radius:10px;background:var(--primary-color);color:#fff;font-size:.68rem;font-weight:900;line-height:1.2;text-align:center;box-shadow:0 1px 4px color-mix(in srgb,var(--primary-color) 45%,transparent)}.nav-right{display:flex;align-items:center;gap:12px}.account-pill-cluster{display:inline-flex;align-items:center;gap:10px}.account-pill{display:inline-flex;align-items:center;padding:3px 3px 3px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:30px;box-shadow:0 1px 2px #0000000a}.btn-login{background:var(--primary-color);color:#fff!important;padding:8px 15px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-login-icon{flex-shrink:0}.btn-login:hover{background:var(--primary-hover)}.btn-theme-toggle{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s,transform .2s}.btn-theme-toggle:hover{background:color-mix(in srgb,var(--text-main) 6%,transparent);color:var(--text-main);border-color:color-mix(in srgb,var(--border-color) 70%,var(--text-muted));transform:scale(1.05)}.btn-theme-toggle:active{transform:scale(.96)}.btn-logout-circle{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s,transform .2s}.btn-logout-circle:hover{background:#dc26260f;border-color:#dc262659;color:#dc2626;transform:scale(1.05)}.btn-logout-circle:active{transform:scale(.96)}.main-content{flex:1 0 auto;padding:0 20px;width:100%;max-width:100vw;min-height:0}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-wrapper{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.navbar{padding:10px 15px}.logo{font-size:1.2rem}.main-content{padding:0 10px}.nav-right{gap:8px;flex-shrink:0}}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-card);border-top:1px solid var(--border-color);justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px)) 0;box-shadow:0 -2px 10px #0000000d;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-muted);font-size:.7rem;font-weight:700;width:20%;gap:4px}.nav-item-icon{color:var(--text-muted)}.nav-item.router-link-active,.nav-item.router-link-active .nav-item-icon{color:var(--primary-color)}.nav-item.router-link-active .nav-item-icon{transform:scale(1.08);transition:transform .2s}.nav-item-with-badge{position:relative}.nav-item-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.bottom-nav-hw-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary-color);color:#fff;font-size:.6rem;font-weight:900;line-height:16px;text-align:center;box-shadow:0 1px 3px color-mix(in srgb,#000 25%,transparent)}div.driver-popover.custom-tutorial-popover{border-radius:20px!important;border:3px solid #6c5ce7!important;padding:30px 25px!important;background-color:#fff!important;box-shadow:0 20px 50px #6c5ce740!important;width:100%!important;max-width:90vw!important}@media(min-width:768px){div.driver-popover.custom-tutorial-popover{min-width:550px!important;max-width:600px!important}}div.driver-popover.custom-tutorial-popover .driver-popover-title{font-size:1.6rem!important;font-weight:800!important;color:#2d3436!important;margin-bottom:15px!important}div.driver-popover.custom-tutorial-popover .driver-popover-description{color:#2d3436!important}div.driver-popover.custom-tutorial-popover .driver-popover-footer button{border-radius:8px!important;padding:10px 18px!important;font-weight:700!important;text-shadow:none!important;border:none!important;transition:all .2s ease!important;font-size:.95rem!important}div.driver-popover.custom-tutorial-popover .driver-popover-next-btn{background-color:#6c5ce7!important;color:#fff!important}div.driver-popover.custom-tutorial-popover .driver-popover-next-btn:hover{background-color:#5649c0!important;transform:translateY(-2px)!important}div.driver-popover.custom-tutorial-popover .driver-popover-prev-btn{background-color:#f1f2f6!important;color:#636e72!important}div.driver-popover.custom-tutorial-popover .driver-popover-prev-btn:hover{background-color:#dfe6e9!important}div.driver-popover.custom-tutorial-popover .driver-popover-close-btn{color:#b2bec3!important}div.driver-popover.custom-tutorial-popover .driver-popover-close-btn:hover{color:#e74c3c!important}