@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--bg-main:#080b11;--bg-subtle:#0d121d;--card-bg:rgba(18,24,38,0.75);--card-bg-solid:#121826;--card-hover:rgba(28,36,56,0.85);--border-subtle:rgba(255,255,255,0.08);--border-glow:rgba(99,102,241,0.35);--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--primary-glow:rgba(99,102,241,0.25);--primary-gradient:linear-gradient(135deg,#6366f1,#a855f7);--secondary-gradient:linear-gradient(135deg,#3b82f6,#2dd4bf);--card-gradient:linear-gradient(180deg,rgba(25,33,52,0.6),rgba(15,20,32,0.8));--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--success:#10b981;--success-bg:rgba(16,185,129,0.12);--success-border:rgba(16,185,129,0.3);--warning:#f59e0b;--warning-bg:rgba(245,158,11,0.12);--warning-border:rgba(245,158,11,0.3);--danger:#f43f5e;--danger-bg:rgba(244,63,94,0.12);--danger-border:rgba(244,63,94,0.3);--info:#06b6d4;--info-bg:rgba(6,182,212,0.12);--info-border:rgba(6,182,212,0.3);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.4);--shadow-lg:0 16px 40px rgba(0,0,0,0.5),0 0 20px var(--primary-glow)}svg{flex-shrink:0;vertical-align:middle}.w-3{width:12px}.h-3{height:12px}.w-3\.5{width:14px}.h-3\.5{height:14px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(at 15% 15%,rgba(99,102,241,.12) 0,transparent 40%),radial-gradient(at 85% 20%,rgba(168,85,247,.1) 0,transparent 40%),radial-gradient(at 50% 85%,rgba(6,182,212,.08) 0,transparent 45%);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.container{max-width:1120px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(8,11,17,.75);border-bottom:1px solid var(--border-subtle);padding:.9rem 1.5rem}.navbar-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.15rem;letter-spacing:-.02em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-logo-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--primary-gradient);color:white;box-shadow:0 0 16px var(--primary-glow)}.online-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .75rem;border-radius:var(--radius-full);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#34d399;font-size:.75rem;font-weight:600}.pulsing-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.75rem}.breadcrumb a{color:var(--text-muted);transition:color .15s ease}.breadcrumb a:hover{color:var(--primary-light)}.breadcrumb-separator{color:var(--text-dim);font-size:.75rem}.breadcrumb-active{color:var(--text-main);font-weight:500}.card{background:var(--card-bg);background-image:var(--card-gradient);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.card+.card{margin-top:1.25rem}.card-link{display:block;text-decoration:none;cursor:pointer;position:relative;overflow:hidden}.card-link:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:0;transition:opacity .25s ease}.card-link:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-link:hover:before{opacity:1}.title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem}.subtitle,.title{color:var(--text-main)}.subtitle{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.muted{color:var(--text-muted);font-size:.9rem;line-height:1.5}.mono{font-family:var(--font-mono)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-full);background:rgba(255,255,255,.06);border:1px solid var(--border-subtle);font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.pill-primary{background:var(--primary-glow);border-color:rgba(99,102,241,.4);color:#a5b4fc}.pill-level{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(168,85,247,.2));border-color:rgba(168,85,247,.4);color:#c084fc;font-weight:700;font-family:var(--font-mono)}.pill-status-NEW{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.35);color:#a5b4fc}.pill-status-IN_PROGRESS{background:var(--warning-bg);border-color:var(--warning-border);color:#fbbf24}.pill-status-COMPLETED{background:var(--success-bg);border-color:var(--success-border);color:#34d399}.layout{display:grid;grid-template-columns:320px 1fr;grid-gap:1.75rem;gap:1.75rem;align-items:start}@media (max-width:860px){.layout{grid-template-columns:1fr}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:.85rem;gap:.85rem;margin-top:1.25rem}.stat-box{background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column}.stat-box-value{font-size:1.35rem;font-weight:700;color:var(--text-main);font-family:var(--font-mono)}.stat-box-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}button,input,select,textarea{font:inherit;color:inherit;outline:none}input,select,textarea{background:rgba(10,14,23,.8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.65rem 1rem;color:var(--text-main);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:rgba(14,20,33,.95)}input::placeholder,textarea::placeholder{color:var(--text-dim)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);background-image:var(--primary-gradient);color:white;border:none;border-radius:var(--radius-md);padding:.65rem 1.25rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px var(--primary-glow)}.btn:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px var(--primary-glow);filter:brightness(1.08)}.btn:active:not(:disabled),button:active:not(:disabled){transform:translateY(0)}.btn-secondary,button.secondary{background:rgba(255,255,255,.05);background-image:none;border:1px solid var(--border-subtle);color:var(--text-main);box-shadow:none}.btn-secondary:hover:not(:disabled),button.secondary:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.btn-ghost,button.ghost{background:transparent;background-image:none;border:none;color:var(--text-muted);box-shadow:none}.btn-ghost:hover:not(:disabled),button.ghost:hover:not(:disabled){color:var(--text-main);background:rgba(255,255,255,.05)}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sidebar-group+.sidebar-group{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.sidebar-group-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-dim);margin-bottom:.65rem}.sidebar-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;border-radius:var(--radius-md);text-decoration:none;color:var(--text-main);font-size:.9rem;border:1px solid transparent;transition:all .15s ease;margin-bottom:.35rem}.sidebar-item:hover{background:rgba(255,255,255,.04);border-color:var(--border-subtle);transform:translateX(2px)}.sidebar-item.active{background:var(--primary-glow);border-color:rgba(99,102,241,.3);color:#e0e7ff}.options-grid{display:grid;grid-template-columns:1fr;grid-gap:.65rem;gap:.65rem;margin-top:1.25rem}.option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:rgba(255,255,255,.03);background-image:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1.15rem;font-size:.95rem;font-weight:500;color:var(--text-main);box-shadow:none;cursor:pointer;transition:all .2s ease}.option-btn:hover:not(:disabled){background:rgba(255,255,255,.07);border-color:rgba(99,102,241,.4);transform:translateY(-1px)}.option-btn.selected{border-color:var(--primary);background:rgba(99,102,241,.18);box-shadow:0 0 16px var(--primary-glow)}.option-btn.correct{border-color:var(--success);background:var(--success-bg);color:#6ee7b7;box-shadow:0 0 16px rgba(16,185,129,.25)}.option-btn.incorrect{border-color:var(--danger);background:var(--danger-bg);color:#fda4af;box-shadow:0 0 16px rgba(244,63,94,.25)}.word-bank-line{align-items:center;min-height:3.4rem;padding:.5rem .25rem;border-bottom:2px solid var(--border-subtle);margin-bottom:1.25rem}.word-bank-line,.word-bank-tiles{display:flex;flex-wrap:wrap;gap:.5rem}.word-bank-tiles{justify-content:center}.word-tile{padding:.55rem .95rem;background:rgba(255,255,255,.05);background-image:none;border:solid var(--border-subtle);border-width:1px 1px 3px;border-radius:var(--radius-md);color:var(--text-main);font-size:1rem;font-weight:600;box-shadow:none}.word-tile:hover:not(:disabled){border-color:rgba(99,102,241,.5);box-shadow:none}.word-tile:disabled{cursor:default}.word-tile-placeholder{display:inline-flex;color:transparent;background:rgba(255,255,255,.02);border-style:dashed;border-bottom-width:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}table{width:100%;border-collapse:collapse;text-align:left;background:rgba(14,18,28,.5)}th{background:rgba(255,255,255,.02);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}td,th{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle)}td{font-size:.9rem;color:var(--text-main)}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(255,255,255,.02)}.progress-bar{background:rgba(255,255,255,.06);border-radius:var(--radius-full);height:8px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--primary-gradient);box-shadow:0 0 8px var(--primary-glow);transition:width .4s cubic-bezier(.16,1,.3,1)}.multi-progress-bar{display:flex;height:8px;border-radius:var(--radius-full);overflow:hidden;background:rgba(255,255,255,.06);gap:2px}.multi-progress-segment{height:100%;transition:width .3s ease}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);color:var(--text-dim);margin-bottom:1rem}.alert{padding:.85rem 1.15rem;border-radius:var(--radius-md);font-size:.9rem;margin-top:1rem;display:flex;align-items:center;gap:.65rem;border:1px solid transparent}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:#6ee7b7}.alert-danger{background:var(--danger-bg);border-color:var(--danger-border);color:#fda4af}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:#7dd3fc}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.25rem}.flashcard{background:rgba(255,255,255,.02);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;position:relative;transition:all .2s ease}.flashcard:hover{border-color:rgba(99,102,241,.3);background:rgba(255,255,255,.04)}.flashcard-word{font-size:1.2rem;font-weight:700;color:var(--text-main)}.flashcard-translation{font-size:.95rem;color:var(--text-muted);margin-top:.25rem}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1.5rem auto;background:radial-gradient(circle,rgba(99,102,241,.2) 0,rgba(18,24,38,.9) 70%);border:2px solid var(--primary-light);box-shadow:0 0 32px var(--primary-glow)}.score-value{font-size:2.2rem;font-weight:800;font-family:var(--font-mono);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}