@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Roboto+Mono:wght@400;500;600&display=swap";:root{--bg: #0B0E11;--bg-card: #1E2026;--bg-card2: #181A20;--bg-hover: #252930;--bg-input: #14161A;--t1: #EAECEF;--t2: #848E9C;--t3: #474D57;--gold: #F0B90B;--gold-dim: rgba(240,185,11,.12);--gold-border: rgba(240,185,11,.25);--green: #0ECB81;--green-dim: rgba(14,203,129,.12);--red: #F6465D;--red-dim: rgba(246,70,93,.12);--blue: #1E9BD7;--blue-dim: rgba(30,155,215,.12);--purple: #C084FC;--purple-dim: rgba(192,132,252,.12);--border: #2B2F36;--border2: #363C45;--r: 8px;--r2: 12px;--r3: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,IBM Plex Sans Arabic,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--t1);line-height:1.65;direction:rtl;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}.mono{font-family:Roboto Mono,monospace}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-card2);border-left:1px solid var(--border);position:fixed;top:0;right:0;bottom:0;display:flex;flex-direction:column;overflow-y:auto;z-index:100}.sidebar-logo{padding:22px 18px 18px;border-bottom:1px solid var(--border)}.sb-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sb-brand-icon{width:34px;height:34px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#000;flex-shrink:0}.sb-brand-text h1{font-size:13px;font-weight:700;color:var(--t1);line-height:1.2}.sb-brand-text .en{font-size:10px;color:var(--t3);font-family:Inter,sans-serif;font-weight:400}.sb-plan{display:inline-flex;align-items:center;gap:5px;background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;color:var(--gold);font-family:Inter,sans-serif;letter-spacing:.4px}.sb-label{padding:14px 18px 5px;font-size:10px;font-weight:700;color:var(--t3);letter-spacing:1px;text-transform:uppercase;font-family:Inter,sans-serif}.sidebar nav{padding:4px 10px 10px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r);color:var(--t2);font-size:13px;font-weight:500;transition:all .15s;text-decoration:none;margin-bottom:2px;position:relative}.nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0;opacity:.7}.nav-ar{flex:1;font-size:13px}.nav-en{font-size:10px;color:var(--t3);font-family:Inter,sans-serif}.sidebar nav a:hover{background:var(--bg-hover);color:var(--t1)}.sidebar nav a:hover .nav-icon{opacity:1}.sidebar nav a.active{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border)}.sidebar nav a.active .nav-icon{opacity:1;color:var(--gold)}.sidebar nav a.active .nav-en{color:#f0b90b80}.sidebar nav a.active:after{content:"";position:absolute;right:-1px;top:20%;bottom:20%;width:3px;background:var(--gold);border-radius:3px 0 0 3px}.sb-bottom{margin-top:auto;padding:14px;border-top:1px solid var(--border)}.sb-premium{background:linear-gradient(135deg,#f0b90b14,#f0b90b0a);border:1px solid var(--gold-border);border-radius:var(--r2);padding:14px}.sb-premium .icon{font-size:18px;margin-bottom:6px}.sb-premium .title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:3px}.sb-premium .desc{font-size:11px;color:var(--t3);line-height:1.5}.main-content{flex:1;margin-right:240px;padding:40px 48px;max-width:calc(100% - 240px)}.page-header{margin-bottom:28px}.page-title-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}.page-header h2{font-size:24px;font-weight:700;color:var(--t1);line-height:1.2}.en-label{font-size:12px;color:var(--t3);font-family:Inter,sans-serif}.page-header>p{font-size:13px;color:var(--t2);line-height:1.65}.explainer{margin-top:10px;padding:10px 14px;background:var(--bg-card);border-right:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;font-size:12.5px;color:var(--t2);line-height:1.65}.welcome-banner{background:linear-gradient(135deg,#f0b90b12,#1e9bd70d);border:1px solid rgba(240,185,11,.15);border-radius:var(--r3);padding:22px 26px;margin-bottom:28px;display:flex;align-items:flex-start;gap:18px}.welcome-banner .w-icon{font-size:34px;flex-shrink:0;margin-top:2px}.welcome-banner h3{font-size:17px;font-weight:700;margin-bottom:5px}.welcome-banner p{font-size:13px;color:var(--t2);line-height:1.6}.section-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;margin-top:28px}.section-heading h3{font-size:15px;font-weight:700}.section-heading .en{font-size:11px;color:var(--t3);font-family:Inter,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:8px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:20px 18px 18px;box-shadow:0 18px 50px #0000002e;transition:border-color .15s,transform .15s,background .15s}.stat-card:hover{border-color:var(--gold-border);transform:translateY(-1px)}.stat-value{font-family:Roboto Mono,monospace;font-size:28px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px}.stat-value .denom{font-size:14px;font-weight:400;color:var(--t3);margin-right:2px}.stat-label{font-size:11.5px;color:var(--t2);line-height:1.5}.stat-label .sub{color:var(--t3);font-family:Inter,sans-serif;font-size:10px}.progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden;margin-top:12px}.progress-bar-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .6s ease}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:18px 20px;transition:all .18s;cursor:pointer}.card:hover{border-color:var(--gold-border);background:var(--bg-hover);transform:translateY(-1px)}.card h3{font-size:14px;font-weight:600;color:var(--t1);margin-bottom:7px;line-height:1.4}.card p{font-size:12.5px;color:var(--t2);margin-bottom:12px;line-height:1.65}.card-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.2px}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-yellow{background:var(--gold-dim);color:var(--gold)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.filters-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters-bar select,.filters-bar input{background:var(--bg-input);border:1px solid var(--border);color:var(--t1);padding:8px 12px;border-radius:var(--r);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.filters-bar select:focus,.filters-bar input:focus{border-color:var(--gold)}.filters-bar input::placeholder{color:var(--t3)}.btn{padding:9px 18px;border:none;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1}.btn-primary{background:var(--gold);color:#000;font-weight:700}.btn-primary:hover{background:#d4a30a;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--t2);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border2);color:var(--t1);background:var(--bg-hover)}.btn-success{background:var(--green);color:#000;font-weight:700}.btn-success:hover{background:#0ab36d}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--t2);font-size:12.5px;margin-bottom:20px;padding:6px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);transition:all .15s}.back-link:hover{color:var(--t1);border-color:var(--border2);background:var(--bg-hover)}.detail-page{max-width:800px}.detail-page h2{font-size:22px;font-weight:700;margin-bottom:6px}.meta-row{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.detail-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:22px 24px;margin-bottom:14px;box-shadow:0 22px 70px #00000038}.detail-section h4{font-size:10px;color:var(--t3);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-weight:700;font-family:Inter,sans-serif}.detail-section p,.detail-section>div{font-size:13.5px;line-height:1.85}.detail-section strong,.card strong,.stat-card strong{color:var(--gold);font-weight:800}.detail-section code,.card code,.stat-card code{background:#f0b90b1a;border:1px solid rgba(240,185,11,.18);color:var(--gold);border-radius:5px;padding:1px 5px;font-family:Roboto Mono,monospace;font-size:.92em}.lesson-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);transition:all .18s;cursor:pointer;margin-bottom:6px}.lesson-card:hover{border-color:var(--gold-border);background:var(--bg-hover);transform:translate(-2px)}.lesson-num{width:38px;height:38px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:Roboto Mono,monospace;font-size:13px;font-weight:700;color:var(--t3);flex-shrink:0;transition:all .15s}.lesson-num.done{background:var(--green-dim);border-color:#0ecb8166;color:var(--green)}.lesson-info{flex:1;min-width:0}.lesson-info h3{font-size:13.5px;font-weight:600;margin-bottom:3px;color:var(--t1)}.lesson-info p{font-size:12px;color:var(--t3);margin:0}.quiz-question{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r2);padding:20px;margin-bottom:12px}.quiz-q-num{font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.8px;text-transform:uppercase;font-family:Inter,sans-serif;margin-bottom:8px}.quiz-question h4{font-size:14px;margin-bottom:14px;line-height:1.65;color:var(--t1)}.quiz-option{display:block;width:100%;text-align:right;padding:10px 14px;margin-bottom:7px;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--r);color:var(--t1);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s}.quiz-option:hover{border-color:var(--gold-border);background:var(--bg-hover)}.quiz-option.selected{border-color:var(--gold);background:var(--gold-dim)}.quiz-option.correct{border-color:var(--green);background:var(--green-dim)}.quiz-option.incorrect{border-color:var(--red);background:var(--red-dim)}.quiz-explanation{margin-top:10px;padding:10px 14px;background:#f0b90b0d;border-right:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;font-size:12.5px;color:var(--t2);line-height:1.65}.quiz-result{border-radius:var(--r2);padding:20px;margin-bottom:24px;text-align:center}.quiz-result.passed{background:var(--green-dim);border:1px solid rgba(14,203,129,.25)}.quiz-result.failed{background:var(--red-dim);border:1px solid rgba(246,70,93,.25)}.quiz-result .r-icon{font-size:30px;margin-bottom:8px}.quiz-result h3{font-size:17px;font-weight:700;margin-bottom:4px}.quiz-result p{font-size:13px;color:var(--t2)}.lesson-content{font-size:14px;line-height:1.85}.lesson-content h2{font-size:20px;margin:26px 0 12px;color:var(--t1);font-weight:700}.lesson-content h3{font-size:16px;margin:20px 0 10px;color:var(--gold);font-weight:600}.lesson-content h4{font-size:14px;margin:16px 0 8px;color:var(--t2);font-weight:600}.lesson-content p{margin-bottom:14px}.lesson-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px}.lesson-content th,.lesson-content td{padding:9px 13px;border:1px solid var(--border);text-align:right}.lesson-content th{background:var(--bg-hover);font-weight:700;color:var(--t2);font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-family:Inter,sans-serif}.lesson-content code{background:var(--bg-hover);color:var(--gold);padding:2px 6px;border-radius:4px;font-family:Roboto Mono,monospace;font-size:12.5px}.lesson-content strong{color:var(--t1);font-weight:600}.viz-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;margin-bottom:20px}.viz-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--t2);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.viz-controls input,.viz-controls select{background:var(--bg-input);border:1px solid var(--border);color:var(--t1);padding:8px 11px;border-radius:var(--r);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.viz-controls input:focus,.viz-controls select:focus{border-color:var(--gold)}.legs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.leg-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.leg-row select,.leg-row input{background:var(--bg-input);border:1px solid var(--border);color:var(--t1);padding:6px 10px;border-radius:var(--r);font-size:13px;font-family:inherit;outline:none}.leg-row select:focus,.leg-row input:focus{border-color:var(--gold)}.glossary-list{display:flex;flex-direction:column;gap:3px}.glossary-item{padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all .15s}.glossary-item:hover{border-color:var(--gold-border);background:var(--bg-hover)}.glossary-item .term-name{font-weight:700;font-size:13.5px;color:var(--t1);margin-bottom:4px;font-family:Inter,sans-serif}.glossary-item .term-def{font-size:13px;color:var(--t2);line-height:1.6}.glossary-item .term-cat{font-size:10px;color:var(--t3);margin-top:5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.legs-table{width:100%;border-collapse:collapse;font-size:13px}.legs-table th{padding:9px 12px;background:var(--bg-hover);border-bottom:1px solid var(--border);text-align:right;font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-family:Inter,sans-serif}.legs-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--t1)}.divider{height:1px;background:var(--border);margin:24px 0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}@media(max-width:768px){.sidebar{display:none}.main-content{margin-right:0;padding:20px 16px;max-width:100%}.card-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.welcome-banner{flex-direction:column}}