@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Cairo:wght@400;600;700&family=Noto+Sans+Arabic:wght@400;600;700&display=swap";:root{--bg-base: #000000;--bg-surface: #09090b;--bg-surface-hover: #18181b;--bg-surface-active: #27272a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--primary: #2684FC;--primary-hover: #1a6bcf;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--error-hover: #dc2626;--text-main: #FFFFFF;--text-muted: #a1a1aa;--text-dim: #52525b;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--sidebar-width: 260px;--header-height: 72px;--input-height: 52px;--btn-height: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-arabic: "Cairo", "Noto Sans Arabic", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 0 15px rgba(38, 132, 252, .25);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}input{font:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hidden{display:none!important}.block{display:block}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-2{top:var(--space-sm)}.left-2{left:var(--space-sm)}.right-2{right:var(--space-sm)}.top-3{top:12px}.right-3{right:12px}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:12px}.gap-4{gap:20px}.gap-6{gap:32px}.gap-8{gap:var(--space-xl)}.p-2{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.p-5{padding:20px}.p-6{padding:var(--space-lg)}.p-8{padding:var(--space-xl)}.px-3{padding-inline:12px}.px-4{padding-inline:var(--space-md)}.px-5{padding-inline:20px}.px-6{padding-inline:var(--space-lg)}.px-8{padding-inline:var(--space-xl)}.py-2{padding-block:var(--space-sm)}.py-3{padding-block:12px}.py-6{padding-block:var(--space-lg)}.pb-28{padding-bottom:112px}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:var(--space-md)}.mb-6{margin-bottom:var(--space-lg)}.mb-8{margin-bottom:var(--space-xl)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mt-auto{margin-top:auto}.ml-1{margin-left:var(--space-xs)}.ml-12{margin-left:48px}.mr-2{margin-right:var(--space-sm)}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:var(--space-md)}.space-y-6>*+*{margin-top:var(--space-lg)}.space-y-8>*+*{margin-top:var(--space-xl)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem;font-weight:600}.text-xl{font-size:1.25rem;font-weight:600}.text-2xl{font-size:1.5rem;font-weight:700}.text-3xl{font-size:1.875rem;font-weight:700}.font-mono{font-family:var(--font-mono)}.font-arabic{font-family:var(--font-arabic)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-center{text-align:center}.text-right{text-align:right}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-primary{color:var(--primary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.uppercase{text-transform:uppercase;letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-2xl{border-radius:var(--radius-xl)}.rounded-3xl{border-radius:48px}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height);padding:0 24px;border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;white-space:nowrap;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.98)}.btn-sm{height:36px;font-size:.8rem;padding:0 16px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2684fc4d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2684fc66}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-hover)}.btn-danger{background:#ef44441a;color:var(--error);border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef444433;color:#fff;border-color:var(--error)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);color:var(--text-muted);transition:all .15s ease}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-main);transform:translateY(-2px);box-shadow:0 6px 20px #0009}.btn-premium-primary{background:linear-gradient(135deg,var(--primary),#3b82f6);border:none;box-shadow:0 4px 15px #2684fc66;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-premium-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s}.btn-premium-primary:hover:not(:disabled):after{transform:translate(100%)}.btn-premium-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #2684fc80}.btn-premium-secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-premium-secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px)}.input{width:100%;height:var(--input-height);padding:0 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);transition:all .2s;font-size:.9375rem}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2684fc26;background:var(--bg-surface-hover)}.input::placeholder{color:var(--text-dim)}.sidebar{width:var(--sidebar-width);background:#050505;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{height:var(--header-height);padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--border);justify-content:space-between}.sidebar nav{flex:1;overflow-y:auto;padding:16px 0}.nav-btn{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;font-size:.875rem;transition:all .2s;text-align:left}.nav-btn:hover{background:var(--bg-surface);color:var(--text-main)}.nav-btn.active{background:var(--bg-surface-hover);color:var(--text-main)}.main-content{flex:1;display:flex;flex-direction:column;background:#000;overflow:hidden}.content-header{height:var(--header-height);padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content-body{flex:1;padding:32px;overflow-y:auto}.admin-nav-btn{position:relative;overflow:hidden}.admin-nav-btn.active{background:#2684fc1a!important;color:var(--primary)!important;border-left:3px solid var(--primary);border-radius:4px 12px 12px 4px}.table-toolbar{display:flex;align-items:center;padding:8px 0;margin-bottom:8px}.table-nav{display:flex;background:#ffffff08;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.table-nav-btn{padding:8px 16px;border-radius:8px;font-size:.8125rem;font-weight:600;transition:all .2s;color:var(--text-muted)}.table-nav-btn.active{background:#ffffff14;color:#fff;box-shadow:0 4px 12px #0003}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-dim);pointer-events:none;transition:color .2s}.search-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;height:40px;padding-left:42px;padding-right:16px;color:#fff;font-size:.875rem;width:260px;transition:all .2s}.search-input:focus{outline:none;background:#ffffff0f;border-color:var(--primary);box-shadow:0 0 0 4px #2684fc1a;width:320px}.search-input:focus+.search-icon{color:var(--primary)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.admin-table thead th{position:sticky;top:0;background:#0f0f14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;padding:16px 20px;text-align:left;font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody td{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.btn-toolbar{height:40px;padding:0 16px;font-size:.8125rem;border-radius:12px}.options-menu{position:absolute;top:calc(100% + 8px);right:0;background:#0f0f14e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d inset;z-index:100;padding:8px;min-width:200px;animation:menuPopup .3s cubic-bezier(.16,1,.3,1);transform-origin:top right}.options-item{width:100%;padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:600;color:#fff9;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;border:none;background:transparent;cursor:pointer}.options-item:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.options-item.danger{color:#ef4444cc}.options-item.danger:hover{background:#ef44441a;color:#ef4444}.options-item.warning{color:#f59e0bcc}.options-item.warning:hover{background:#f59e0b1a;color:#f59e0b}.options-divider{height:1px;background:#ffffff14;margin:8px 4px}.admin-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.23,1,.32,1)}.admin-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 30px #0006}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;height:220px;display:flex;flex-direction:column;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg);background:var(--bg-surface-hover)}.card-icon{width:48px;height:48px;border-radius:12px;background:#ffffff08;color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:.3s}.card:hover .card-icon{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:5%}.modal-content{background:#050505;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);overflow:hidden;display:flex;flex-direction:column;width:100%;max-height:90vh;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:80vw}.quiz-container{padding:0;width:100%}.quiz-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%}.quiz-btn{background:linear-gradient(180deg,var(--bg-surface),rgba(9,9,11,.4));border:1px solid var(--border);color:var(--text-main);padding:var(--space-lg);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-weight:600;font-size:1.1rem;text-align:center;position:relative;overflow:hidden}.quiz-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(38,132,252,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.quiz-btn:hover{background:var(--bg-surface-hover);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0006}.quiz-btn:hover:before{opacity:1}.quiz-btn .btn-icon-wrapper{width:56px;height:56px;border-radius:14px;background:#ffffff08;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s ease}.quiz-btn:hover .btn-icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-glow)}.quiz-choice{width:100%;background:#09090bd9;border:1px solid var(--border);color:var(--text-main);padding:14px 18px;border-radius:var(--radius-lg);transition:all .2s ease;font-family:var(--font-arabic);font-size:.975rem;line-height:1.6;text-align:left}.quiz-choice:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.quiz-choice.selected{background:#2684fc24;border-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.quiz-progress-wrapper{width:100%;height:6px;background:#ffffff0d;border-radius:9999px;margin-bottom:24px;overflow:hidden}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#60a5fa);border-radius:9999px;transition:width .4s cubic-bezier(.23,1,.32,1);box-shadow:0 0 10px #2684fc4d}.quiz-result-box{padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s ease;background:#ffffff05}.quiz-result-box.correct{border-color:#10b9814d;background:#10b9810d}.quiz-result-box.wrong{border-color:#ef44444d;background:#ef44440d}.quiz-result-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-result-icon-wrapper.correct{background:#10b98126;color:var(--success)}.quiz-result-icon-wrapper.wrong{background:#ef444426;color:var(--error)}.quiz-answer-box{padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.95rem;display:flex;flex-direction:column;gap:4px;font-family:var(--font-arabic)}.quiz-answer-box.correct{border-color:#10b98133;background:#10b9811a}.quiz-answer-box.wrong{border-color:#ef444433;background:#ef44441a}.quiz-answer-label{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;opacity:.7}.quiz-answer-label.correct{color:var(--success)}.quiz-answer-label.wrong{color:var(--error)}.quiz-explanation-box{padding:14px 16px;border-radius:var(--radius-md);background:#2684fc0d;border:1px dashed rgba(38,132,252,.2);margin-top:12px}.score-circle-container{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.score-circle-svg{transform:rotate(-90deg);width:100%;height:100%}.score-circle-bg{fill:none;stroke:#ffffff0d;stroke-width:8}.score-circle-progress{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.score-value{position:absolute;font-size:2.5rem;font-weight:800;color:#fff}.translation-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;font-size:.9rem;transition:all .2s}.translation-toggle.off{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text-muted)}.translation-toggle.off:hover{background:#ffffff08;color:var(--text-main)}.translation-toggle.on{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow);border:1px solid transparent}.back-link-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-muted);background:#0f172a66;border:1px solid rgba(148,163,184,.35);cursor:pointer;transition:all .2s ease}.back-link-btn:hover{color:#fff;background:#0f172acc;border-color:#94a3b8b3;box-shadow:0 0 20px #0f172ab3;transform:translateY(-1px)}.contribution-modal-header{padding:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05;flex-shrink:0}.contribution-modal-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-xl)}.contribution-modal-footer{padding:var(--space-xl) var(--space-lg);background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.contribution-section{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.contribution-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-left:4px}.contribution-choice-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.contribution-choice-row{display:flex;align-items:center;gap:var(--space-lg)}.contribution-choice-index{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:var(--text-dim)}.contribution-choice-toggle{width:56px!important;height:56px!important;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl)!important;border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:#ffffff0d!important;color:var(--text-muted)!important}.contribution-choice-toggle.selected{background:var(--primary)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--shadow-glow)}.contribution-toggle-icon{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;opacity:.3}.contribution-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#000000f2;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);z-index:100;max-height:250px;overflow-y:auto;animation:menuPopup .3s cubic-bezier(.16,1,.3,1)}.contribution-dropdown-item{width:100%;height:64px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s;color:var(--text-muted)}.contribution-dropdown-item:last-child{border-bottom:none}.contribution-dropdown-item:hover{background:#ffffff0d;color:#fff}.contribution-dropdown-item.active{background:#ffffff0d;color:var(--primary)}.alert-modal-card{background:#09090be6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:48px;width:100%;max-width:440px;padding:56px 48px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 40px 100px -20px #000c,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden;animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1)}.alert-pill-container{width:220px;height:80px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;position:relative}.alert-pill-container:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:9999px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent,rgba(255,255,255,.05));pointer-events:none}.alert-title-v2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.alert-msg-v2{font-size:1.1rem;line-height:1.6;color:#ffffff80;margin-bottom:40px;max-width:340px;font-weight:500}.alert-btn-v2{width:100%;height:64px;background:#fff;color:#000;border-radius:24px;font-size:1.15rem;font-weight:800;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 12px #ffffff1a}.alert-btn-v2:hover{transform:translateY(-4px) scale(1.02);background:#fff;box-shadow:0 20px 40px #ffffff26}.alert-btn-v2:active{transform:translateY(-2px) scale(.98)}.login-view-v2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-backdrop-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(38,132,252,.15),transparent 70%);backdrop-filter:blur(140px);-webkit-backdrop-filter:blur(140px)}.login-card-v2{position:relative;width:100%;max-width:440px;padding:48px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:48px;text-align:center;box-shadow:0 40px 100px -20px #000c;animation:modalSlideUp .6s cubic-bezier(.16,1,.3,1)}.login-input{width:100%;height:72px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#fff;font-family:var(--font-body);transition:all .3s cubic-bezier(.23,1,.32,1);outline:none;font-size:1.125rem}.login-input:focus{background:#ffffff0f;border-color:var(--primary);box-shadow:0 0 0 4px #2684fc1a}.login-input.error{border-color:var(--error);box-shadow:0 0 0 4px #ef44441a}.login-status-dot{width:10px;height:10px;border-radius:50%;margin-bottom:24px;box-shadow:0 0 20px currentColor}.file-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.file-card{aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.file-card:hover{background:#ffffff0f;border-color:#2684fc4d;transform:translateY(-4px);box-shadow:0 12px 24px #0006}.file-card.selected{background:#2684fc1a;border-color:var(--primary);box-shadow:0 0 20px #2684fc26}.file-table-layout{display:grid;grid-template-columns:40px 48px 1fr 100px;gap:12px;align-items:center}.view-toggle-group{display:flex;background:#ffffff0a;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.view-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);transition:all .2s}.view-toggle-btn.active{background:#2684fc26;color:var(--primary)}.view-toggle-btn:hover:not(.active){background:#ffffff0d;color:#fff}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.scroll-mask-v{-webkit-mask-image:linear-gradient(to bottom,transparent,black 40px,black calc(100% - 40px),transparent);mask-image:linear-gradient(to bottom,transparent,black 40px,black calc(100% - 40px),transparent)}.scroll-mask-v-sm{-webkit-mask-image:linear-gradient(to bottom,transparent,black 20px,black calc(100% - 20px),transparent);mask-image:linear-gradient(to bottom,transparent,black 20px,black calc(100% - 20px),transparent)}.transition-all{transition:all .2s}.transition-transform{transition:transform .2s}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-60{z-index:60}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes menuPopup{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.periodic-modal{display:flex;flex-direction:column;background:#09090b;border-radius:40px;max-height:90vh;width:95%;max-width:520px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.periodic-header{padding:40px 40px 24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05;display:flex;flex-direction:column;align-items:center}.periodic-scroll-content{flex:1;overflow-y:auto;padding:32px}.periodic-score-card{background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.periodic-review-title{font-size:10px;font-weight:900;color:#ffffff4d;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px;display:flex;align-items:center;gap:8px;padding:0 8px}.periodic-review-card{padding:24px;border-radius:24px;border:1px solid transparent;transition:all .2s;margin-bottom:16px}.periodic-review-card.correct{border-color:#10b9811a;background:#10b98105}.periodic-review-card.incorrect{border-color:#ef44441a;background:#ef444405}.periodic-footer{padding:32px;border-top:1px solid rgba(255,255,255,.05);background:#ffffff05}@media (max-width: 900px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:60;transform:translate(-110%);transition:transform .25s ease;box-shadow:0 10px 30px #0009;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff05;border:1px solid var(--border);color:var(--text-muted);position:relative;z-index:70}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50}.content-header{padding:12px 16px;height:56px}.content-body{padding:16px}.grid-cards{gap:16px}.modal-content{max-height:90vh}.quiz-container{padding:var(--space-sm)}.quiz-choice{padding:var(--space-sm) var(--space-md);font-size:.9rem;min-height:50px}}@media (min-width: 901px){.mobile-toggle{display:none}}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}.settings-row:hover{background:#ffffff0a;border-color:#ffffff1a}.settings-label{font-size:.9375rem;font-weight:600;color:#ffffffb3}.toggle-switch{width:52px;height:28px;background:#ffffff0d;border-radius:9999px;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.toggle-switch.active{background:var(--primary);border-color:transparent;box-shadow:0 0 20px #2684fc66}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px #0003}.toggle-switch.active .toggle-thumb{transform:translate(24px);box-shadow:-2px 0 10px #0000001a}.toggle-switch:active .toggle-thumb{width:26px}.toggle-switch.active:active .toggle-thumb{transform:translate(18px)}.usage-toast-v2{position:fixed;width:300px;z-index:9999;background:#0a0a0c66;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 40px -4px #0009,0 0 0 1px #ffffff0d inset;font-family:var(--font-body);transition:transform .1s ease,opacity .3s ease;overflow:hidden;-webkit-user-select:none;user-select:none}.usage-toast-v2.dragging{cursor:grabbing;transform:scale(1.02);box-shadow:0 30px 60px -10px #000c,0 0 0 1px #ffffff1a inset}.usage-toast-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05;cursor:grab}.usage-toast-v2.dragging .usage-toast-header{cursor:grabbing}.usage-toast-title{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.usage-toast-close{width:28px;height:28px;border-radius:50%;background:#ffffff0d;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.usage-toast-close:hover{background:#ffffff1a;color:#fff}.usage-toast-body{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.usage-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:all .3s ease}.usage-stat-label{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.usage-stat-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:var(--text-main);line-height:1}@keyframes flash-blue{0%{background:#3b82f633;border-color:#3b82f666}to{background:#ffffff08;border-color:#ffffff0d}}@keyframes flash-amber{0%{background:#f59e0b33;border-color:#f59e0b66}to{background:#ffffff08;border-color:#ffffff0d}}@keyframes flash-red{0%{background:#ef444433;border-color:#ef444466}to{background:#ffffff08;border-color:#ffffff0d}}@keyframes flash-emerald{0%{background:#10b98133;border-color:#10b98166}to{background:#ffffff08;border-color:#ffffff0d}}.usage-flash-blue{animation:flash-blue .4s ease-out}.usage-flash-amber{animation:flash-amber .4s ease-out}.usage-flash-red{animation:flash-red .4s ease-out}.usage-flash-emerald{animation:flash-emerald .4s ease-out}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}