:root{--bg:#061126;--panel:#0e1b35;--line:#203458;--text:#f7f9ff;--muted:#9eabc4;--purple:#755cf5;--green:#58e0a9;--coral:#ff7b74}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Arial,Tahoma,sans-serif;background:radial-gradient(circle at 70% -20%,#18295a 0,transparent 37%),linear-gradient(145deg,#061126,#07152d 60%,#071127)}a{color:inherit;text-decoration:none}button{font:inherit}.top{height:76px;padding:0 clamp(18px,3vw,40px);display:flex;align-items:center;gap:35px;border-bottom:1px solid #ffffff14;background:#040d1fd9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{direction:ltr;display:flex;align-items:center;gap:5px;font-size:1.45rem;font-weight:900}.brand i{width:35px;height:30px;border-radius:9px;display:grid;place-items:center;background:#7059eb;color:#fff;font-style:normal;margin-right:6px}.brand span{color:#806aff}.top nav{display:flex;justify-content:center;gap:35px;flex:1;height:100%}.top nav a{display:flex;align-items:center;color:#c8d0e0;font-weight:700;position:relative}.top nav .active{color:#8b75ff}.top nav .active:after{content:"";position:absolute;bottom:0;inset-inline:0;height:3px;background:#765df4}.actions{display:flex;align-items:center;gap:12px}.actions button{border:0;color:#fff;background:transparent}.streak{display:grid;grid-template-columns:auto auto;gap:0 6px}.streak small{grid-column:1/-1;color:var(--muted)}.bell{font-size:1.5rem}.avatar{display:flex;align-items:center;gap:8px}.avatar>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#25375d;border:2px solid #5f71a0;font-weight:900}.dash{direction:ltr;width:min(1480px,100%);margin:auto;padding:28px;display:grid;grid-template-columns:1.05fr 1.1fr 1.45fr;gap:16px}.dash>*{direction:rtl}.hello{grid-column:2/4;text-align:right;padding:0 10px}.hello h1{font-size:clamp(2rem,4vw,3.1rem);margin:3px 0}.hello p{margin:5px 0;color:var(--muted)}.panel{background:linear-gradient(145deg,#122241f5,#0a1933f5);border:1px solid #7589b51f;border-radius:18px;padding:18px;box-shadow:0 16px 35px #0000001f}.title{display:flex;justify-content:space-between;align-items:flex-start}.title h2{font-size:1.05rem;margin:0}.title p{margin:6px 0 0;color:var(--muted);font-size:.82rem}.title>a,.title>span{font-size:.8rem;color:#9b8aff}.streak-panel{grid-column:1;grid-row:1/3}.ring{width:170px;height:170px;margin:20px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) 0 82%,#233352 82%);position:relative}.ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0e1b35}.ring>div{z-index:1;text-align:center;display:grid;font-size:1.5rem}.ring b{font-size:2.2rem}.ring small{font-size:.8rem}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.day{font-size:.66rem;color:var(--muted)}.day i{width:25px;height:25px;margin:8px auto 0;border-radius:50%;display:grid;place-items:center;background:#23324e;font-style:normal}.day.done i{background:var(--green);color:#09241a}.lesson{grid-column:2/4;display:grid;grid-template-columns:240px 1fr auto;gap:22px;align-items:center;padding:0;overflow:hidden;background:#f5f7fb;color:#111a30}.lesson-img{height:100%;min-height:270px;display:grid;place-items:center;background:linear-gradient(145deg,#34285b,#101a38);color:#d7c4ff;font:700 2rem Georgia}.lesson-img span{padding:12px;border:1px solid #8b73db;border-radius:12px}.lesson-info{position:relative}.lesson-info>small{color:#586078}.lesson-info h2{direction:ltr;text-align:center;font:700 clamp(1.5rem,2.6vw,2.25rem) Georgia;margin:20px 0 12px}.lesson-info p{text-align:center;color:#5f6678}.lesson-info #wordExample{color:#778094;font-size:.82rem}.fav{position:absolute;top:-10px;left:0;border:0;background:none;color:#9ba3b6;font-size:2rem}.progress{height:6px;border-radius:4px;background:#dfe3ec;margin-top:18px}.progress i{display:block;width:60%;height:100%;background:var(--purple);border-radius:inherit}.cta{border:0;border-radius:12px;background:linear-gradient(135deg,#765ef5,#5942df);color:#fff;font-weight:800;padding:17px 24px;margin-left:20px}.vocab{grid-column:1}.green{color:var(--green)!important}.vocab-body{display:flex;align-items:center;gap:16px;margin:18px 0}.small-ring{width:108px;height:108px;flex:0 0 108px;border-radius:50%;background:conic-gradient(var(--green) 0 72%,#20314d 72%);display:grid;place-items:center;align-content:center;border:9px solid #182942}.small-ring b{font-size:1.4rem}.small-ring small{font-size:.7rem;color:#b4bfd2}.vocab ul{list-style:none;padding:0;margin:0;flex:1}.vocab li{display:flex;align-items:center;gap:7px;color:#b9c3d5;font-size:.78rem;margin:10px 0}.vocab li b{margin-right:auto;color:#fff}.vocab li i{width:7px;height:7px;border-radius:50%}.vocab .g{background:var(--green)}.vocab .p{background:var(--purple)}.vocab .c{background:var(--coral)}.more{display:block;border:1px solid var(--line);padding:10px;text-align:center;border-radius:9px;color:#99a7c0;font-size:.75rem}.practice{grid-column:2}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.practice-grid a{background:#152647;border-radius:12px;padding:14px 5px;text-align:center;display:grid;gap:5px}.practice-grid span{font-size:1.6rem}.practice-grid b{font-size:.78rem}.practice-grid small{font-size:.65rem;color:var(--muted)}.groups{grid-column:3}.rooms{display:grid;gap:9px;margin-top:14px}.rooms article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:11px;padding:10px}.live{font-size:.65rem;color:var(--green);background:#153c38;padding:5px;border-radius:6px}.rooms h3{font-size:.82rem;margin:0}.rooms p{font-size:.68rem;color:var(--muted);margin:4px 0}.faces{direction:ltr;display:flex}.faces i{width:28px;height:28px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;background:#5e4ad6;border:2px solid #0f1d38;font-style:normal}.rooms button{border:0;border-radius:8px;background:var(--purple);color:#fff;padding:8px 14px}.activity{grid-column:1/3}.chart{height:140px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding-top:20px;border-bottom:1px solid var(--line)}.bar{width:40px;height:var(--h);background:linear-gradient(#826cff,#6045e7);border-radius:5px 5px 0 0;position:relative}.bar:before{content:attr(data-v);position:absolute;top:-21px;inset-inline:0;text-align:center;font-size:.7rem}.bar:after{content:attr(data-d);position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:.67rem;color:var(--muted);white-space:nowrap}.achievements{grid-column:3}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;text-align:center}.badges div{display:grid;gap:5px}.badges span{width:62px;height:62px;margin:auto;display:grid;place-items:center;font-size:1.8rem;border:2px solid #6b59d8;border-radius:18px;background:#172446}.badges b{font-size:.72rem}.badges small{font-size:.62rem;color:var(--muted)}.mobile-nav{display:none}
@media(max-width:1050px) and (min-width:701px){.top nav{gap:16px}.dash{grid-template-columns:.9fr 1.1fr}.hello{grid-column:2}.streak-panel{grid-column:1;grid-row:1/3}.lesson{grid-column:2;grid-template-columns:150px 1fr}.cta{grid-column:2;margin:0 18px 18px}.vocab{grid-column:1}.practice{grid-column:2}.groups,.activity,.achievements{grid-column:1/3}.lesson-img{min-height:260px}}
@media(max-width:700px){body{padding-bottom:85px}.top{height:70px;padding:0 16px;position:static}.brand{font-size:1.15rem}.brand i,.top nav,.bell,.avatar small{display:none}.actions{margin-right:auto}.streak small{display:none}.avatar>span{width:38px;height:38px}.dash{display:flex;flex-direction:column;padding:18px 14px;gap:14px}.hello{order:0;padding:0}.hello h1{font-size:2.2rem}.hello p{font-size:.85rem}.streak-panel{order:1;min-height:150px;background:linear-gradient(135deg,#18244d,#131d3d);position:relative}.streak-panel .title,.ring,.week{display:none}.streak-panel:before{content:"هدفك اليومي";font-size:1.1rem;font-weight:800}.streak-panel:after{content:"15 دقيقة / يوم  •  75% مكتمل";position:absolute;right:18px;bottom:26px;color:#d9dff0}.lesson{order:2;display:block;padding:20px;background:linear-gradient(135deg,#312a85,#121b4a);color:#fff}.lesson-img{display:none}.lesson-info h2,.lesson-info p{text-align:right;color:#fff}.lesson-info h2{font-size:1.65rem}.lesson-info #wordExample{color:#ccd2ed}.fav{color:#fff}.cta{width:100%;margin:14px 0 0;background:var(--green);color:#071d17}.practice{order:3}.practice-grid{gap:7px}.practice-grid a{padding:12px 3px}.groups{order:4}.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.rooms article{display:flex;flex-direction:column;align-items:flex-start;padding:14px}.rooms button{width:100%;background:var(--green);color:#08271d;font-weight:800}.vocab{order:5}.activity,.achievements{display:none}.mobile-nav{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;height:76px;background:#08132bf5;border-top:1px solid var(--line);justify-content:space-around}.mobile-nav a{flex:1;display:grid;place-items:center;align-content:center;gap:4px;color:#9ca9c2;font-size:.68rem}.mobile-nav span{font-size:1.25rem}.mobile-nav .active{color:var(--green)}.panel{border-radius:20px}}