@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";:root{--tk-purple:#972281;--tk-purple-dark:#6f155f;--tk-purple-soft:#f8eef6;--tk-purple-soft-2:#fff7fd;--tk-text:#271428;--tk-muted:#7d647c;--tk-border:#9722812e;--tk-white:#fff;--tk-danger:#b42318;--tk-danger-bg:#fff1f1;--tk-shadow:0 24px 70px #55164d2e;--tk-shadow-soft:0 16px 40px #55164d1f}body{margin:0;font-family:Cairo,Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tk-loginPage{min-height:100vh;color:var(--tk-text);background:radial-gradient(circle at 15% 10%,#97228124,#0000 32%),radial-gradient(circle at 85% 90%,#9722811f,#0000 36%),linear-gradient(135deg,#fff 0%,#fff7fd 42%,#f8eef6 100%);place-items:center;padding:34px;display:grid;position:relative;overflow:hidden}.tk-bgGrid{opacity:.34;pointer-events:none;background-image:linear-gradient(#9722810e 1px,#0000 1px),linear-gradient(90deg,#9722810e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 76%);mask-image:radial-gradient(circle,#000 35%,#0000 76%)}.tk-bgShape{filter:blur(3px);pointer-events:none;border-radius:999px;width:420px;height:420px;position:absolute}.tk-bgShape--one{background:#97228129;top:-160px;right:-130px}.tk-bgShape--two{background:#9722811c;bottom:-170px;left:-160px}.tk-loginShell{z-index:1;width:min(1120px,100%);min-height:650px;box-shadow:var(--tk-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff9e;border:1px solid #97228129;border-radius:38px;grid-template-columns:1.05fr .95fr;gap:22px;padding:18px;display:grid;position:relative}.tk-brandPanel{color:#fff;isolation:isolate;background:linear-gradient(160deg,#972281fa,#6f155ff5),radial-gradient(circle at top,#ffffff40,#0000 40%);border-radius:30px;flex-direction:column;justify-content:center;padding:34px;display:flex;position:relative;overflow:hidden}.tk-brandPanel:before{content:"";z-index:-1;border:42px solid #ffffff1c;border-radius:999px;width:440px;height:440px;position:absolute;top:-180px;left:-110px}.tk-brandPanel:after{content:"";z-index:-1;background:#ffffff14;border-radius:999px;width:310px;height:310px;position:absolute;bottom:-150px;right:-100px}.tk-schoolBadge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;position:absolute;top:24px;right:24px}.tk-logoCard{aspect-ratio:1;background:linear-gradient(145deg,#fffffff5,#fff7fdf0);border-radius:36px;place-items:center;width:min(360px,85%);margin:24px auto;transition:all .35s;display:grid;transform:rotate(-1deg);box-shadow:0 24px 50px #0000002e,inset 0 0 0 1px #ffffff80}.tk-loginShell:hover .tk-logoCard{transform:rotate(0)translateY(-4px)}.tk-logoCard img{object-fit:contain;filter:drop-shadow(0 14px 18px #97228124);border-radius:999px;width:92%;height:92%}.tk-brandText{text-align:center;max-width:520px;margin:0 auto}.tk-brandText h1{letter-spacing:-.8px;margin:0 0 10px;font-size:clamp(27px,3vw,42px);font-weight:1000;line-height:1.25}.tk-brandText p{color:#ffffffd1;margin:0;font-size:15px;line-height:1.9}.tk-brandStats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.tk-brandStats div{text-align:center;background:#ffffff1f;border:1px solid #ffffff29;border-radius:22px;min-height:78px;padding:14px 12px}.tk-brandStats strong{margin-bottom:4px;font-size:16px;display:block}.tk-brandStats span{color:#ffffffc7;font-size:12px;line-height:1.5;display:block}.tk-loginCard{box-shadow:var(--tk-shadow-soft);background:linear-gradient(#fffffff0,#fff7fdeb);border:1px solid #97228121;border-radius:30px;flex-direction:column;justify-content:center;padding:38px;display:flex}.tk-cardHeader{align-items:center;gap:14px;margin-bottom:24px;display:flex}.tk-miniLogo{border:1px solid var(--tk-border);background:#fff;border-radius:22px;flex:none;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 14px 28px #9722811f}.tk-miniLogo img{object-fit:contain;border-radius:999px;width:88%;height:88%}.tk-cardHeader h2{color:var(--tk-purple-dark);margin:0 0 4px;font-size:30px;font-weight:1000;line-height:1.2}.tk-cardHeader p{color:var(--tk-muted);margin:0;font-size:14px}.tk-alert{color:var(--tk-danger);background:var(--tk-danger-bg);border:1px solid #b4231826;border-radius:17px;margin-bottom:16px;padding:13px 14px;font-size:14px;font-weight:800}.tk-field{gap:8px;margin-bottom:16px;display:grid}.tk-field>span{color:var(--tk-text);font-size:14px;font-weight:900}.tk-inputWrap{position:relative}.tk-inputWrap input{width:100%;height:56px;color:var(--tk-text);background:#ffffffdb;border:1px solid #9722812e;border-radius:18px;outline:none;padding:0 16px 0 84px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:inset 0 1px #ffffffb3}.tk-inputWrap input::placeholder{color:#7d647c9e;font-weight:600}.tk-inputWrap input:focus{background:#fff;border-color:#9722818c;box-shadow:0 0 0 4px #9722811a,0 14px 24px #97228114}.tk-inputIcon{opacity:.72;font-style:normal;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.tk-passBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-dark));border:0;border-radius:13px;min-width:66px;height:38px;font-family:inherit;font-weight:900;transition:all .22s;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 10px 18px #9722812e}.tk-passBtn:hover{transform:translateY(-50%)scale(1.03)}.tk-optionsRow{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 18px;display:flex}.tk-check{color:var(--tk-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.tk-check input{width:17px;height:17px;accent-color:var(--tk-purple)}.tk-linkBtn{color:var(--tk-purple);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:13px;font-weight:900}.tk-linkBtn:hover{text-decoration:underline}.tk-submitBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--tk-purple) 0%, var(--tk-purple-dark) 100%);border:0;border-radius:19px;justify-content:center;align-items:center;gap:10px;height:58px;font-family:inherit;font-size:16px;font-weight:1000;transition:all .25s;display:inline-flex;box-shadow:0 18px 32px #97228142,inset 0 1px #ffffff3d}.tk-submitBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 38px #97228152,inset 0 1px #ffffff3d}.tk-submitBtn:disabled{opacity:.62;cursor:not-allowed}.tk-spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite tkSpin}@keyframes tkSpin{to{transform:rotate(360deg)}}.tk-footerNote{color:var(--tk-muted);text-align:center;border-top:1px solid #9722811f;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:18px;font-size:12px;font-weight:700;display:flex}.tk-footerNote p{margin:0}.tk-footerNote span{width:24px;height:24px;color:var(--tk-purple);background:#97228114;border-radius:999px;place-items:center;font-weight:1000;display:grid}@media (width<=980px){.tk-loginPage{padding:20px}.tk-loginShell{grid-template-columns:1fr;min-height:auto}.tk-brandPanel{min-height:420px}.tk-logoCard{width:min(270px,76%)}}@media (width<=620px){.tk-loginPage{place-items:start center;padding:12px}.tk-loginShell{border-radius:28px;padding:10px}.tk-brandPanel{border-radius:24px;min-height:auto;padding:26px 18px}.tk-schoolBadge{width:fit-content;margin:0 auto 14px;position:static}.tk-logoCard{border-radius:28px;width:min(230px,86%);margin-top:4px}.tk-brandText h1{font-size:25px}.tk-brandText p{font-size:13px}.tk-brandStats{grid-template-columns:1fr}.tk-brandStats div{min-height:62px}.tk-loginCard{border-radius:24px;padding:24px 18px}.tk-cardHeader{align-items:flex-start}.tk-cardHeader h2{font-size:25px}.tk-miniLogo{border-radius:18px;width:56px;height:56px}.tk-optionsRow{flex-direction:column;align-items:flex-start}.tk-inputWrap input{height:54px}}:root{--tk-primary:#942185;--tk-primary-dark:#6f1765;--tk-primary-soft:#94218524;--tk-primary-light:#94218514;--tk-white:#fff;--tk-bg:#fff7fd;--tk-text:#241027;--tk-muted:#7a617d;--tk-border:#9421852e;--tk-shadow:0 26px 80px #4c124629}.welcome-root{z-index:9999;min-height:100vh;color:var(--tk-text);background:radial-gradient(circle at 18% 12%,#9421852e,#0000 28%),radial-gradient(circle at 88% 82%,#94218521,#0000 34%),linear-gradient(135deg,#fff 0%,#fff7fd 45%,#f8edf7 100%);place-items:center;padding:28px;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.welcome-pattern{opacity:.55;pointer-events:none;background-image:linear-gradient(#9421850b 1px,#0000 1px),linear-gradient(90deg,#9421850b 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.welcome-orb{filter:blur(4px);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.welcome-orb-1{background:radial-gradient(circle,#94218538,#0000 68%);width:360px;height:360px;animation:8s ease-in-out infinite orbFloat;top:-140px;right:-120px}.welcome-orb-2{background:radial-gradient(circle,#94218529,#0000 70%);width:420px;height:420px;animation:10s ease-in-out infinite reverse orbFloat;bottom:-170px;left:-150px}.welcome-orb-3{background:radial-gradient(circle,#9421851f,#0000 68%);width:190px;height:190px;animation:11s ease-in-out infinite orbFloat;top:18%;left:18%}.welcome-card{width:min(920px,100%);min-height:520px;box-shadow:var(--tk-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(145deg,#ffffffe0,#fff6fdc2),#ffffffb8;border:1px solid #94218529;border-radius:42px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;padding:44px;animation:.9s cubic-bezier(.18,.9,.32,1) both cardIn;display:grid;position:relative;overflow:hidden}.welcome-card:before{content:"";pointer-events:none;border:1px solid #94218514;border-radius:34px;position:absolute;inset:18px}.welcome-card-glow{pointer-events:none;background:radial-gradient(circle,#9421852e,#0000 70%);border-radius:999px;width:340px;height:340px;position:absolute;top:-120px;right:-120px}.welcome-logo-frame{aspect-ratio:1;isolation:isolate;place-items:center;width:min(330px,74vw);margin-inline:auto;display:grid;position:relative}.welcome-logo-frame:before{content:"";z-index:-2;background:conic-gradient(from 120deg,#0000,#94218538,#0000,#94218529,#0000);border-radius:999px;animation:7s linear infinite rotateRing;position:absolute;inset:-18px}.welcome-logo-ring{z-index:-1;background:#ffffffc7;border:1px solid #94218524;border-radius:999px;position:absolute;inset:-7px;box-shadow:0 22px 55px #9421852e,inset 0 0 0 10px #ffffffb8}.welcome-logo{object-fit:contain;filter:drop-shadow(0 18px 28px #4a11442e);border-radius:999px;width:100%;height:100%;animation:1s cubic-bezier(.18,.9,.32,1) both logoPop,3.4s ease-in-out 1s infinite logoBreath}.welcome-content{z-index:2;position:relative}.welcome-badge{min-height:34px;color:var(--tk-primary-dark);background:#94218514;border:1px solid #9421852e;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;padding:7px 16px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #94218514}.welcome-title{color:var(--tk-text);letter-spacing:-.6px;margin:0;font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1.25}.welcome-title strong{color:var(--tk-primary);margin-top:4px;display:block}.welcome-subtitle{max-width:560px;color:var(--tk-muted);margin:16px 0 24px;font-size:17px;font-weight:600;line-height:1.9}.welcome-loader{background:#ffffffb8;border:1px solid #94218521;border-radius:22px;width:min(430px,100%);padding:16px;box-shadow:0 16px 34px #4a114414}.welcome-loader-top{color:var(--tk-primary-dark);justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.welcome-loader-top b{direction:ltr;font-size:13px}.welcome-progress{background:#9421851a;border-radius:999px;height:10px;overflow:hidden}.welcome-progress span{border-radius:inherit;background:linear-gradient(90deg,#6f1765,#942185,#c14ab2);height:100%;transition:width .22s;display:block;box-shadow:0 0 18px #94218566}.welcome-dots{align-items:center;gap:8px;margin:22px 0 18px;display:flex}.welcome-dots span{background:var(--tk-primary);opacity:.35;border-radius:999px;width:9px;height:9px;animation:1.1s ease-in-out infinite dotPulse}.welcome-dots span:nth-child(2){animation-delay:.18s}.welcome-dots span:nth-child(3){animation-delay:.36s}.welcome-skip{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6f1765,#942185 55%,#b936a8);border:0;border-radius:999px;outline:0;justify-content:center;align-items:center;gap:10px;min-width:155px;height:48px;padding:0 22px;font-family:inherit;font-size:15px;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;animation:.45s both buttonIn;display:inline-flex;position:relative;box-shadow:0 16px 32px #94218547}.welcome-skip span{font-size:18px;transform:translateY(-1px)}.welcome-skip:hover{filter:saturate(1.08);transform:translateY(-3px);box-shadow:0 22px 44px #9421855c}.welcome-skip:active{transform:translateY(0)scale(.98)}.welcome-footer{color:#6f1765b8;letter-spacing:.4px;text-align:center;direction:ltr;margin:0;font-size:14px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logoPop{0%{opacity:0;transform:scale(.64)rotate(-7deg)}70%{opacity:1;transform:scale(1.05)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes logoBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes rotateRing{to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{opacity:.28;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-5px)scale(1.2)}}@keyframes buttonIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(16px,-18px)scale(1.06)}}@media (width<=820px){.welcome-root{padding:18px}.welcome-card{text-align:center;border-radius:32px;grid-template-columns:1fr;gap:18px;min-height:auto;padding:30px 20px}.welcome-card:before{border-radius:25px;inset:12px}.welcome-logo-frame{width:min(230px,68vw)}.welcome-content{justify-items:center;display:grid}.welcome-title{font-size:clamp(28px,8vw,40px)}.welcome-subtitle{margin-bottom:18px;font-size:15px;line-height:1.8}.welcome-loader{width:100%}.welcome-dots{justify-content:center}.welcome-footer{width:100%;padding-inline:16px;font-size:12px;bottom:12px}}@media (width<=460px){.welcome-card{padding:26px 16px}.welcome-badge{font-size:12px}.welcome-title{font-size:27px}.welcome-logo-frame{width:200px}.welcome-skip{width:100%}}.devStudioPage{color:#102033;background:radial-gradient(circle at 12% 8%,#4a90e229,#0000 32%),radial-gradient(circle at 88% 18%,#22c55e21,#0000 30%),linear-gradient(135deg,#f7fbff 0%,#eef6ff 48%,#f8fcff 100%);min-height:100vh;padding:28px;font-family:Cairo,system-ui,sans-serif}.devHero{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffffe0,#ffffff94),linear-gradient(135deg,#1d4ed81a,#14b8a614);border:1px solid #3a669224;border-radius:32px;grid-template-columns:1fr 310px;align-items:stretch;gap:22px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f2d4b1f}.devHero:before{content:"";background:#3b82f621;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-110px}.devKicker{color:#0f766e;letter-spacing:.4px;background:#14b8a61a;border:1px solid #14b8a62e;border-radius:999px;align-items:center;width:fit-content;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:900;display:inline-flex}.devHero h1{color:#0f2340;margin:0;font-size:clamp(28px,4vw,48px);font-weight:1000;line-height:1.15}.devHero p{color:#64748b;max-width:760px;margin:14px 0 0;font-size:16px;line-height:1.9}.devHeroCard{color:#fff;background:linear-gradient(135deg,#0f2340f0,#1e40afe6),radial-gradient(circle at 0 0,#ffffff47,#0000 38%);border-radius:26px;flex-direction:column;justify-content:center;min-height:185px;padding:22px;display:flex;position:relative;box-shadow:0 20px 55px #1e40af3b}.devHeroCard span{opacity:.78;font-size:13px;font-weight:800}.devHeroCard strong{margin:8px 0 18px;font-size:24px;font-weight:1000}.devHeroCard button,.devPrimaryBtn,.devGhostBtn,.devMiniActions button{cursor:pointer;border:0;font-family:inherit;transition:all .22s}.devHeroCard button{color:#0f2340;background:#fff;border-radius:16px;padding:12px 16px;font-weight:1000}.devHeroCard button:hover{transform:translateY(-2px);box-shadow:0 14px 26px #00000029}.devStatsGrid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-top:18px;display:grid}.devStatCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #3a66921f;border-radius:26px;align-items:center;gap:14px;min-height:102px;padding:18px;display:flex;box-shadow:0 16px 38px #0f2d4b14}.devStatIcon{background:linear-gradient(135deg,#e0f2fe,#dcfce7);border-radius:20px;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.devStatCard span{color:#64748b;font-size:13px;font-weight:800;display:block}.devStatCard strong{color:#0f2340;font-size:30px;font-weight:1000;line-height:1.1;display:block}.devToolbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #3a66921f;border-radius:26px;grid-template-columns:1fr 330px;align-items:center;gap:16px;margin-top:18px;padding:12px;display:grid;position:sticky;top:0;box-shadow:0 18px 50px #0f2d4b14}.devTabs{gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.devTabs button{white-space:nowrap;cursor:pointer;color:#475569;background:#f8fafc;border:0;border-radius:18px;align-items:center;gap:9px;padding:13px 18px;font-family:inherit;font-weight:1000;transition:all .22s;display:inline-flex}.devTabs button:hover{background:#eef6ff;transform:translateY(-2px)}.devTabs button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);box-shadow:0 14px 32px #2563eb38}.devSearch{background:#f8fafc;border:1px solid #3a66921f;border-radius:18px;align-items:center;gap:9px;height:50px;padding:0 14px;display:flex}.devSearch input{color:#0f2340;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-weight:800}.devWorkGrid{grid-template-columns:minmax(340px,420px) 1fr;align-items:start;gap:18px;margin-top:18px;display:grid}.devFormCard,.devListCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #3a66921f;border-radius:30px;box-shadow:0 22px 58px #0f2d4b1a}.devFormCard{padding:20px;position:sticky;top:112px}.devListCard{min-height:520px;padding:20px}.devSectionTitle{align-items:flex-start;gap:13px;margin-bottom:18px;display:flex}.devSectionTitle>span{background:linear-gradient(135deg,#dbeafe,#ccfbf1);border-radius:20px;flex:none;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.devSectionTitle h2,.devListHead h2{color:#102033;margin:0;font-size:21px;font-weight:1000}.devSectionTitle p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700;line-height:1.7}.devField{gap:8px;margin-bottom:14px;display:grid}.devField span{color:#334155;font-size:13px;font-weight:1000}.devField input,.devField select,.devField textarea{color:#0f2340;box-sizing:border-box;background:#f8fafc;border:1px solid #3a669224;border-radius:18px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-weight:800;transition:all .2s}.devField textarea{resize:vertical;min-height:118px;line-height:1.8}.devField input:focus,.devField select:focus,.devField textarea:focus{background:#fff;border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb14}.devInlineFields{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.devUpload{cursor:pointer;background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px dashed #2563eb57;border-radius:20px;align-items:center;gap:12px;min-height:78px;margin:6px 0 16px;padding:14px;display:flex}.devUpload:before{content:"⬆";color:#2563eb;background:#fff;border-radius:18px;place-items:center;width:48px;height:48px;font-weight:1000;display:grid;box-shadow:0 10px 25px #0f2d4b14}.devUpload input{display:none}.devUpload strong{color:#0f2340;font-size:14px;font-weight:1000;display:block}.devUpload small{color:#64748b;margin-top:3px;font-size:12px;font-weight:800;display:block}.devFormActions{flex-wrap:wrap;gap:10px;display:flex}.devPrimaryBtn{color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);border-radius:18px;flex:1;min-height:50px;padding:12px 18px;font-weight:1000;box-shadow:0 16px 34px #2563eb33}.devPrimaryBtn:hover{transform:translateY(-2px)}.devPrimaryBtn:disabled,.devHeroCard button:disabled{opacity:.65;cursor:not-allowed;transform:none}.devGhostBtn{color:#334155;background:#f1f5f9;border-radius:18px;min-height:50px;padding:12px 18px;font-weight:1000}.devGhostBtn:hover{background:#e2e8f0}.devSwitch{cursor:pointer;color:#334155;align-items:center;gap:10px;width:fit-content;margin:4px 0 16px;font-weight:1000;display:flex}.devSwitch input{display:none}.devSwitch span{background:#cbd5e1;border-radius:999px;width:54px;height:30px;transition:all .22s;position:relative}.devSwitch span:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .22s;position:absolute;top:4px;right:4px;box-shadow:0 4px 10px #00000029}.devSwitch input:checked+span{background:#16a34a}.devSwitch input:checked+span:before{right:28px}.devSelectedBox{color:#0f766e;background:#14b8a614;border:1px solid #14b8a62e;border-radius:18px;gap:4px;margin:-4px 0 14px;padding:13px 14px;display:grid}.devSelectedBox strong{font-size:12px}.devSelectedBox span{color:#102033;font-weight:900}.devListHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.devListHead span{color:#fff;background:#0f2340;border-radius:999px;place-items:center;min-width:42px;height:34px;font-weight:1000;display:grid}.devFocusBanner{background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 34%),linear-gradient(135deg,#eff6fff5,#ffffffeb);border:1px solid #2563eb29;border-radius:24px;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:grid;box-shadow:0 16px 38px #0f2d4b14}.devFocusBanner.answer{background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 34%),linear-gradient(135deg,#f0fdfaf5,#ffffffeb);border-color:#14b8a62e}.devFocusIcon{background:#fff;border-radius:22px;place-items:center;width:62px;height:62px;font-size:28px;display:grid;box-shadow:0 12px 28px #0f2d4b14}.devFocusBanner small{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:900;display:block}.devFocusBanner strong{color:#102033;font-size:18px;font-weight:1000;line-height:1.7;display:block}.devFocusBanner p{color:#64748b;margin:3px 0 0;font-size:13px;font-weight:800}.devFocusActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.devFocusActions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0f766e);border:0;border-radius:15px;min-height:42px;padding:10px 14px;font-family:inherit;font-weight:1000;transition:all .22s}.devFocusActions button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb2e}.devFocusActions button.light{color:#334155;background:#f1f5f9}.devFocusActions button.light:hover{box-shadow:none;background:#e2e8f0}.devCardsList{gap:12px;display:grid}.devMiniCard{background:linear-gradient(135deg,#ffffffeb,#f8fafce0);border:1px solid #3a66921f;border-radius:24px;grid-template-columns:86px 1fr auto;align-items:center;gap:14px;padding:12px;transition:all .22s;display:grid;box-shadow:0 12px 30px #0f2d4b0f}.devMiniCard:hover{border-color:#2563eb33;transform:translateY(-3px);box-shadow:0 20px 42px #0f2d4b1c}.devMiniCard.clickable{cursor:pointer;position:relative}.devMiniCard.clickable:after{content:"اضغط للعرض";color:#1d4ed8;opacity:0;pointer-events:none;background:#dbeafeeb;border-radius:999px;align-items:center;min-height:26px;padding:4px 10px;font-size:11px;font-weight:1000;transition:all .22s;display:inline-flex;position:absolute;top:12px;left:12px;transform:translateY(-4px)}.devMiniCard.clickable:hover:after{opacity:1;transform:translateY(0)}.devImgPreview,.devImgPlaceholder{background:#e2e8f0;border:1px solid #3a66921a;border-radius:19px;width:86px;height:76px;overflow:hidden}.devImgPreview img{object-fit:cover;width:100%;height:100%}.devImgPlaceholder{color:#64748b;text-align:center;box-sizing:border-box;place-items:center;padding:6px;font-size:11px;font-weight:1000;display:grid}.devMiniInfo{min-width:0}.devMiniInfo h3{color:#102033;margin:0;font-size:16px;font-weight:1000;line-height:1.6}.devMiniInfo p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:800;line-height:1.7}.devPills{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.devPills span{color:#0f766e;background:#14b8a61a;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.devMiniActions{flex-direction:column;gap:8px;display:flex}.devMiniActions button{color:#1d4ed8;background:#eff6ff;border-radius:14px;min-width:78px;padding:10px 12px;font-weight:1000}.devMiniActions button:hover{background:#dbeafe}.devMiniActions button.danger{color:#b91c1c;background:#fef2f2}.devMiniActions button.danger:hover{background:#fee2e2}.devEmpty{text-align:center;background:linear-gradient(135deg,#f8fafcdb,#eff6ffdb);border:1px dashed #3a66922e;border-radius:24px;align-content:center;place-items:center;min-height:340px;padding:28px;display:grid}.devEmptyIcon{background:#fff;border-radius:28px;place-items:center;width:72px;height:72px;margin-bottom:12px;font-size:34px;display:grid;box-shadow:0 12px 32px #0f2d4b14}.devEmpty h3{color:#102033;margin:0;font-size:20px;font-weight:1000}.devEmpty p{color:#64748b;margin:8px 0 0;font-weight:800;line-height:1.8}.devForbidden{text-align:center;background:#fff;border-radius:34px;max-width:680px;margin:80px auto;padding:42px;box-shadow:0 24px 70px #0f2d4b1f}.devForbiddenBadge{background:#fef2f2;border-radius:30px;place-items:center;width:86px;height:86px;margin:0 auto 16px;font-size:38px;display:grid}.devForbidden h1{color:#102033;margin:0;font-size:32px;font-weight:1000}.devForbidden p{color:#64748b;font-weight:800;line-height:1.9}@media (width<=1100px){.devHero,.devToolbar,.devWorkGrid{grid-template-columns:1fr}.devFormCard{position:static}.devStatsGrid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=760px){.devFocusBanner{text-align:center;grid-template-columns:1fr;justify-items:center}.devFocusActions{width:100%}.devFocusActions button{flex:1}.devMiniCard.clickable:after{display:none}}@media (width<=720px){.devStudioPage{padding:14px}.devHero{border-radius:24px;padding:20px}.devStatsGrid{grid-template-columns:1fr}.devMiniCard{grid-template-columns:74px 1fr}.devImgPreview,.devImgPlaceholder{width:74px;height:70px}.devMiniActions{flex-direction:row;grid-column:1/-1}.devMiniActions button{flex:1}.devInlineFields{grid-template-columns:1fr}}:root{--ed-main:#93217f;--ed-main-2:#b8339f;--ed-main-dark:#5f0f53;--ed-main-soft:#fff1fb;--ed-main-soft-2:#f9e5f5;--ed-bg:#fff8fd;--ed-card:#ffffffd6;--ed-text:#251222;--ed-muted:#84657d;--ed-border:#93217f29;--ed-shadow:0 24px 70px #59124f29;--ed-shadow-2:0 14px 34px #93217f2e;--ed-radius:24px}body{color:var(--ed-text);background:radial-gradient(circle at 88% 7%,#93217f2e,#0000 30%),radial-gradient(circle at 8% 18%,#b8339f1a,#0000 26%),linear-gradient(#fffafd 0%,#faf2fb 100%);margin:0;font-family:Cairo,Tahoma,sans-serif}button,a{font-family:inherit}.ed-shell{min-height:100vh;color:var(--ed-text)}.ed-appbar{z-index:70;border-bottom:1px solid var(--ed-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe0,#fff3fcd6),#ffffffc7;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;height:84px;padding:0 24px;display:grid;position:sticky;top:0;box-shadow:0 14px 34px #5b125014}.ed-appbarRight,.ed-appbarLeft,.ed-brand,.ed-profileMini{align-items:center;display:flex}.ed-appbarRight{justify-content:flex-start;gap:14px}.ed-appbarLeft{justify-content:flex-end;gap:12px}.ed-appbarCenter{text-align:center;background:#93217f12;border:1px solid #93217f1f;border-radius:999px;min-width:190px;padding:8px 18px}.ed-appbarCenter span,.ed-appbarCenter strong{display:block}.ed-appbarCenter span{color:var(--ed-muted);font-size:11px}.ed-appbarCenter strong{color:var(--ed-main);font-size:14px;font-weight:900}.ed-menuBtn{cursor:pointer;background:radial-gradient(circle at 25% 20%, #ffffff59, transparent 26%), linear-gradient(135deg, var(--ed-main-2), var(--ed-main-dark));border:0;border-radius:18px;width:50px;height:50px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 15px 30px #93217f47}.ed-menuBtn:hover{transform:translateY(-2px);box-shadow:0 20px 40px #93217f57}.ed-menuBtn span{background:#fff;border-radius:99px;width:22px;height:2px;margin:5px auto;transition:all .25s;display:block}.ed-menuBtn.is-active span:first-child{transform:translateY(7px)rotate(45deg)}.ed-menuBtn.is-active span:nth-child(2){opacity:0}.ed-menuBtn.is-active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.ed-brand{gap:12px}.ed-brandLogo{background:#fff;border:2px solid #93217f29;border-radius:50%;width:56px;height:56px;padding:4px;overflow:hidden;box-shadow:0 12px 28px #5b125021}.ed-brandLogo img,.ed-sidebarLogo img{object-fit:cover;width:100%;height:100%}.ed-brand h1{color:var(--ed-main);margin:0;font-size:18px;font-weight:950;line-height:1.25}.ed-brand p{color:var(--ed-muted);letter-spacing:.2px;margin:4px 0 0;font-size:12px}.ed-topAction{border:1px solid var(--ed-border);cursor:pointer;background:#ffffffc7;border-radius:16px;width:44px;height:44px;position:relative;box-shadow:0 10px 22px #5b125014}.ed-topAction i{background:#e83b9d;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:9px}.ed-profileMini{border:1px solid var(--ed-border);background:#ffffffc7;border-radius:20px;gap:10px;padding:7px 10px;box-shadow:0 12px 26px #5b125014}.ed-profileAvatar{color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff59, transparent 26%), linear-gradient(135deg, var(--ed-main-2), var(--ed-main-dark));border-radius:16px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.ed-profileMini strong,.ed-profileMini small{display:block}.ed-profileMini strong{white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:13px;overflow:hidden}.ed-profileMini small{color:var(--ed-muted);margin-top:1px;font-size:11px}.ed-logoutBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--ed-main-2), var(--ed-main-dark));border:0;border-radius:16px;min-height:44px;padding:0 17px;font-weight:900;transition:all .24s;box-shadow:0 14px 28px #93217f38}.ed-logoutBtn:hover{filter:brightness(1.04);transform:translateY(-2px)}.ed-sidebar{z-index:110;color:#fff;background:radial-gradient(circle at 18% 12%,#ffffff40,#0000 28%),radial-gradient(circle at 92% 78%,#ffffff1f,#0000 32%),linear-gradient(#a3268d 0%,#741561 52%,#4d0b42 100%);flex-direction:column;width:350px;max-width:calc(100vw - 26px);height:100vh;padding:20px;transition:transform .38s cubic-bezier(.2,.9,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(108%);box-shadow:-28px 0 80px #35082f61}.ed-sidebar.is-open{transform:translate(0)}.ed-sidebarGlow{filter:blur(2px);pointer-events:none;background:#ffffff2e;border-radius:50%;width:170px;height:170px;position:absolute;top:-65px;right:-45px}.ed-sidebarHead{z-index:2;border-bottom:1px solid #ffffff29;align-items:center;gap:13px;min-height:94px;padding-bottom:18px;display:flex;position:relative}.ed-closeSidebar{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:16px;width:43px;height:43px;margin-left:auto;font-size:30px;line-height:1;transition:all .25s}.ed-closeSidebar:hover{background:#fff3;transform:rotate(90deg)}.ed-sidebarLogo{background:#fff;border-radius:50%;flex-shrink:0;width:68px;height:68px;padding:5px;overflow:hidden;box-shadow:0 16px 34px #00000038}.ed-sidebarTitle h2{margin:0;font-size:18px;font-weight:950}.ed-sidebarTitle p{opacity:.72;margin:4px 0 0;font-size:12px}.ed-sidebarUser{z-index:2;background:#ffffff21;border:1px solid #ffffff2b;border-radius:24px;align-items:center;gap:12px;margin:20px 0 16px;padding:15px;display:flex;position:relative;box-shadow:0 16px 35px #20031c1f}.ed-sidebarUserAvatar{width:50px;height:50px;color:var(--ed-main-dark);background:#fff;border-radius:18px;place-items:center;font-size:21px;font-weight:950;display:grid}.ed-sidebarUser strong,.ed-sidebarUser span{display:block}.ed-sidebarUser strong{font-size:14px;font-weight:900}.ed-sidebarUser span{opacity:.75;margin-top:2px;font-size:12px}.ed-sidebarNav{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.ed-navItem{color:#ffffffe6;border:1px solid #0000;border-radius:21px;align-items:center;gap:12px;min-height:58px;padding:9px 12px;text-decoration:none;transition:transform .24s,background .24s,border .24s;display:flex}.ed-navItem:hover{background:#ffffff21;border-color:#ffffff29;transform:translate(-5px)}.ed-navItem.active{color:var(--ed-main-dark);background:linear-gradient(135deg,#fff 0%,#fff2fb 100%);box-shadow:0 15px 30px #1f031c33}.ed-navIcon{background:#ffffff24;border-radius:16px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.ed-navItem.active .ed-navIcon{background:var(--ed-main-soft-2)}.ed-navText strong,.ed-navText small{display:block}.ed-navText strong{font-size:14px;font-weight:950}.ed-navText small{opacity:.68;margin-top:2px;font-size:11px}.ed-navItem.active .ed-navText small{color:#8a477e;opacity:1}.ed-sidebarBottom{z-index:2;gap:12px;margin-top:auto;display:grid;position:relative}.ed-sidebarCard{background:#ffffff1f;border:1px solid #ffffff29;border-radius:23px;align-items:center;gap:12px;padding:15px;display:flex}.ed-sidebarCard span{background:#ffffff26;border-radius:16px;place-items:center;width:42px;height:42px;display:grid}.ed-sidebarCard strong,.ed-sidebarCard small{display:block}.ed-sidebarCard strong{font-size:13px}.ed-sidebarCard small{opacity:.7;margin-top:3px;font-size:11px}.ed-sidebarLogout{cursor:pointer;min-height:50px;color:var(--ed-main-dark);background:#fff;border:0;border-radius:19px;justify-content:center;align-items:center;gap:10px;font-weight:950;transition:all .24s;display:flex;box-shadow:0 14px 30px #20031c2b}.ed-sidebarLogout:hover{background:#fff5fc;transform:translateY(-2px)}.ed-sidebarOverlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;opacity:0;visibility:hidden;background:#24052075;border:0;transition:all .28s;position:fixed;inset:0}.ed-sidebarOverlay.is-visible{opacity:1;visibility:visible}.ed-pageContent{min-height:calc(100vh - 84px);padding:26px;position:relative}.ed-pageContent:before{content:"";filter:blur(3px);pointer-events:none;background:#93217f14;border-radius:50%;width:260px;height:260px;position:fixed;inset:84px 0 auto auto}@media (width<=980px){.ed-appbar{grid-template-columns:1fr auto}.ed-appbarCenter{display:none}}@media (width<=720px){.ed-appbar{height:76px;padding:0 14px}.ed-brandLogo{width:48px;height:48px}.ed-brand h1{font-size:14px}.ed-brand p,.ed-profileMini,.ed-topAction{display:none}.ed-logoutBtn{min-height:40px;padding:0 12px;font-size:12px}.ed-pageContent{padding:16px}.ed-sidebar{width:318px;padding:16px}}@media (width<=440px){.ed-logoutBtn{display:none}.ed-brand h1{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}}:root{--ex-primary:#982383;--ex-primary-dark:#761565;--ex-primary-light:#b43aa0;--ex-bg:#fff7fc;--ex-bg-2:#f8eaf5;--ex-card:#fffffff0;--ex-text:#2d1830;--ex-muted:#7b6178;--ex-border:#98238326;--ex-shadow:0 30px 85px #98238326;--ex-shadow-soft:0 18px 45px #9823831c}.exPage{background:radial-gradient(circle at 15% 15%, #98238326, transparent 28%), radial-gradient(circle at 88% 12%, #b43aa01a, transparent 25%), linear-gradient(135deg, #fff 0%, var(--ex-bg) 48%, var(--ex-bg-2) 100%);direction:rtl;min-height:100vh;padding:32px}.exHero{border:1px solid var(--ex-border);width:min(100%,1180px);box-shadow:var(--ex-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#fffffff7,#fff7fce6);border-radius:34px;margin:0 auto 24px;padding:28px;position:relative;overflow:hidden}.exHero:before{content:"";pointer-events:none;background-image:linear-gradient(#9823830a 1px,#0000 1px),linear-gradient(90deg,#9823830a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.exBlob{pointer-events:none;border-radius:999px;position:absolute}.exBlobOne{background:#9823831a;width:260px;height:260px;top:-120px;right:-105px}.exBlobTwo{background:#98238313;width:190px;height:190px;bottom:-85px;left:-75px}.exHeroTop{z-index:2;align-items:center;gap:18px;display:flex;position:relative}.exLogo{background:#fffafd;border:2px solid #9823832e;border-radius:50%;flex:none;width:92px;height:92px;padding:5px;overflow:hidden;box-shadow:0 18px 42px #9823832b,inset 0 0 0 5px #9823830a}.exLogo img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.exMiniLabel{color:var(--ex-primary-dark);background:#f8eaf5f2;border:1px solid #98238324;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:900;display:inline-flex}.exHero h1{color:var(--ex-text);letter-spacing:-.8px;margin:10px 0 0;font-size:clamp(30px,5vw,52px);font-weight:950;line-height:1.25}.exHero p{max-width:650px;color:var(--ex-muted);margin:10px 0 0;font-size:16px;font-weight:750;line-height:1.8}.exToolbar{z-index:2;align-items:center;gap:14px;margin-top:24px;display:flex;position:relative}.exSearchBox{background:#ffffffc2;border:1px solid #98238324;border-radius:20px;flex:1;align-items:center;gap:10px;height:58px;padding:0 18px;display:flex;box-shadow:0 14px 32px #98238312}.exSearchBox span{color:var(--ex-primary);font-size:25px;font-weight:950}.exSearchBox input{width:100%;height:100%;color:var(--ex-text);background:0 0;border:0;outline:0;font-size:15px;font-weight:800}.exSearchBox input::placeholder{color:#7b6178b8}.exBackBtn,.exMainBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--ex-primary-dark), var(--ex-primary), var(--ex-primary-light));border:0;border-radius:19px;min-height:56px;padding:0 24px;font-size:15px;font-weight:950;transition:all .25s;box-shadow:0 18px 40px #98238340}.exBackBtn:hover,.exMainBtn:hover{transform:translateY(-4px);box-shadow:0 24px 52px #98238354}.exGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,1180px);margin:0 auto;display:grid}.exCard{box-shadow:var(--ex-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:.55s both exCardUp;animation-delay:var(--delay);background:#ffffffeb;border:1px solid #98238321;border-radius:30px;transition:all .25s;position:relative;overflow:hidden}.exCard:hover{border-color:#9823833d;transform:translateY(-7px);box-shadow:0 28px 68px #9823832e}.exCard:after{content:"";pointer-events:none;background:#98238311;border-radius:999px;width:130px;height:130px;position:absolute;bottom:-50px;left:-50px}.exCardImage{background:radial-gradient(circle at 50% 45%,#9823831c,#0000 62%),linear-gradient(#fffafdf5,#f8eaf599);height:185px;position:relative;overflow:hidden}.exCardImage img{object-fit:contain;background:#fff7fc;width:100%;height:100%;padding:0;transition:all .3s;display:block}.exCard:hover .exCardImage img{transform:scale(1.045)}.exImageFallback{place-items:center;width:100%;height:100%;display:grid}.exImageFallback span{width:118px;height:118px;color:var(--ex-primary);background:#ffffffb3;border:2px solid #98238324;border-radius:50%;place-items:center;font-size:22px;font-weight:950;display:grid}.exNumberBadge{color:#fff;background:linear-gradient(135deg, var(--ex-primary-dark), var(--ex-primary));border-radius:999px;place-items:center;min-width:50px;height:38px;padding:0 12px;font-weight:950;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 12px 30px #98238340}.exCardBody{z-index:2;padding:20px;position:relative}.exCardBody h3{color:var(--ex-text);margin:0;font-size:21px;font-weight:950;line-height:1.45}.exCardBody p{min-height:56px;color:var(--ex-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 18px;font-size:14px;font-weight:750;line-height:1.8;display:-webkit-box;overflow:hidden}.exCardBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--ex-primary-dark), var(--ex-primary), var(--ex-primary-light));border:0;border-radius:18px;width:100%;min-height:52px;font-size:15px;font-weight:950;transition:all .25s;box-shadow:0 16px 35px #98238338}.exCardBtn:hover{transform:translateY(-3px);box-shadow:0 22px 48px #9823834d}.exLoadingCard,.exEmpty{border:1px solid var(--ex-border);width:min(100%,540px);min-height:440px;box-shadow:var(--ex-shadow);text-align:center;background:linear-gradient(#fffffff7,#fff7fce6);border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:0 auto;padding:34px;display:flex}.exLoadingCard h2,.exEmpty h2{color:var(--ex-text);margin:0;font-size:28px;font-weight:950}.exLoadingCard p,.exEmpty p{color:var(--ex-muted);margin:0;font-size:15px;font-weight:750;line-height:1.8}.exLoader{border:5px solid #9823831f;border-top-color:var(--ex-primary);border-radius:50%;width:62px;height:62px;animation:.85s linear infinite exSpin}.exErrorIcon{color:#fff;background:linear-gradient(135deg,#b91c1c,#fb7185);border-radius:18px;place-items:center;width:58px;height:58px;font-size:32px;font-weight:950;display:grid;box-shadow:0 16px 34px #b91c1c2e}@keyframes exSpin{to{transform:rotate(360deg)}}@keyframes exCardUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1050px){.exGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.exPage{padding:18px}.exHero{border-radius:28px;padding:22px}.exHeroTop{text-align:center;flex-direction:column}.exToolbar{flex-direction:column}.exSearchBox,.exBackBtn{width:100%}.exGrid{grid-template-columns:1fr}.exCardImage{height:230px}}@media (width<=420px){.exPage{padding:14px}.exLogo{width:82px;height:82px}.exHero h1{font-size:30px}.exHero p{font-size:14px}.exCardImage{height:205px}.exCardBody{padding:17px}}:root{--tk-purple:#982383;--tk-purple-dark:#7b176c;--tk-purple-deep:#5f174f;--tk-purple-light:#b23298;--tk-purple-soft:#9823831f;--tk-purple-soft-2:#9823832e;--tk-bg-soft:#fff7fc;--tk-border:#98238329;--tk-border-strong:#98238347;--tk-text:#2b1230;--tk-muted:#7b647d;--tk-white:#fff}.varkPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 12% 18%,#98238329,#0000 34%),radial-gradient(circle at 88% 12%,#9823831a,#0000 32%),linear-gradient(135deg,#fffafd 0%,#f9edf7 45%,#fff 100%);padding:26px;font-family:Cairo,Tahoma,sans-serif}.varkShell{width:min(1500px,100%);margin:0 auto}.varkHeader{background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple), var(--tk-purple-light));color:#fff;border-radius:34px;padding:28px;position:relative;overflow:hidden;box-shadow:0 28px 70px #98238347}.varkHeaderCircle{filter:blur(1px);pointer-events:none;background:#ffffff24;border-radius:999px;position:absolute}.varkHeaderCircleOne{width:230px;height:230px;top:-120px;right:-80px}.varkHeaderCircleTwo{width:180px;height:180px;bottom:-90px;left:80px}.varkHeaderContent{z-index:1;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;display:grid;position:relative}.varkExamNo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff42;border-radius:26px;place-items:center;width:78px;height:78px;display:grid;box-shadow:inset 0 1px #ffffff47}.varkExamNo span{font-size:34px;font-weight:950;line-height:1}.varkHeaderText{min-width:0}.varkBadge{color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;width:fit-content;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.varkHeaderText h1{letter-spacing:-.8px;margin:14px 0 8px;font-size:clamp(25px,3vw,44px);font-weight:950}.varkHeaderText p{color:#ffffffdb;max-width:760px;margin:0;font-size:15.5px;line-height:1.9}.varkHeaderStats{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.varkTopPill{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:138px;min-height:42px;padding:10px 16px;font-size:14px;font-weight:900;display:inline-flex}.varkProgressArea{z-index:1;margin-top:24px;position:relative}.varkProgressMeta{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.varkProgressTrack{background:#ffffff38;border-radius:999px;height:13px;overflow:hidden}.varkProgressFill{border-radius:inherit;background:linear-gradient(90deg,#fff,#ffdff5);height:100%;transition:width .35s}.varkLayout{grid-template-columns:260px 1fr;align-items:start;gap:22px;margin-top:24px;display:grid}.varkSide{border:1px solid var(--tk-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-radius:30px;padding:20px;position:sticky;top:18px;box-shadow:0 22px 55px #98238314}.varkSideTitle{color:var(--tk-text);margin-bottom:14px;font-size:16px;font-weight:950}.varkQuestionMap{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.varkQuestionDot{cursor:pointer;height:44px;color:var(--tk-purple-dark);background:#fff7fc;border:1px solid #9823831a;border-radius:15px;font-weight:950;transition:all .2s}.varkQuestionDot:hover{background:#f9edf7;transform:translateY(-2px)}.varkQuestionDot.active{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff;box-shadow:0 12px 26px #9823833d}.varkQuestionDot.answered{color:var(--tk-purple-dark);background:#fce7f6}.varkSideInfo{background:linear-gradient(135deg,#fffafd,#f9edf7);border-radius:20px;justify-content:space-between;align-items:center;margin-top:18px;padding:16px;display:flex}.varkSideInfo span{color:var(--tk-muted);font-size:13px;font-weight:800}.varkSideInfo strong{color:var(--tk-text);font-size:18px;font-weight:950}.varkQuestionSection{min-width:0}.varkQuestionCard{border:1px solid var(--tk-border);background:#fffffff2;border-radius:34px;padding:28px;animation:.45s both varkFadeUp;box-shadow:0 24px 70px #9823831a}.varkQuestionHead{grid-template-columns:auto 1fr;align-items:start;gap:16px;margin-bottom:22px;display:grid}.varkQuestionNumber{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff;border-radius:19px;place-items:center;width:56px;height:56px;font-size:22px;font-weight:950;display:grid;box-shadow:0 14px 28px #98238338}.varkQuestionLabel{color:var(--tk-purple);margin-bottom:8px;font-size:13px;font-weight:950;display:inline-flex}.varkQuestionHead h2{color:var(--tk-text);margin:0;font-size:clamp(22px,2.3vw,34px);font-weight:950;line-height:1.65}.varkQuestionImage{border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;margin:8px 0 24px;overflow:hidden;box-shadow:0 18px 40px #98238314}.varkQuestionImage img{object-fit:contain;background:#fff;width:100%;max-height:430px;display:block}.varkAnswers{grid-template-columns:1fr;gap:14px;display:grid}.varkAnswersImagesGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:22px}.varkAnswer{width:100%;color:var(--tk-text);cursor:pointer;text-align:right;background:linear-gradient(135deg,#fff,#fffafd);border:1px solid #9823831c;border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px 18px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;animation:.4s both varkAnswerIn;display:grid;position:relative;box-shadow:0 13px 30px #9823830e}.varkAnswer:hover{border-color:#98238347;transform:translateY(-4px);box-shadow:0 20px 45px #9823831a}.varkAnswerSelected{background:linear-gradient(135deg,#98238317,#b2329814),#fff;border-color:#9823839e;box-shadow:0 22px 50px #98238326}.varkAnswerCheck{width:34px;height:34px;color:var(--tk-purple);background:#fff5fb;border:1px solid #98238326;border-radius:12px;place-items:center;font-size:19px;font-weight:950;display:grid}.varkAnswerSelected .varkAnswerCheck{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff}.varkAnswerContent{flex-direction:column;gap:12px;min-width:0;display:flex}.varkAnswerText{color:var(--tk-text);font-size:17px;font-weight:850;line-height:1.8}.varkAnswerWithImage{grid-template-columns:auto 1fr;align-items:start;min-height:300px;padding:14px}.varkAnswerImageBox{border:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7),#fff;border-radius:22px;width:100%;height:245px;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.varkAnswerImageBox img{object-fit:contain;background:#fff;width:100%;height:100%;transition:transform .25s;display:block}.varkAnswerWithImage:hover .varkAnswerImageBox img{transform:scale(1.04)}.varkAnswersImagesGrid .varkAnswer{text-align:center;flex-direction:column;padding:14px;display:flex}.varkAnswersImagesGrid .varkAnswerCheck{z-index:2;position:absolute;top:14px;right:14px;box-shadow:0 10px 24px #98238329}.varkAnswersImagesGrid .varkAnswerContent{width:100%}.varkAnswersImagesGrid .varkAnswerText{text-align:center;color:var(--tk-text);font-size:18px;font-weight:950}.varkSelectedLine{background:#fffafd;border:1px dashed #9823833d;border-radius:20px;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 18px;display:flex}.varkSelectedLine span{color:var(--tk-muted);font-size:14px;font-weight:800}.varkSelectedLine strong{width:38px;height:38px;color:var(--tk-purple);background:#fff5fb;border-radius:14px;place-items:center;font-size:18px;font-weight:950;display:grid}.varkBottomBar{justify-content:space-between;gap:14px;margin-top:18px;display:flex}.varkPrimaryBtn,.varkGhostBtn{cursor:pointer;border:0;border-radius:18px;height:52px;padding:0 26px;font-family:inherit;font-size:15px;font-weight:950;transition:all .22s}.varkPrimaryBtn{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff;box-shadow:0 17px 35px #98238340}.varkPrimaryBtn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 22px 45px #98238352}.varkGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff;box-shadow:0 12px 26px #9823830f}.varkGhostBtn:hover:not(:disabled){background:#fffafd;transform:translateY(-3px)}.varkPrimaryBtn:disabled,.varkGhostBtn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.varkCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffffff0;border-radius:32px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 24px 70px #9823831c}.varkMiniLogo{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff;border-radius:26px;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:30px;font-weight:950;display:grid}.varkCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:25px;font-weight:950}.varkCenterCard p{color:var(--tk-muted);margin:0 0 20px;line-height:1.8}.varkLoader{border:4px solid #f4d9ed;border-top-color:var(--tk-purple);border-radius:999px;width:46px;height:46px;margin:0 auto 16px;animation:.8s linear infinite varkSpin}.hbdiPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.hbdiShell{width:min(1100px,100%);margin:0 auto}.hbdiHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.hbdiHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hbdiBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.hbdiHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.hbdiHeader p{color:#ffffffd6;margin:0;line-height:1.8}.hbdiTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.hbdiTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.hbdiProgressBlock{margin-top:20px}.hbdiProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.hbdiProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.hbdiProgressFill{border-radius:inherit;background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%);height:100%;transition:width .35s}.hbdiProgressText{color:#ffffffd1;margin-top:8px;font-size:13px}.hbdiCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.hbdiCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.hbdiPills{flex-wrap:wrap;gap:8px;display:flex}.hbdiPills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.hbdiActions{flex-wrap:wrap;gap:8px;display:flex}.hbdiActions button{cursor:pointer;border:0;border-radius:999px;padding:8px 13px;font-family:inherit;font-size:13px;font-weight:900;transition:all .2s}.hbdiActions button:first-child{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff;box-shadow:0 10px 22px #9823832e}.hbdiActions button:last-child{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.hbdiActions button:disabled{opacity:.55;cursor:not-allowed}.hbdiActions button:hover:not(:disabled){transform:translateY(-2px)}.hbdiQuestionText{padding:18px 20px 12px}.hbdiQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.hbdiQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:20px;font-weight:950;line-height:1.8}.hbdiTableWrap{width:100%;overflow-x:auto}.hbdiTable{border-collapse:collapse;width:100%;min-width:720px}.hbdiTable thead tr{background:#fff7fc}.hbdiTable th{color:var(--tk-muted);border-bottom:1px solid var(--tk-border);padding:13px 12px;font-size:13px;font-weight:950}.hbdiTable th:first-child{text-align:center;width:70px}.hbdiTable th:last-child{text-align:center;width:260px}.hbdiTable td{color:var(--tk-text);vertical-align:middle;border-bottom:1px solid #9823831a;padding:14px 12px;font-size:15px;font-weight:800}.hbdiTable td:first-child{text-align:center;color:var(--tk-muted)}.hbdiTable td:last-child{text-align:center}.hbdiTable tbody tr{transition:background .2s}.hbdiTable tbody tr:hover{background:#98238312}.hbdiRowNeedAnswer{background:#9823830e}.hbdiAnswerText{align-items:center;gap:12px;display:flex}.hbdiAnswerText img{object-fit:contain;border:1px solid var(--tk-border);background:#fff;border-radius:12px;width:74px;height:58px}.hbdiRateBtns{gap:10px;display:inline-flex}.hbdiRateBtns button{cursor:pointer;border:1px solid #9823832e;border-radius:13px;min-width:50px;height:40px;font-size:18px;font-weight:900;transition:all .2s}.hbdiRateBtns button:first-child{color:var(--tk-purple-dark);background:#fff5fb}.hbdiRateBtns button:last-child{color:var(--tk-purple-deep);background:#fdf2f8}.hbdiRateBtns button:hover:not(:disabled){transform:translateY(-2px)scale(1.04)}.hbdiRateBtns button:disabled{opacity:.55;cursor:not-allowed}.hbdiRateBtns .activeLike{box-shadow:0 10px 22px #98238347;background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-light))!important;color:#fff!important;border-color:var(--tk-purple)!important}.hbdiRateBtns .activeDislike{box-shadow:0 10px 22px #7b176c42;background:linear-gradient(135deg, var(--tk-purple-deep), var(--tk-purple-dark))!important;color:#fff!important;border-color:var(--tk-purple-dark)!important}.hbdiBottomBar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--tk-border);background:#fffafdf0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px;display:flex;position:sticky;bottom:14px;box-shadow:0 14px 34px #9823831f}.hbdiBottomLeft{flex-wrap:wrap;gap:10px;display:flex}.hbdiPrimaryBtn,.hbdiGhostBtn,.hbdiSubmitNowBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.hbdiPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.hbdiGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.hbdiSubmitNowBtn{color:#fff;background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-light));border:0;box-shadow:0 12px 24px #98238338}.hbdiPrimaryBtn:hover:not(:disabled),.hbdiGhostBtn:hover:not(:disabled),.hbdiSubmitNowBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.hbdiPrimaryBtn:disabled,.hbdiGhostBtn:disabled,.hbdiSubmitNowBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.hbdiCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.hbdiCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.hbdiCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.hbdiCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@keyframes varkSpin{to{transform:rotate(360deg)}}@keyframes varkFadeUp{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes varkAnswerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hbdiPulseLogo{0%{box-shadow:0 0 #fff0}to{box-shadow:0 0 0 6px #ffffff1f}}@media (width<=1100px){.varkLayout{grid-template-columns:1fr}.varkSide{position:static}.varkQuestionMap{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.varkHeaderContent{grid-template-columns:auto 1fr}.varkHeaderStats{flex-flow:wrap;grid-column:1/-1}.varkAnswersImagesGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (width<=700px){.hbdiPage{padding:14px}.hbdiHeader{border-radius:20px;padding:18px}.hbdiTimer{width:100%}.hbdiCardTop{align-items:stretch}.hbdiActions,.hbdiPills{width:100%}.hbdiActions button,.hbdiPills span{flex:1;justify-content:center}.hbdiBottomBar{align-items:stretch}.hbdiBottomLeft,.hbdiSubmitNowBtn{width:100%}.hbdiPrimaryBtn,.hbdiGhostBtn,.hbdiSubmitNowBtn{flex:1}}@media (width<=650px){.varkPage{padding:14px}.varkHeader{border-radius:26px;padding:20px}.varkHeaderContent{grid-template-columns:1fr}.varkExamNo{border-radius:22px;width:64px;height:64px}.varkExamNo span{font-size:28px}.varkQuestionCard{border-radius:26px;padding:18px}.varkQuestionHead{grid-template-columns:1fr}.varkQuestionNumber{width:48px;height:48px}.varkAnswersImagesGrid{grid-template-columns:1fr}.varkAnswerImageBox{height:230px}.varkBottomBar{flex-direction:column}.varkPrimaryBtn,.varkGhostBtn{width:100%}}@media (width>=1350px){.varkAnswersImagesGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.varkAnswerImageBox{height:285px}.varkAnswerWithImage{min-height:345px}}.discPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.discShell{width:min(1100px,100%);margin:0 auto}.discHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.discHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.discBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.discHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.discHeader p{color:#ffffffd6;margin:0;line-height:1.8}.discTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.discTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.discProgressBlock{margin-top:20px}.discProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.discProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.discProgressFill{border-radius:inherit;background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%);height:100%;transition:width .35s}.discProgressText{color:#ffffffd1;margin-top:8px;font-size:13px}.discCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.discCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.discPills{flex-wrap:wrap;gap:8px;display:flex}.discPills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.discSmallBtn{border:1px solid var(--tk-border);color:var(--tk-purple-dark);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:900;transition:all .2s}.discSmallBtn:hover{background:#fffafd;transform:translateY(-2px)}.discQuestionText{padding:18px 20px 12px}.discQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.discQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:20px;font-weight:950;line-height:1.8}.discTableWrap{width:100%;overflow-x:auto}.discTable{border-collapse:collapse;width:100%;min-width:780px}.discTable thead tr{background:#fff7fc}.discTable th{color:var(--tk-muted);border-bottom:1px solid var(--tk-border);padding:13px 12px;font-size:13px;font-weight:950}.discTable th:first-child{text-align:center;width:70px}.discTable th:last-child{text-align:center;width:360px}.discTable td{color:var(--tk-text);vertical-align:middle;border-bottom:1px solid #9823831a;padding:14px 12px;font-size:15px;font-weight:800}.discTable td:first-child{text-align:center;color:var(--tk-muted)}.discTable td:last-child{text-align:center}.discTable tbody tr{transition:background .2s}.discTable tbody tr:hover{background:#98238312}.discRowNeedAnswer{background:#9823830e}.discAnswerText{align-items:center;gap:12px;display:flex}.discAnswerText img{object-fit:contain;border:1px solid var(--tk-border);background:#fff;border-radius:12px;width:74px;height:58px}.discStars{direction:rtl;background:#fffafdcc;border:1px solid #9823831a;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.discZeroBtn{border:1px solid var(--tk-border);min-width:38px;height:32px;color:var(--tk-purple-dark);cursor:pointer;background:#fff;border-radius:999px;padding:0 10px;font-weight:950;transition:all .18s}.discZeroBtn:hover{background:#fff5fb;transform:translateY(-1px)}.discStar{color:#d8bfd2;cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1;transition:all .15s}.discStar:hover{transform:scale(1.12)}.discStar.active{color:var(--tk-purple);filter:drop-shadow(0 2px 4px #98238338)}.discRateValue{background:var(--tk-purple-soft);min-width:36px;height:28px;color:var(--tk-purple-dark);border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:13px;font-weight:950;display:inline-flex}.discBottomBar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--tk-border);background:#fffafdf0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px;display:flex;position:sticky;bottom:14px;box-shadow:0 14px 34px #9823831f}.discBottomLeft{flex-wrap:wrap;gap:10px;display:flex}.discPrimaryBtn,.discGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.discPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.discGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.discPrimaryBtn:hover:not(:disabled),.discGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.discPrimaryBtn:disabled,.discGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.discCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.discCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.discCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.discCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=700px){.discPage{padding:14px}.discHeader{border-radius:20px;padding:18px}.discTimer{width:100%}.discCardTop{align-items:stretch}.discPills,.discSmallBtn{width:100%}.discPills span{flex:1;justify-content:center}.discBottomBar{align-items:stretch}.discBottomLeft,.discPrimaryBtn,.discGhostBtn{width:100%}.discStars{border-radius:18px}}.discTwoPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.discTwoShell{width:min(1100px,100%);margin:0 auto}.discTwoHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.discTwoHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.discTwoBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.discTwoHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.discTwoHeader p{color:#ffffffd6;margin:0;line-height:1.8}.discTwoTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.discTwoTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.discTwoProgressBlock{margin-top:20px}.discTwoProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.discTwoProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.discTwoProgressFill{border-radius:inherit;background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%);height:100%;transition:width .35s}.discTwoProgressText{color:#ffffffd1;margin-top:8px;font-size:13px}.discTwoCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.discTwoCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.discTwoPills{flex-wrap:wrap;gap:8px;display:flex}.discTwoPills span,.discTwoMiniProgress{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.discTwoQuestionText{padding:18px 20px 12px}.discTwoQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.discTwoQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:20px;font-weight:950;line-height:1.8}.discTwoTableWrap{width:100%;overflow-x:auto}.discTwoTable{border-collapse:collapse;width:100%;min-width:760px}.discTwoTable thead tr{background:#fff7fc}.discTwoTable th{color:var(--tk-muted);border-bottom:1px solid var(--tk-border);padding:13px 12px;font-size:13px;font-weight:950}.discTwoTable th:first-child{text-align:center;width:70px}.discTwoTable th:last-child{text-align:center;width:320px}.discTwoTable td{color:var(--tk-text);vertical-align:middle;border-bottom:1px solid #9823831a;padding:14px 12px;font-size:15px;font-weight:800}.discTwoTable td:first-child,.discTwoTable td:last-child{text-align:center}.discTwoTable tbody tr{transition:background .2s}.discTwoTable tbody tr:hover{background:#98238312}.discTwoLikeRow{background:#98238311}.discTwoDislikeRow{background:#5f174f11}.discTwoAnswerText{align-items:center;gap:12px;display:flex}.discTwoAnswerText img{object-fit:contain;border:1px solid var(--tk-border);background:#fff;border-radius:12px;width:74px;height:58px}.discTwoRateBtns{gap:10px;display:inline-flex}.discTwoRateBtns button{border:1px solid var(--tk-border);min-width:52px;height:40px;color:var(--tk-purple-dark);cursor:pointer;background:#fff;border-radius:999px;font-size:18px;font-weight:950;transition:all .2s}.discTwoRateBtns button:hover{background:#fff5fb;transform:translateY(-2px)scale(1.04)}.discTwoRateBtns .activeLike{color:#fff;border-color:var(--tk-purple);background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-light));box-shadow:0 10px 22px #98238347}.discTwoRateBtns .activeDislike{color:#fff;border-color:var(--tk-purple-dark);background:linear-gradient(135deg, var(--tk-purple-deep), var(--tk-purple-dark));box-shadow:0 10px 22px #7b176c42}.discTwoBottomBar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--tk-border);background:#fffafdf0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px;display:flex;position:sticky;bottom:14px;box-shadow:0 14px 34px #9823831f}.discTwoPrimaryBtn,.discTwoGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.discTwoPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.discTwoGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.discTwoPrimaryBtn:hover:not(:disabled),.discTwoGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.discTwoPrimaryBtn:disabled,.discTwoGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.discTwoCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.discTwoCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.discTwoCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.discTwoCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=700px){.discTwoPage{padding:14px}.discTwoHeader{border-radius:20px;padding:18px}.discTwoTimer{width:100%}.discTwoCardTop{align-items:stretch}.discTwoPills,.discTwoMiniProgress{width:100%}.discTwoPills span{flex:1;justify-content:center}.discTwoBottomBar{align-items:stretch}.discTwoPrimaryBtn,.discTwoGhostBtn{width:100%}}.hollandPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.hollandShell{width:min(1100px,100%);margin:0 auto}.hollandHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.hollandHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hollandBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.hollandHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.hollandHeader p{color:#ffffffd6;margin:0;line-height:1.8}.hollandTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:170px;min-height:48px;padding:8px 14px;font-size:16px;font-weight:950;display:inline-flex}.hollandTimer button{color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff42;border-radius:999px;padding:3px 10px;font-family:inherit;font-weight:900}.hollandTimer button:disabled{opacity:.55;cursor:not-allowed}.hollandTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.hollandProgressBlock{margin-top:20px}.hollandProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.hollandTimeMeta{margin-top:14px}.hollandProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.hollandTimeTrack{height:9px}.hollandProgressFill,.hollandTimeFill{border-radius:inherit;height:100%;transition:width .35s}.hollandProgressFill{background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%)}.hollandTimeFill{background:linear-gradient(90deg,#f7c8ec 0%,#fff 100%)}.hollandCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.hollandCard.disabled{pointer-events:none;opacity:.75}.hollandCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);padding:16px 20px}.hollandPills{flex-wrap:wrap;gap:8px;display:flex}.hollandPills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.hollandQuestionText{padding:18px 20px 12px}.hollandQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.hollandQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:20px;font-weight:950;line-height:1.8}.hollandAnswersList{gap:12px;padding:16px 20px 20px;display:grid}.hollandAnswerCard{border:1px solid #98238321;border-right:5px solid var(--tk-purple);background:#fff;border-radius:16px;gap:12px;padding:14px 16px;transition:all .2s;display:grid}.hollandAnswerCard:hover{transform:translateY(-2px);box-shadow:0 14px 28px #9823831a}.hollandAnswerCard.needRating{background:#fff7fc;border-color:#9823833d}.hollandAnswerTop{justify-content:space-between;align-items:center;gap:14px;display:flex}.hollandAnswerTop strong{color:var(--tk-text);line-height:1.8}.hollandAnswerTop span{background:var(--tk-purple-soft);min-width:34px;height:28px;color:var(--tk-purple-dark);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:950;display:inline-flex}.hollandTrueFalse{flex-wrap:wrap;gap:10px;display:flex}.hollandTrueFalse button{border:1px solid var(--tk-border);min-width:92px;height:42px;color:var(--tk-purple-dark);cursor:pointer;background:#fff;border-radius:14px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.hollandTrueFalse button:hover:not(:disabled){background:#fff5fb;transform:translateY(-2px)}.hollandTrueFalse button:disabled{opacity:.55;cursor:not-allowed}.hollandTrueFalse .activeTrue{color:#fff;border-color:var(--tk-purple);background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-light));box-shadow:0 10px 22px #9823833d}.hollandTrueFalse .activeFalse{color:#fff;border-color:var(--tk-purple-dark);background:linear-gradient(135deg, var(--tk-purple-deep), var(--tk-purple-dark));box-shadow:0 10px 22px #7b176c3d}.hollandRangeBox{gap:10px;display:grid}.hollandRangeBox div{color:var(--tk-purple-dark);justify-content:space-between;gap:12px;font-size:14px;font-weight:900;display:flex}.hollandRangeBox strong{background:var(--tk-purple);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:30px;display:inline-flex}.hollandRangeBox input[type=range]{width:100%;accent-color:var(--tk-purple)}.hollandMissingBox{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff1fa;border-radius:12px;margin-top:4px;padding:10px 12px;font-size:13px;font-weight:900}.hollandBottomBar{border-top:1px solid var(--tk-border);background:#fffafd;justify-content:space-between;gap:12px;padding:14px;display:flex}.hollandPrimaryBtn,.hollandGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.hollandPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.hollandGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.hollandPrimaryBtn:hover:not(:disabled),.hollandGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.hollandPrimaryBtn:disabled,.hollandGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.hollandCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.hollandCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.hollandCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.hollandCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=700px){.hollandPage{padding:14px}.hollandHeader{border-radius:20px;padding:18px}.hollandTimer{justify-content:space-between;width:100%}.hollandPills span{flex:1;justify-content:center}.hollandAnswerTop{align-items:flex-start}.hollandBottomBar{flex-direction:column}.hollandPrimaryBtn,.hollandGhostBtn{width:100%}}.learningPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.learningShell{width:min(1100px,100%);margin:0 auto}.learningHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.learningHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.learningBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.learningHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.learningHeader p{color:#ffffffd6;margin:0;line-height:1.8}.learningTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.learningProgressBlock{margin-top:20px}.learningProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.learningProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.learningProgressFill{border-radius:inherit;background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%);height:100%;transition:width .35s}.learningProgressText{color:#ffffffd1;margin-top:8px;font-size:13px}.learningCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.learningCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);padding:16px 20px}.learningPills{flex-wrap:wrap;gap:8px;display:flex}.learningPills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.learningMiniMap{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:8px;padding:16px 20px 0;display:grid}.learningDot{border:1px solid var(--tk-border);height:38px;color:var(--tk-purple-dark);cursor:pointer;background:#fff;border-radius:12px;font-family:inherit;font-size:13px;font-weight:950;transition:all .2s}.learningDot:hover{background:#fff5fb;transform:translateY(-2px)}.learningDot.done{background:#fff1fa;border-color:#9823834d}.learningDot.active{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff;border-color:var(--tk-purple);box-shadow:0 10px 22px #98238338}.learningQuestionBox{padding:20px}.learningQuestionText{margin-bottom:16px}.learningQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.learningQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:clamp(21px,2.4vw,30px);font-weight:950;line-height:1.8}.learningAnswers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.learningOption{min-height:150px;color:var(--tk-text);text-align:right;cursor:pointer;background:#fff;border:1px solid #98238324;border-radius:22px;padding:42px 18px 18px;font-family:inherit;transition:all .22s;position:relative;box-shadow:0 12px 28px #9823830f}.learningOption:hover{border-color:#98238357;transform:translateY(-4px);box-shadow:0 18px 36px #9823831f}.learningOption.selected{border-color:var(--tk-purple);background:linear-gradient(135deg,#98238317,#b2329812),#fff;box-shadow:inset 0 0 0 4px #9823831f}.learningOptionBadge{background:var(--tk-purple-soft);border:1px solid var(--tk-border);min-width:36px;height:30px;color:var(--tk-purple-dark);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:950;display:inline-flex;position:absolute;top:14px;right:14px}.learningOption.selected .learningOptionBadge{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff}.learningOption p{margin:0;font-size:16px;font-weight:850;line-height:1.9}.learningBottomBar{border-top:1px solid var(--tk-border);background:#fffafd;justify-content:space-between;gap:12px;padding:14px;display:flex}.learningNavBtns{flex-wrap:wrap;gap:10px;display:flex}.learningPrimaryBtn,.learningGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.learningPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.learningGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.learningPrimaryBtn:hover:not(:disabled),.learningGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.learningPrimaryBtn:disabled,.learningGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.learningCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.learningCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.learningCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.learningCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=700px){.learningPage{padding:14px}.learningHeader{border-radius:20px;padding:18px}.learningTimer{width:100%}.learningPills span{flex:1;justify-content:center}.learningAnswers{grid-template-columns:1fr}.learningBottomBar{flex-direction:column}.learningNavBtns,.learningPrimaryBtn,.learningGhostBtn{width:100%}}.mentalPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.mentalShell{width:min(1100px,100%);margin:0 auto}.mentalHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.mentalHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mentalBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.mentalHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.mentalHeader p{color:#ffffffd6;margin:0;line-height:1.8}.mentalTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:150px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.mentalTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.mentalProgressBlock{margin-top:20px}.mentalProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.mentalProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.mentalProgressText{color:#ffffffd1;margin-top:8px;font-size:13px}.mentalCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.mentalCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);padding:16px 20px}.mentalPills{flex-wrap:wrap;gap:8px;display:flex}.mentalPills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.mentalQuestionBox{padding:22px 20px}.mentalQuestionText{margin-bottom:18px}.mentalQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.mentalQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:clamp(21px,2.4vw,30px);font-weight:950;line-height:1.8}.mentalQuestionImage{border:1px solid var(--tk-border);background:#fff;border-radius:20px;margin-bottom:18px;overflow:hidden;box-shadow:0 14px 30px #98238314}.mentalQuestionImage img{object-fit:contain;background:#fff;width:100%;max-height:380px;display:block}.mentalAnswers{gap:12px;display:grid}.mentalAnswerCard{width:100%;color:var(--tk-text);cursor:pointer;text-align:right;animation:.35s both varkAnswerIn;animation-delay:var(--delay);background:#fff;border:1px solid #98238324;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:15px 16px;font-family:inherit;transition:all .22s;display:grid;box-shadow:0 12px 26px #9823830f}.mentalAnswerCard:hover{border-color:#98238357;transform:translateY(-3px);box-shadow:0 18px 36px #9823831f}.mentalAnswerCard.selected{color:#fff;border-color:var(--tk-purple);background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));box-shadow:0 18px 36px #9823833d}.mentalRadio{border:1px solid var(--tk-border);background:#fff5fb;border-radius:13px;place-items:center;width:36px;height:36px;display:grid}.mentalRadio span{border:2px solid var(--tk-purple);border-radius:999px;width:16px;height:16px;position:relative}.mentalAnswerCard.selected .mentalRadio{background:#ffffff29;border-color:#ffffff59}.mentalAnswerCard.selected .mentalRadio span{border-color:#fff}.mentalAnswerCard.selected .mentalRadio span:after{content:"";border-radius:inherit;background:#fff;position:absolute;inset:3px}.mentalAnswerText{color:inherit;font-size:16px;font-weight:850;line-height:1.8}.mentalBottomBar{border-top:1px solid var(--tk-border);background:#fffafd;justify-content:space-between;gap:12px;padding:14px;display:flex}.mentalPrimaryBtn,.mentalGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.mentalPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.mentalGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.mentalPrimaryBtn:hover:not(:disabled),.mentalGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.mentalPrimaryBtn:disabled,.mentalGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.mentalCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.mentalCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.mentalCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.mentalCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=700px){.mentalPage{padding:14px}.mentalHeader{border-radius:20px;padding:18px}.mentalTimer{width:100%}.mentalPills span{flex:1;justify-content:center}.mentalBottomBar{flex-direction:column}.mentalPrimaryBtn,.mentalGhostBtn{width:100%}}.ravenPage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.ravenShell{width:min(1120px,100%);margin:0 auto}.ravenHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.ravenHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.ravenBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.ravenHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.ravenHeader p{color:#ffffffd6;margin:0;line-height:1.8}.ravenTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:140px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.ravenTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.ravenProgressBlock{margin-top:20px}.ravenProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.ravenTimeMeta{margin-top:14px}.ravenProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.ravenTimeTrack{height:9px}.ravenProgressFill,.ravenTimeFill{border-radius:inherit;height:100%;transition:width .35s}.ravenProgressFill{background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%)}.ravenTimeFill{background:linear-gradient(90deg,#f7c8ec 0%,#fff 100%)}.ravenCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.ravenCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);padding:16px 20px}.ravenPills{flex-wrap:wrap;gap:8px;display:flex}.ravenPills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.ravenQuestionBox{padding:22px 20px}.ravenQuestionText{margin-bottom:18px}.ravenQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.ravenQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:clamp(20px,2.2vw,28px);font-weight:950;line-height:1.8}.ravenQuestionImage{border:1px solid var(--tk-border);text-align:center;background:#fff;border-radius:22px;margin-bottom:24px;padding:14px;overflow:hidden;box-shadow:0 14px 32px #98238314}.ravenQuestionImage img{object-fit:contain;border-radius:14px;max-width:100%;max-height:540px;display:inline-block}.ravenAnswersGrid{grid-template-columns:repeat(3,minmax(150px,1fr));align-items:stretch;gap:18px;display:grid}.ravenAnswerCard{cursor:pointer;background:#fff;border:1px solid #98238324;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:48px 14px 14px;transition:all .22s;display:flex;position:relative;box-shadow:0 12px 26px #9823830f}.ravenAnswerCard:hover{border-color:#98238357;transform:translateY(-4px);box-shadow:0 18px 36px #9823831f}.ravenAnswerCard.selected{border-color:var(--tk-purple);background:linear-gradient(135deg,#98238317,#b2329812),#fff;box-shadow:inset 0 0 0 4px #9823831f,0 18px 36px #98238324}.ravenAnswerLetter{background:var(--tk-purple-soft);min-width:38px;height:32px;color:var(--tk-purple-dark);border:1px solid var(--tk-border);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:950;display:inline-flex;position:absolute;top:14px;right:14px}.ravenAnswerCard.selected .ravenAnswerLetter{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff}.ravenAnswerCard img{object-fit:contain;border-radius:12px;width:100%;max-height:170px;display:block}.ravenAnswerCard p{color:var(--tk-text);text-align:center;margin:0;font-size:15px;font-weight:850;line-height:1.8}.ravenBottomBar{border-top:1px solid var(--tk-border);background:#fffafd;justify-content:space-between;gap:12px;padding:14px;display:flex}.ravenPrimaryBtn,.ravenGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.ravenPrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.ravenGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.ravenPrimaryBtn:hover:not(:disabled),.ravenGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.ravenPrimaryBtn:disabled,.ravenGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.ravenCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.ravenCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.ravenCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.ravenCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=850px){.ravenAnswersGrid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=700px){.ravenPage{padding:14px}.ravenHeader{border-radius:20px;padding:18px}.ravenTimer{width:100%}.ravenPills span{flex:1;justify-content:center}.ravenAnswersGrid{grid-template-columns:1fr}.ravenBottomBar{flex-direction:column}.ravenPrimaryBtn,.ravenGhostBtn{width:100%}}.puzzlePage{min-height:100vh;color:var(--tk-text);direction:rtl;background:radial-gradient(circle at 100% 0,#98238329,#0000 34%),radial-gradient(circle at 0 100%,#9823831a,#0000 34%),linear-gradient(120deg,#fffafd 0%,#f8edf5 48%,#fff 100%);padding:24px;font-family:Cairo,Tahoma,sans-serif}.puzzleShell{width:min(1120px,100%);margin:0 auto}.puzzleHeader{color:#fff;background:radial-gradient(circle at 12% 15%, #ffffff29, transparent 26%), linear-gradient(140deg, var(--tk-purple-dark) 0%, var(--tk-purple) 48%, var(--tk-purple-light) 100%);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 22px 50px #98238347}.puzzleHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.puzzleBadge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.puzzleHeader h1{margin:14px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:950}.puzzleHeader p{color:#ffffffd6;margin:0;line-height:1.8}.puzzleTimer{background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:140px;height:48px;padding:0 16px;font-size:17px;font-weight:950;display:inline-flex}.puzzleTimerCritical{color:#fff;background:#ffffff2e;border-color:#ffffff57;animation:.8s infinite alternate hbdiPulseLogo}.puzzleProgressBlock{margin-top:20px}.puzzleProgressMeta{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.puzzleTimeMeta{margin-top:14px}.puzzleProgressTrack{background:#ffffff38;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.puzzleTimeTrack{height:9px}.puzzleProgressFill,.puzzleTimeFill{border-radius:inherit;height:100%;transition:width .35s}.puzzleProgressFill{background:linear-gradient(90deg,#fff 0%,#ffdff5 45%,#f6bde8 100%)}.puzzleTimeFill{background:linear-gradient(90deg,#f7c8ec 0%,#fff 100%)}.puzzleCard{border:1px solid var(--tk-border);background:#fffffff5;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 18px 42px #9823831f}.puzzleCardTop{border-bottom:1px solid var(--tk-border);background:linear-gradient(135deg,#fffafd,#f9edf7);padding:16px 20px}.puzzlePills{flex-wrap:wrap;gap:8px;display:flex}.puzzlePills span{background:var(--tk-purple-soft);border:1px solid var(--tk-border);color:var(--tk-purple-dark);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.puzzleQuestionBox{padding:22px 20px}.puzzleQuestionText{margin-bottom:18px}.puzzleQuestionText span{color:var(--tk-purple);font-size:13px;font-weight:950}.puzzleQuestionText h2{color:var(--tk-text);margin:8px 0 0;font-size:clamp(20px,2.2vw,28px);font-weight:950;line-height:1.8}.puzzleQuestionImage{border:1px solid var(--tk-border);text-align:center;background:#fff;border-radius:22px;margin-bottom:24px;padding:14px;overflow:hidden;box-shadow:0 14px 32px #98238314}.puzzleQuestionImage img{object-fit:contain;border-radius:14px;max-width:100%;max-height:500px;display:inline-block}.puzzleAnswersGrid{grid-template-columns:repeat(auto-fit,minmax(180px,240px));justify-content:center;gap:18px;display:grid}.puzzleAnswerCard{cursor:pointer;background:#fff;border:1px solid #98238324;border-radius:20px;justify-content:center;align-items:center;min-height:210px;padding:48px 14px 14px;transition:all .22s;display:flex;position:relative;box-shadow:0 12px 26px #9823830f}.puzzleAnswerCard:hover{border-color:#98238357;transform:translateY(-4px);box-shadow:0 18px 36px #9823831f}.puzzleAnswerCard.selected{border-color:var(--tk-purple);background:linear-gradient(135deg,#98238317,#b2329812),#fff;box-shadow:inset 0 0 0 4px #9823831f,0 18px 36px #98238324}.puzzleAnswerLetter{background:var(--tk-purple-soft);min-width:38px;height:32px;color:var(--tk-purple-dark);border:1px solid var(--tk-border);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:950;display:inline-flex;position:absolute;top:14px;right:14px}.puzzleAnswerCard.selected .puzzleAnswerLetter{background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));color:#fff}.puzzleAnswerCard img{object-fit:contain;border-radius:12px;width:100%;max-height:170px;display:block}.puzzleAnswersTextGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.puzzleTextAnswer{color:var(--tk-text);cursor:pointer;text-align:right;background:#fff;border:1px solid #98238324;border-radius:18px;align-items:center;gap:12px;padding:16px;font-family:inherit;transition:all .22s;display:flex;box-shadow:0 12px 26px #9823830f}.puzzleTextAnswer:hover{border-color:#98238357;transform:translateY(-3px)}.puzzleTextAnswer.selected{color:#fff;border-color:var(--tk-purple);background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple))}.puzzleTextAnswer span{background:var(--tk-purple-soft);min-width:34px;height:34px;color:var(--tk-purple-dark);border-radius:12px;place-items:center;font-weight:950;display:grid}.puzzleTextAnswer.selected span{color:#fff;background:#ffffff2e}.puzzleTextAnswer p{margin:0;font-size:15px;font-weight:850;line-height:1.8}.puzzleBottomBar{border-top:1px solid var(--tk-border);background:#fffafd;justify-content:space-between;gap:12px;padding:14px;display:flex}.puzzlePrimaryBtn,.puzzleGhostBtn{cursor:pointer;border-radius:14px;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;transition:all .2s}.puzzlePrimaryBtn{color:#fff;background:linear-gradient(90deg, var(--tk-purple-dark), var(--tk-purple));border:0;box-shadow:0 12px 24px #9823833d}.puzzleGhostBtn{color:var(--tk-purple-dark);border:1px solid var(--tk-border);background:#fff}.puzzlePrimaryBtn:hover:not(:disabled),.puzzleGhostBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #9823833d}.puzzlePrimaryBtn:disabled,.puzzleGhostBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.puzzleCenterCard{text-align:center;border:1px solid var(--tk-border);background:#fffafd;border-radius:28px;width:min(520px,100%);margin:12vh auto 0;padding:34px;box-shadow:0 22px 50px #98238324}.puzzleCenterIcon{color:#fff;background:linear-gradient(135deg, var(--tk-purple-dark), var(--tk-purple));border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:30px;font-weight:950;display:grid}.puzzleCenterCard h2{color:var(--tk-text);margin:0 0 8px;font-size:24px;font-weight:950}.puzzleCenterCard p{color:var(--tk-muted);margin:0 0 18px;line-height:1.8}@media (width<=700px){.puzzlePage{padding:14px}.puzzleHeader{border-radius:20px;padding:18px}.puzzleTimer{width:100%}.puzzlePills span{flex:1;justify-content:center}.puzzleAnswersGrid{grid-template-columns:1fr}.puzzleBottomBar{flex-direction:column}.puzzlePrimaryBtn,.puzzleGhostBtn{width:100%}}:root{--tk-purple:#962585;--tk-purple-2:#b13aa0;--tk-purple-dark:#65105c;--tk-purple-deep:#420a3d;--tk-bg:#fff8fd;--tk-bg-2:#f8edf6;--tk-card:#ffffffdb;--tk-card-solid:#fff;--tk-text:#261020;--tk-muted:#806075;--tk-border:#96258526;--tk-shadow:0 24px 80px #580f4e24;--tk-shadow-soft:0 16px 42px #580f4e17;--tk-ring:0 0 0 5px #96258517}.studentsPage{min-height:100vh;color:var(--tk-text);background:radial-gradient(circle at 88% 8%,#96258529,#0000 28%),radial-gradient(circle at 12% 92%,#9625851c,#0000 30%),linear-gradient(135deg,#fff 0%,#fff7fd 44%,#f7edf6 100%);padding:28px;font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studentsHero{box-shadow:var(--tk-shadow);isolation:isolate;background:linear-gradient(135deg,#ffffffeb,#fff7fde0),linear-gradient(135deg,#9625851f,#0000);border:1px solid #96258529;border-radius:36px;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:22px;padding:30px;display:grid;position:relative;overflow:hidden}.studentsHero:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--tk-purple), var(--tk-purple-dark));border-radius:999px;width:8px;position:absolute;top:26px;bottom:26px;box-shadow:0 0 28px #96258559}.studentsHero:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff80 35%,#0000 58%);animation:7s ease-in-out infinite heroLight;position:absolute;inset:0;transform:translate(100%)}@keyframes heroLight{0%,45%{transform:translate(100%)}70%,to{transform:translate(-100%)}}.studentsHero__decor{pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.studentsHero__decor--one{inset-inline-end:-120px;background:#9625851a;width:320px;height:320px;top:-130px}.studentsHero__decor--two{inset-inline-start:32%;background:#96258514;width:210px;height:210px;bottom:-120px}.studentsHero__decor--three{inset-inline-start:50px;border:18px solid #9625850f;width:120px;height:120px;top:30px}.studentsHero__main{z-index:1;align-items:center;gap:24px;display:flex;position:relative}.studentsHero__brand{background:#fff;border:1px solid #9625852e;border-radius:36px;flex:none;width:132px;height:132px;padding:10px;transition:all .25s;box-shadow:0 22px 45px #96258529,inset 0 0 0 8px #96258509}.studentsHero__brand:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 28px 60px #96258538,inset 0 0 0 8px #9625850a}.studentsHero__brand img{object-fit:contain;border-radius:28px;width:100%;height:100%}.studentsHero__text{max-width:720px}.studentsHero__badge{width:fit-content;color:var(--tk-purple-dark);background:#96258517;border:1px solid #9625851f;border-radius:999px;margin-bottom:12px;padding:7px 15px;font-size:13px;font-weight:900;display:inline-flex}.studentsHero__text h1{color:var(--tk-purple-dark);letter-spacing:-.8px;margin:0;font-size:clamp(30px,4vw,50px);line-height:1.15}.studentsHero__text p{max-width:730px;color:var(--tk-muted);margin:13px 0 0;font-size:15px;font-weight:700;line-height:1.95}.studentsHero__stats{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.studentsStat{min-height:104px;box-shadow:var(--tk-shadow-soft);background:#ffffffb8;border:1px solid #96258521;border-radius:26px;padding:18px;transition:all .22s;position:relative;overflow:hidden}.studentsStat:before{content:"";inset-inline-end:-28px;background:#96258517;border-radius:999px;width:80px;height:80px;position:absolute;top:-28px}.studentsStat:hover{border-color:#96258547;transform:translateY(-4px);box-shadow:0 24px 52px #580f4e24}.studentsStat--primary{background:linear-gradient(135deg,#9625851f,#ffffffd1),#fff}.studentsStat span{color:var(--tk-purple);font-size:34px;font-weight:1000;line-height:1;display:block;position:relative}.studentsStat p{color:var(--tk-muted);margin:8px 0 0;font-size:13px;font-weight:900;position:relative}.studentsPanel{background:var(--tk-card);border:1px solid var(--tk-border);box-shadow:var(--tk-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:34px;margin-top:24px;padding:22px}.studentsToolbar{direction:rtl;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.studentsToolbar__title{flex:none;min-width:250px}.studentsToolbar__title span{color:var(--tk-purple);background:#96258517;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900;display:inline-flex}.studentsToolbar__title h2{color:var(--tk-purple-dark);margin:8px 0 0;font-size:25px;font-weight:1000}.studentsToolbar__title p{color:var(--tk-muted);margin:6px 0 0;font-size:14px;font-weight:700}.studentsToolbar__actions{direction:rtl;flex-wrap:nowrap;flex:1;justify-content:flex-end;align-items:end;gap:12px;min-width:0;display:flex}.studentsViewSwitch{background:#fff;border:1px solid #96258524;border-radius:18px;flex:none;order:1;align-items:center;padding:5px;display:flex;box-shadow:0 10px 28px #580f4e14}.studentsViewSwitch button{cursor:pointer;min-width:82px;height:42px;color:var(--tk-muted);background:0 0;border:0;border-radius:14px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .2s}.studentsViewSwitch button:hover{color:var(--tk-purple);background:#96258512}.studentsViewSwitch button.isActive{color:#fff;background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-dark));box-shadow:0 12px 24px #96258538}.studentsFilters{flex-wrap:nowrap;flex:none;order:2;align-items:end;gap:10px;display:flex}.studentsSelectBox{gap:6px;width:170px;min-width:170px;display:grid}.studentsSelectBox span{color:var(--tk-purple-dark);font-size:12px;font-weight:1000}.studentsSelectBox select{width:100%;height:52px;color:var(--tk-text);background:#fff;border:1px solid #96258529;border-radius:18px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;font-weight:900;transition:all .2s;box-shadow:0 10px 28px #580f4e12}.studentsSelectBox select:focus{box-shadow:var(--tk-ring), 0 14px 32px #580f4e17;border-color:#96258585}.studentsSelectBox select:disabled{opacity:.6;cursor:not-allowed}.studentsFilters__clear{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#962585,#65105c);border:0;border-radius:18px;height:52px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .2s;box-shadow:0 12px 24px #9625852e}.studentsFilters__clear:hover{transform:translateY(-2px);box-shadow:0 16px 32px #9625853d}.studentsSearch{flex:0 0 330px;order:3;align-items:center;width:330px;display:flex;position:relative}.studentsSearch span{color:var(--tk-purple);z-index:1;font-size:20px;font-weight:1000;position:absolute;inset-inline-start:16px}.studentsSearch input{width:100%;height:52px;color:var(--tk-text);text-align:right;background:#fff;border:1px solid #96258529;border-radius:18px;outline:none;padding:0 48px 0 44px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 10px 28px #580f4e12}.studentsSearch input:focus{box-shadow:var(--tk-ring), 0 14px 32px #580f4e17;border-color:#96258585}.studentsSearch input::placeholder{color:#a4869d}.studentsSearch__clear{cursor:pointer;color:#fff;background:var(--tk-purple);border:0;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;transition:all .2s;position:absolute;inset-inline-end:12px}.studentsSearch__clear:hover{background:var(--tk-purple-dark);transform:rotate(90deg)scale(1.05)}.studentsCardsGrid{grid-template-columns:repeat(4,minmax(230px,1fr));gap:16px;display:grid}.studentCard{cursor:pointer;background:linear-gradient(#fffffff0,#fff7fde0),#fff;border:1px solid #96258521;border-radius:28px;min-height:350px;padding:18px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 14px 35px #580f4e14}.studentCard:before{content:"";inset-inline:18px;background:linear-gradient(90deg, transparent, var(--tk-purple), transparent);opacity:.78;border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.studentCard__glow{inset-inline-end:-70px;pointer-events:none;background:#9625851a;border-radius:50%;width:160px;height:160px;transition:all .25s;position:absolute;top:-70px}.studentCard:hover{border-color:#9625854d;transform:translateY(-7px);box-shadow:0 26px 60px #580f4e24}.studentCard:hover .studentCard__glow{background:#96258524;transform:scale(1.25)}.studentCard__top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.studentCard__avatar{color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff52, transparent 26%), linear-gradient(135deg, var(--tk-purple-2), var(--tk-purple-dark));border-radius:24px;place-items:center;width:74px;height:74px;font-size:21px;font-weight:1000;display:grid;box-shadow:0 16px 28px #96258540}.studentCard__avatar--image{background:#fff;border:2px solid #96258538;padding:0;overflow:hidden}.studentCard__avatar--image img{object-fit:cover;width:100%;height:100%;display:block}.studentCard__number{min-width:54px;height:34px;color:var(--tk-purple);background:#96258514;border:1px solid #9625851f;border-radius:999px;place-items:center;font-size:13px;font-weight:1000;display:grid}.studentCard__body{z-index:1;margin-top:16px;position:relative}.studentCard__body h3{color:var(--tk-text);margin:0;font-size:20px;font-weight:1000;line-height:1.35}.studentCard__body p{color:var(--tk-muted);margin:5px 0 0;font-size:13px;font-weight:800}.studentCard__badges{z-index:1;flex-wrap:wrap;gap:8px;margin-top:14px;display:flex;position:relative}.studentSchoolBadge{max-width:100%;color:var(--tk-purple-dark);white-space:nowrap;text-overflow:ellipsis;background:#96258513;border:1px solid #9625851f;border-radius:999px;align-items:center;padding:7px 12px;font-size:12px;font-weight:1000;display:inline-flex;overflow:hidden}.studentCard__info{z-index:1;gap:9px;margin-top:16px;display:grid;position:relative}.studentCard__info div{background:#ffffffbd;border:1px solid #96258517;border-radius:18px;min-width:0;padding:11px 12px;transition:all .2s}.studentCard__info div:hover{background:#fff;border-color:#9625852e;transform:translate(-3px)}.studentCard__info small{color:#9a7891;margin-bottom:3px;font-size:11px;font-weight:900;display:block}.studentCard__info strong{color:#32182e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;display:block;overflow:hidden}.studentsTableWrap{background:#fff;border:1px solid #96258521;border-radius:26px;width:100%;overflow-x:auto;box-shadow:0 14px 32px #580f4e0f}.studentsTable{border-collapse:collapse;width:100%;min-width:980px}.studentsTable thead{background:linear-gradient(135deg,#9625851c,#96258509),#fff}.studentsTable th{color:var(--tk-purple-dark);text-align:right;white-space:nowrap;border-bottom:1px solid #96258524;padding:17px 18px;font-size:13px;font-weight:1000}.studentsTable td{color:#392033;vertical-align:middle;border-bottom:1px solid #96258514;padding:16px 18px;font-size:14px;font-weight:800}.studentsTable tbody tr{transition:all .18s}.studentsTable tbody tr:hover{background:#fff7fd}.studentsTable tbody tr:last-child td{border-bottom:0}.studentsTable__muted{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden;color:var(--tk-muted)!important}.studentsTable__clickableRow{cursor:pointer}.studentsTable__clickableRow:hover{background:#fff1fb!important}.studentIdentity{align-items:center;gap:12px;display:flex}.studentAvatar{color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff4d, transparent 26%), linear-gradient(135deg, var(--tk-purple), var(--tk-purple-dark));border-radius:18px;flex:none;place-items:center;width:52px;height:52px;font-weight:1000;display:grid;box-shadow:0 10px 20px #96258538}.studentAvatar--image{background:#fff;border:2px solid #9625852e;padding:0;overflow:hidden}.studentAvatar--image img{object-fit:cover;width:100%;height:100%;display:block}.studentIdentity strong{color:var(--tk-text);font-size:14px;font-weight:1000;display:block}.studentIdentity small{color:var(--tk-muted);margin-top:3px;font-size:12px;font-weight:800;display:block}.genderBadge{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:7px 12px;font-size:12px;font-weight:1000;display:inline-flex}.genderBadge--male{color:#255568;background:#eaf8fb;border:1px solid #25556821}.genderBadge--female{color:var(--tk-purple-dark);background:#f8edf6;border:1px solid #96258521}.studentsState{text-align:center;background:linear-gradient(135deg,#96258514,#ffffffeb),#fff;border:1px dashed #96258538;border-radius:26px;place-items:center;min-height:300px;padding:34px;display:grid}.studentsState__icon{width:70px;height:70px;color:var(--tk-purple);background:#f8edf6;border-radius:24px;place-items:center;margin:0 auto 14px;font-size:30px;font-weight:1000;display:grid;box-shadow:0 14px 28px #9625851a}.studentsState h3{color:var(--tk-purple-dark);margin:0;font-size:22px;font-weight:1000}.studentsState p{max-width:520px;color:var(--tk-muted);margin:8px auto 0;font-weight:700;line-height:1.85}.studentsState button{cursor:pointer;background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-dark));color:#fff;border:0;border-radius:16px;margin-top:18px;padding:12px 22px;font-family:inherit;font-weight:1000;transition:all .2s;box-shadow:0 14px 30px #9625853b}.studentsState button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #96258547}.studentsState--error{border-color:#c42d5040}.studentsState--error .studentsState__icon{color:#b32855;background:#fff0f3}.studentsSkeletonWrap{gap:12px;display:grid}.studentsSkeleton,.studentCard--skeleton{background:linear-gradient(90deg,#9625850e,#96258526,#9625850e) 0 0/220% 100%;border:0;border-radius:22px;min-height:78px;animation:1.15s ease-in-out infinite tkLoading}.studentCard--skeleton{min-height:350px;box-shadow:none}.studentCard--skeleton:before{display:none}@keyframes tkLoading{0%{background-position:100% 0}to{background-position:-100% 0}}.studentsPagination{justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.studentsPagination button{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--tk-purple), var(--tk-purple-dark));border:0;border-radius:15px;min-width:108px;height:44px;font-family:inherit;font-weight:1000;transition:all .2s;box-shadow:0 12px 24px #96258533}.studentsPagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #96258540}.studentsPagination button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.studentsPagination span{color:var(--tk-muted);font-size:14px;font-weight:900}.studentsPagination b{color:var(--tk-purple-dark)}.tkAttemptActions{justify-content:flex-start;margin-top:14px;display:flex}.tkAttemptReportBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#962585,#65105c);border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:900;transition:all .22s;box-shadow:0 14px 24px #96258538}.tkAttemptReportBtn:hover{transform:translateY(-2px);box-shadow:0 18px 32px #96258547}.tkAttemptReportBtn:active{transform:translateY(0)}@media (width<=1450px){.studentsToolbar{flex-direction:column;align-items:stretch}.studentsToolbar__title{min-width:0}.studentsToolbar__actions{flex-wrap:wrap;justify-content:flex-start}.studentsSearch{flex:320px;width:auto}.studentsFilters{flex-wrap:wrap}}@media (width<=1250px){.studentsCardsGrid{grid-template-columns:repeat(3,minmax(230px,1fr))}}@media (width<=1050px){.studentsHero{grid-template-columns:1fr}.studentsHero__stats{grid-template-columns:repeat(4,1fr)}.studentsFilters{width:100%}.studentsSelectBox{flex:1;width:auto;min-width:190px}}@media (width<=900px){.studentsCardsGrid{grid-template-columns:repeat(2,minmax(220px,1fr))}.studentsHero__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.studentsPage{padding:16px}.studentsHero{border-radius:28px;padding:20px}.studentsHero__main{flex-direction:column;align-items:flex-start}.studentsHero__brand{border-radius:28px;width:104px;height:104px}.studentsHero__brand img{border-radius:22px}.studentsHero__stats{grid-template-columns:1fr}.studentsPanel{border-radius:26px;padding:16px}.studentsToolbar__actions{flex-direction:column;align-items:stretch}.studentsViewSwitch{justify-content:center;width:100%}.studentsViewSwitch button{flex:1}.studentsFilters{flex-direction:column;align-items:stretch;width:100%}.studentsSelectBox{width:100%;min-width:100%}.studentsFilters__clear{width:100%}.studentsSearch{flex:none;width:100%}.studentsCardsGrid{grid-template-columns:1fr}.studentsPagination{flex-wrap:wrap}}:root{--sd-purple:#962585;--sd-purple-2:#b63aa4;--sd-purple-dark:#65105c;--sd-purple-deep:#420a3d;--sd-purple-soft:#f8edf6;--sd-purple-light:#fff7fd;--sd-bg:#fff8fd;--sd-card:#ffffffdb;--sd-card-solid:#fff;--sd-text:#261020;--sd-muted:#806075;--sd-muted-2:#a9879e;--sd-border:#96258526;--sd-border-strong:#96258542;--sd-shadow:0 26px 90px #580f4e26;--sd-shadow-soft:0 16px 42px #580f4e17;--sd-shadow-hover:0 22px 55px #580f4e26;--sd-radius-lg:36px;--sd-radius-md:26px;--sd-radius-sm:18px}.studentDetailsPage{min-height:100vh;color:var(--sd-text);background:radial-gradient(circle at 88% 8%,#9625852e,#0000 30%),radial-gradient(circle at 12% 92%,#9625851a,#0000 32%),linear-gradient(135deg,#fff 0%,#fff7fd 48%,#f7edf6 100%);padding:28px;font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studentDetailsHero{border-radius:var(--sd-radius-lg);border:1px solid var(--sd-border);box-shadow:var(--sd-shadow);isolation:isolate;background:linear-gradient(135deg,#fffffff0,#fff7fde6),linear-gradient(135deg,#96258521,#0000);padding:28px;position:relative;overflow:hidden}.studentDetailsHero:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--sd-purple), var(--sd-purple-dark));border-radius:999px;width:8px;position:absolute;top:28px;bottom:28px;box-shadow:0 0 30px #9625856b}.studentDetailsHero:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#0000 0%,#ffffff85 38%,#0000 62%);animation:8s ease-in-out infinite studentHeroShine;position:absolute;inset:0;transform:translate(110%)}@keyframes studentHeroShine{0%,42%{transform:translate(110%)}72%,to{transform:translate(-110%)}}.studentDetailsHero__decor{pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.studentDetailsHero__decor--one{inset-inline-end:-130px;background:radial-gradient(circle,#96258529,#96258508 65%,#0000);width:320px;height:320px;top:-140px}.studentDetailsHero__decor--two{inset-inline-start:18%;background:radial-gradient(circle,#9625851f,#96258508 65%,#0000);width:210px;height:210px;bottom:-115px}.studentDetailsBackBtn{z-index:2;cursor:pointer;color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff40, transparent 28%), linear-gradient(135deg, var(--sd-purple-2), var(--sd-purple-dark));border:0;border-radius:16px;height:44px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:1000;transition:all .22s;position:relative;box-shadow:0 14px 28px #9625853d}.studentDetailsBackBtn:hover{transform:translateY(-3px);box-shadow:0 18px 38px #96258552}.studentDetailsBackBtn:active{transform:translateY(-1px)scale(.98)}.studentDetailsProfile{z-index:2;align-items:center;gap:28px;margin-top:26px;display:flex;position:relative}.studentDetailsAvatar{background:#fff;border:3px solid #9625853d;border-radius:42px;flex:none;width:166px;height:166px;transition:all .28s;position:relative;overflow:hidden;box-shadow:0 24px 50px #96258538,inset 0 0 0 8px #9625850a}.studentDetailsAvatar:before{content:"";border-radius:inherit;opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#96258573,#0000 48%,#96258538);transition:all .28s;position:absolute;inset:-3px}.studentDetailsAvatar:hover{transform:translateY(-6px)rotate(-1deg);box-shadow:0 30px 68px #96258547,inset 0 0 0 8px #9625850b}.studentDetailsAvatar:hover:before{opacity:1}.studentDetailsAvatar img{object-fit:cover;width:100%;height:100%;display:block}.studentDetailsMainInfo{min-width:0}.studentDetailsBadge{width:fit-content;color:var(--sd-purple-dark);background:#96258517;border:1px solid #96258521;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:1000;display:inline-flex}.studentDetailsBadge:before{content:"";background:var(--sd-purple);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #9625851a}.studentDetailsMainInfo h1{color:var(--sd-purple-dark);letter-spacing:-.8px;text-shadow:0 8px 26px #96258514;margin:13px 0 0;font-size:clamp(32px,4vw,52px);font-weight:1000;line-height:1.15}.studentDetailsMeta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.studentDetailsMeta span{min-height:36px;color:var(--sd-muted);background:#ffffffd6;border:1px solid #96258521;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 10px 24px #580f4e0f}.studentDetailsMeta span:hover{color:var(--sd-purple-dark);border-color:#96258542;transform:translateY(-2px)}.studentQuickStats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-top:22px;display:grid}.studentQuickStat{background:linear-gradient(#fffffff5,#fff7fddb),#fff;border:1px solid #96258521;border-radius:26px;min-height:106px;padding:18px;transition:all .22s;position:relative;overflow:hidden;box-shadow:0 14px 34px #580f4e14}.studentQuickStat:before{content:"";inset-inline-end:-36px;background:#96258514;border-radius:999px;width:92px;height:92px;transition:all .22s;position:absolute;top:-36px}.studentQuickStat:hover{border-color:#96258547;transform:translateY(-5px);box-shadow:0 22px 50px #580f4e24}.studentQuickStat:hover:before{background:#9625851f;transform:scale(1.25)}.studentQuickStat--primary{background:linear-gradient(135deg,#9625851f,#ffffffeb),#fff}.studentQuickStat span{color:var(--sd-purple);font-size:34px;font-weight:1000;line-height:1;display:block;position:relative}.studentQuickStat p{color:var(--sd-muted);margin:9px 0 0;font-size:13px;font-weight:900;position:relative}.studentDetailsPanel{border:1px solid var(--sd-border);box-shadow:var(--sd-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffe0,#fff7fdc7),#ffffffd1;border-radius:34px;margin-top:24px;padding:24px;position:relative;overflow:hidden}.studentDetailsPanel:before{content:"";inset-inline-end:-70px;pointer-events:none;background:#96258512;border-radius:999px;width:170px;height:170px;position:absolute;top:-70px}.studentDetailsPanelHeader{z-index:1;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex;position:relative}.studentDetailsPanelHeader span{color:var(--sd-purple);background:#96258517;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:1000;display:inline-flex}.studentDetailsPanelHeader h2{color:var(--sd-purple-dark);margin:9px 0 0;font-size:27px;font-weight:1000;line-height:1.25}.studentDetailsId{background:#ffffffeb;border:1px solid #96258521;border-radius:20px;max-width:390px;padding:13px 15px;transition:all .22s;box-shadow:0 12px 30px #580f4e0f}.studentDetailsId:hover{box-shadow:var(--sd-shadow-hover);border-color:#96258547;transform:translateY(-3px)}.studentDetailsId small{color:var(--sd-muted);margin-bottom:5px;font-size:11px;font-weight:1000;display:block}.studentDetailsId strong{color:var(--sd-purple-dark);word-break:break-all;font-size:12px;font-weight:1000;display:block}.studentDetailsTabs{z-index:1;background:#ffffffb8;border:1px solid #9625851c;border-radius:22px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:8px;display:flex;position:relative;box-shadow:0 12px 28px #580f4e0f}.studentDetailsTabs button{cursor:pointer;min-height:44px;color:var(--sd-muted);background:0 0;border:0;border-radius:16px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .2s}.studentDetailsTabs button:hover{color:var(--sd-purple);background:#96258512}.studentDetailsTabs button.isActive{color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff3d, transparent 28%), linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));box-shadow:0 14px 28px #9625853d}.studentDetailsGrid{z-index:1;grid-template-columns:repeat(4,minmax(190px,1fr));gap:15px;display:grid;position:relative}.studentDetailsInfoCard{background:linear-gradient(#fffffffa,#fff7fdeb),#fff;border:1px solid #9625851f;border-radius:26px;min-height:104px;padding:17px;transition:all .23s;position:relative;overflow:hidden;box-shadow:0 12px 30px #580f4e11}.studentDetailsInfoCard:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--sd-purple), var(--sd-purple-dark));opacity:.65;border-radius:999px;width:4px;transition:all .23s;position:absolute;top:18px;bottom:18px}.studentDetailsInfoCard:after{content:"";inset-inline-end:-34px;background:#96258512;border-radius:999px;width:84px;height:84px;transition:all .23s;position:absolute;top:-34px}.studentDetailsInfoCard:hover{border-color:var(--sd-border-strong);box-shadow:var(--sd-shadow-hover);transform:translateY(-6px)}.studentDetailsInfoCard:hover:before{opacity:1;width:5px}.studentDetailsInfoCard:hover:after{background:#9625851c;transform:scale(1.28)}.studentDetailsInfoCard span{z-index:1;color:var(--sd-muted-2);margin-bottom:9px;font-size:12px;font-weight:1000;display:block;position:relative}.studentDetailsInfoCard strong{z-index:1;color:var(--sd-text);word-break:break-word;font-size:15px;font-weight:1000;line-height:1.75;display:block;position:relative}.studentDetailsEmpty{text-align:center;border:1px solid var(--sd-border);min-height:calc(100vh - 56px);box-shadow:var(--sd-shadow-soft);background:linear-gradient(#ffffffeb,#fff7fdd1),#ffffffe0;border-radius:36px;place-items:center;padding:34px;display:grid}.studentDetailsEmpty>*{max-width:560px}.studentDetailsEmpty img{object-fit:contain;background:#fff;border:1px solid #96258529;border-radius:34px;width:128px;height:128px;margin-bottom:15px;box-shadow:0 18px 40px #96258521}.studentDetailsEmpty h2{color:var(--sd-purple-dark);margin:0;font-size:27px;font-weight:1000}.studentDetailsEmpty p{color:var(--sd-muted);margin:10px auto 0;font-weight:800;line-height:1.9}.studentDetailsEmpty button{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));border:0;border-radius:17px;margin-top:20px;padding:13px 26px;font-family:inherit;font-weight:1000;transition:all .2s;box-shadow:0 14px 30px #9625853b}.studentDetailsEmpty button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #96258547}.studentTabEmpty{z-index:1;text-align:center;background:linear-gradient(135deg,#96258514,#fffffff5),#fff;border:1px dashed #9625853d;border-radius:28px;place-items:center;min-height:260px;padding:28px;display:grid;position:relative}.studentTabEmpty__icon{background:var(--sd-purple-soft);width:72px;height:72px;color:var(--sd-purple);border-radius:24px;place-items:center;margin:0 auto 14px;font-size:30px;display:grid;box-shadow:0 14px 30px #9625851c}.studentTabEmpty h3{color:var(--sd-purple-dark);margin:0;font-size:22px;font-weight:1000}.studentTabEmpty p{max-width:520px;color:var(--sd-muted);margin:8px auto 0;font-weight:800;line-height:1.8}.studentAttemptsList{z-index:1;gap:12px;display:grid;position:relative}.studentAttemptRow{background:#fff;border:1px solid #9625851c;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;transition:all .2s;display:flex;box-shadow:0 10px 26px #580f4e0f}.studentAttemptRow:hover{border-color:#96258540;transform:translateY(-3px);box-shadow:0 16px 38px #580f4e1f}.studentAttemptRow strong{color:var(--sd-purple-dark);font-size:15px;font-weight:1000;display:block}.studentAttemptRow span{color:var(--sd-muted);margin-top:4px;font-size:12px;font-weight:800;display:block}.studentAttemptRow p{color:var(--sd-purple-dark);background:#96258514;border-radius:999px;margin:0;padding:7px 13px;font-size:12px;font-weight:1000}.studentReportsGrid{z-index:1;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px;display:grid;position:relative}.studentReportCard{background:#fff;border:1px solid #96258521;border-radius:26px;padding:18px;transition:all .22s;box-shadow:0 14px 34px #580f4e14}.studentReportCard:hover{border-color:#96258547;transform:translateY(-5px);box-shadow:0 22px 50px #580f4e24}.studentReportCard h3{color:var(--sd-purple-dark);margin:0;font-size:18px;font-weight:1000}.studentReportCard p{color:var(--sd-muted);margin:8px 0 0;font-size:13px;font-weight:800}.studentReportCard button{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));border:0;border-radius:15px;width:100%;height:42px;margin-top:15px;font-family:inherit;font-weight:1000;transition:all .2s;box-shadow:0 12px 24px #96258533}.studentReportCard button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #96258545}.studentResultsPageBlock,.varkResultsSection{z-index:1;position:relative}.varkResultsHeader{background:linear-gradient(135deg,#96258514,#fffffff0),#fff;border:1px solid #9625851f;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding:18px;display:flex;box-shadow:0 12px 30px #580f4e0f}.varkResultsHeader span{color:var(--sd-purple);background:#96258517;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.varkResultsHeader h3{color:var(--sd-purple-dark);margin:8px 0 0;font-size:24px;font-weight:1000}.varkResultsHeader p{color:var(--sd-muted);margin:6px 0 0;font-size:13px;font-weight:800;line-height:1.8}.varkResultsHeader button{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));border:0;border-radius:16px;min-width:145px;height:44px;font-family:inherit;font-weight:1000;transition:all .2s;box-shadow:0 12px 24px #96258533}.varkResultsHeader button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #96258545}.varkResultsHeader button:disabled{cursor:not-allowed;opacity:.6}.varkAttemptsGrid{gap:18px;display:grid}.varkAttemptCard{background:linear-gradient(#fffffffa,#fff7fde6),#fff;border:1px solid #96258521;border-radius:30px;padding:20px;transition:all .23s;position:relative;overflow:hidden;box-shadow:0 16px 40px #580f4e14}.varkAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg, transparent, var(--sd-purple), transparent);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.varkAttemptCard:after{content:"";inset-inline-end:-85px;pointer-events:none;background:#96258512;border-radius:999px;width:190px;height:190px;position:absolute;top:-85px}.varkAttemptCard:hover{border-color:#96258547;transform:translateY(-5px);box-shadow:0 24px 58px #580f4e24}.varkAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex;position:relative}.varkAttemptCard__header span{color:var(--sd-purple);background:#96258514;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.varkAttemptCard__header h3{color:var(--sd-purple-dark);margin:9px 0 0;font-size:22px;font-weight:1000}.varkAttemptCard__result{text-align:center;background:radial-gradient(circle at 30% 20%, #ffffff47, transparent 30%), linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));color:#fff;border-radius:20px;min-width:135px;padding:13px 15px;box-shadow:0 14px 30px #96258538}.varkAttemptCard__result small{opacity:.86;font-size:11px;font-weight:900;display:block}.varkAttemptCard__result strong{margin-top:4px;font-size:18px;font-weight:1000;display:block}.varkAttemptCard__charts{z-index:1;grid-template-columns:260px 260px;align-items:center;gap:16px;margin-bottom:18px;display:grid;position:relative}.varkDonutBox,.varkRadarBox{background:#ffffffc2;border:1px solid #9625851a;border-radius:26px;place-items:center;height:230px;display:grid;box-shadow:0 10px 26px #580f4e0e}.varkDonutBox{position:relative}.varkDonut{width:185px;height:185px;transform:rotate(-90deg)}.varkDonut__base{fill:none;stroke:#96258517;stroke-width:13px}.varkDonut__part{fill:none;stroke-width:13px;stroke-linecap:round}.varkDonut__part--v{stroke:#962585}.varkDonut__part--a{stroke:#b85aa9}.varkDonut__part--r{stroke:#d58acc}.varkDonut__part--k{stroke:#6f1a64}.varkDonutCenter{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.varkDonutCenter strong{color:var(--sd-purple-dark);font-size:23px;font-weight:1000}.varkDonutCenter span{color:var(--sd-muted);font-size:12px;font-weight:900}.varkRadar{width:210px;height:210px}.varkRadar__grid{fill:#9625850a;stroke:#96258529;stroke-width:1.5px}.varkRadar__axis{stroke:#96258529;stroke-width:1px}.varkRadar__shape{fill:#9625853b;stroke:var(--sd-purple);stroke-width:2.5px}.varkRadar__label{fill:var(--sd-purple-dark);font-size:12px;font-weight:900}.varkBars{z-index:1;gap:12px;margin-bottom:18px;display:grid;position:relative}.varkBarItem{background:#ffffffb8;border:1px solid #96258517;border-radius:19px;padding:12px}.varkBarItem__head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.varkBarItem__head strong{color:var(--sd-purple-dark);font-size:13px;font-weight:1000}.varkBarItem__head span{color:var(--sd-muted);font-size:12px;font-weight:900}.varkBarTrack{background:#96258514;border-radius:999px;height:12px;overflow:hidden}.varkBarFill{border-radius:inherit;height:100%;transition:width .45s}.varkBarFill--v{background:linear-gradient(90deg,#962585,#b63aa4)}.varkBarFill--a{background:linear-gradient(90deg,#b85aa9,#d58acc)}.varkBarFill--r{background:linear-gradient(90deg,#d58acc,#f0b6e8)}.varkBarFill--k{background:linear-gradient(90deg,#6f1a64,#962585)}.varkAttemptMeta{z-index:1;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.varkAttemptMeta div{background:#fff;border:1px solid #9625851a;border-radius:20px;padding:13px 14px;box-shadow:0 10px 24px #580f4e0d}.varkAttemptMeta span{color:var(--sd-muted);margin-bottom:5px;font-size:11px;font-weight:900;display:block}.varkAttemptMeta strong{color:var(--sd-text);word-break:break-word;font-size:12px;font-weight:1000;line-height:1.6;display:block}.varkMessageBox{z-index:1;background:linear-gradient(135deg,#96258512,#ffffffeb),#fff;border:1px solid #9625851f;border-radius:26px;padding:18px;position:relative}.varkMessageBox h4{color:var(--sd-purple-dark);margin:0;font-size:21px;font-weight:1000}.varkMessageBox>p{color:var(--sd-muted);margin:8px 0 0;font-weight:800;line-height:1.9}.varkMessageColumns{grid-template-columns:repeat(3,minmax(210px,1fr));gap:14px;margin-top:14px;display:grid}.varkMessageColumns div{background:#ffffffd1;border:1px solid #96258517;border-radius:21px;padding:14px}.varkMessageColumns h5{color:var(--sd-purple);margin:0 0 8px;font-size:14px;font-weight:1000}.varkMessageColumns ul{color:var(--sd-muted);margin:0;padding-inline-start:18px;font-size:12px;font-weight:800;line-height:1.9}.varkMessageColumns li{margin-bottom:4px}.ravenResultsSection{margin-top:24px}.ravenResultsHeader{background:linear-gradient(135deg,#65105c17,#fffffff0),#fff}.ravenAttemptsGrid{gap:18px;display:grid}.ravenAttemptCard{background:linear-gradient(#fffffffa,#fff7fde6),#fff;border:1px solid #96258521;border-radius:30px;padding:20px;transition:all .23s;position:relative;overflow:hidden;box-shadow:0 16px 40px #580f4e14}.ravenAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg, transparent, var(--sd-purple), transparent);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.ravenAttemptCard:after{content:"";inset-inline-end:-85px;pointer-events:none;background:#96258512;border-radius:999px;width:190px;height:190px;position:absolute;top:-85px}.ravenAttemptCard:hover{border-color:#96258547;transform:translateY(-5px);box-shadow:0 24px 58px #580f4e24}.ravenAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex;position:relative}.ravenAttemptCard__header span{color:var(--sd-purple);background:#96258514;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.ravenAttemptCard__header h3{color:var(--sd-purple-dark);margin:9px 0 0;font-size:22px;font-weight:1000}.ravenAttemptCard__score{text-align:center;background:radial-gradient(circle at 30% 20%, #ffffff47, transparent 30%), linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));color:#fff;border-radius:20px;min-width:130px;padding:13px 15px;box-shadow:0 14px 30px #96258538}.ravenAttemptCard__score small{opacity:.86;font-size:11px;font-weight:900;display:block}.ravenAttemptCard__score strong{margin-top:4px;font-size:24px;font-weight:1000;display:block}.ravenAttemptCard__body{z-index:1;grid-template-columns:260px 1fr;align-items:center;gap:16px;margin-bottom:18px;display:grid;position:relative}.ravenGaugeBox{background:#ffffffc2;border:1px solid #9625851a;border-radius:26px;place-items:center;height:245px;display:grid;box-shadow:0 10px 26px #580f4e0e}.ravenGauge{border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:0 18px 34px #9625851f}.ravenGauge__inner{text-align:center;background:#fff;border:1px solid #9625851f;border-radius:50%;place-content:center;width:112px;height:112px;display:grid}.ravenGauge__inner strong{color:var(--sd-purple-dark);font-size:34px;font-weight:1000;line-height:1}.ravenGauge__inner span{color:var(--sd-muted);margin-top:6px;font-size:11px;font-weight:900}.ravenGaugeLabel{text-align:center}.ravenGaugeLabel strong{color:var(--sd-purple-dark);margin-top:10px;font-size:18px;font-weight:1000;display:block}.ravenGaugeLabel span{color:var(--sd-muted);margin-top:4px;font-size:12px;font-weight:900;display:block}.ravenBars{gap:12px;display:grid}.ravenBarItem{background:#ffffffbd;border:1px solid #96258517;border-radius:20px;padding:13px}.ravenBarItem__head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.ravenBarItem__head strong{color:var(--sd-purple-dark);font-size:13px;font-weight:1000}.ravenBarItem__head span{color:var(--sd-muted);font-size:12px;font-weight:900}.ravenBarTrack{background:#96258514;border-radius:999px;height:13px;overflow:hidden}.ravenBarFill{border-radius:inherit;height:100%;transition:width .45s}.ravenAttemptMeta{z-index:1;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.ravenAttemptMeta div{background:#fff;border:1px solid #9625851a;border-radius:20px;padding:13px 14px;box-shadow:0 10px 24px #580f4e0d}.ravenAttemptMeta span{color:var(--sd-muted);margin-bottom:5px;font-size:11px;font-weight:900;display:block}.ravenAttemptMeta strong{color:var(--sd-text);word-break:break-word;font-size:13px;font-weight:1000;line-height:1.6;display:block}.ravenMessageBox{z-index:1;background:linear-gradient(135deg,#96258512,#ffffffeb),#fff;border:1px solid #9625851f;border-radius:26px;padding:18px;position:relative}.ravenMessageBox h4{color:var(--sd-purple-dark);margin:0;font-size:20px;font-weight:1000}.ravenMessageBox p{color:var(--sd-muted);margin:8px 0 0;font-size:14px;font-weight:800;line-height:1.9}@media (width<=1180px){.studentDetailsGrid{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media (width<=1050px){.studentQuickStats,.studentReportsGrid,.varkAttemptCard__charts{grid-template-columns:repeat(2,minmax(220px,1fr))}.varkAttemptMeta,.ravenAttemptMeta{grid-template-columns:repeat(2,minmax(160px,1fr))}.varkMessageColumns{grid-template-columns:1fr}}@media (width<=900px){.studentDetailsGrid{grid-template-columns:repeat(2,minmax(190px,1fr))}.studentDetailsPanelHeader{flex-direction:column;align-items:stretch}.studentDetailsId{max-width:none}.ravenAttemptCard__body{grid-template-columns:1fr}}@media (width<=680px){.studentDetailsPage{padding:16px}.studentDetailsHero{border-radius:28px;padding:20px}.studentDetailsHero:before{width:6px;top:20px;bottom:20px}.studentDetailsProfile{flex-direction:column;align-items:flex-start;gap:18px}.studentDetailsAvatar{border-radius:32px;width:128px;height:128px}.studentDetailsMainInfo h1{font-size:30px}.studentQuickStats,.studentReportsGrid{grid-template-columns:1fr}.studentDetailsPanel{border-radius:26px;padding:16px}.studentDetailsPanelHeader h2{font-size:23px}.studentDetailsTabs{grid-template-columns:1fr 1fr;display:grid}.studentDetailsTabs button{width:100%}.studentDetailsGrid{grid-template-columns:1fr}.studentDetailsInfoCard{min-height:92px}.studentAttemptRow{flex-direction:column;align-items:flex-start}.varkResultsHeader{flex-direction:column;align-items:stretch}.varkResultsHeader button{width:100%}.varkAttemptCard,.ravenAttemptCard{border-radius:24px;padding:16px}.varkAttemptCard__header,.ravenAttemptCard__header{flex-direction:column}.varkAttemptCard__result,.ravenAttemptCard__score{width:100%}.varkAttemptCard__charts,.varkAttemptMeta,.ravenAttemptMeta{grid-template-columns:1fr}.varkDonutBox,.varkRadarBox{height:210px}.ravenGaugeBox{height:220px}}@media (prefers-reduced-motion:reduce){.studentDetailsHero:after,.studentDetailsBackBtn,.studentDetailsAvatar,.studentDetailsMeta span,.studentDetailsId,.studentDetailsInfoCard,.studentDetailsEmpty button,.studentQuickStat,.varkAttemptCard,.ravenAttemptCard{transition:none;animation:none}.studentDetailsBackBtn:hover,.studentDetailsAvatar:hover,.studentDetailsMeta span:hover,.studentDetailsId:hover,.studentDetailsInfoCard:hover,.studentDetailsEmpty button:hover,.studentQuickStat:hover,.varkAttemptCard:hover,.ravenAttemptCard:hover{transform:none}}.examResultPicker{z-index:1;background:radial-gradient(circle at 12% 20%,#ffc1071f,#0000 26%),radial-gradient(circle at 90% 85%,#2196f31c,#0000 28%),linear-gradient(135deg,#fffffff5,#fff7fde0);border:1px solid #96258521;border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:20px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #580f4e14}.examResultPicker:before{content:"";inset-inline-end:-80px;pointer-events:none;background:#96258512;border-radius:999px;width:170px;height:170px;position:absolute;top:-80px}.examResultPicker__info{z-index:1;position:relative}.examResultPicker__info span{color:var(--sd-purple);background:#96258517;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:1000;display:inline-flex}.examResultPicker__info h3{color:var(--sd-purple-dark);margin:9px 0 0;font-size:24px;font-weight:1000;line-height:1.25}.examResultPicker__info p{color:var(--sd-muted);margin:6px 0 0;font-size:13px;font-weight:800;line-height:1.8}.examResultPicker__buttons{z-index:1;background:#ffffffc7;border:1px solid #9625851a;border-radius:24px;gap:10px;padding:7px;display:flex;position:relative;box-shadow:0 10px 26px #580f4e0f}.examResultPicker__buttons button{cursor:pointer;min-width:138px;height:62px;color:var(--sd-muted);background:0 0;border:0;border-radius:19px;font-family:inherit;transition:all .22s}.examResultPicker__buttons button span{font-size:16px;font-weight:1000;display:block}.examResultPicker__buttons button small{opacity:.82;margin-top:4px;font-size:11px;font-weight:900;display:block}.examResultPicker__buttons button:hover{color:var(--sd-purple-dark);background:#9625850f;transform:translateY(-2px)}.examResultPicker__buttons button.isActive{color:#fff;box-shadow:0 14px 28px #580f4e2b}.resultAnimatedBlock{animation:.28s both resultFadeUp}@keyframes resultFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.varkHeaderColor{background:radial-gradient(circle at 12% 20%,#96258521,#0000 28%),radial-gradient(circle at 92% 82%,#ffc10721,#0000 28%),linear-gradient(135deg,#fffffff5,#fff7fde6)}.ravenHeaderColor{background:radial-gradient(circle at 12% 20%,#2f80ed21,#0000 28%),radial-gradient(circle at 92% 82%,#7b2cbf1f,#0000 28%),linear-gradient(135deg,#fffffff5,#f7faffeb)}.varkAttemptCard{background:radial-gradient(circle at 96% 8%,#ffc10714,#0000 22%),linear-gradient(#fffffffa,#fff7fde6),#fff}.varkDonutBox{background:radial-gradient(circle at 20% 15%,#ffc10717,#0000 28%),#ffffffc7}.varkRadarBox{background:radial-gradient(circle at 80% 20%,#4caf5014,#0000 28%),#ffffffc7}.ravenAttemptCard{background:radial-gradient(circle at 96% 8%,#2f80ed17,#0000 23%),linear-gradient(#fffffffa,#f7fafff0),#fff}.ravenGaugeBox{background:radial-gradient(circle at 18% 15%,#2f80ed17,#0000 28%),#ffffffc7}.ravenGauge{box-shadow:0 18px 34px #2f80ed1f,0 0 0 8px #2f80ed0a}.ravenBarFill--correct{background:linear-gradient(90deg,#2f80ed,#56ccf2)}.ravenBarFill--wrong{background:linear-gradient(90deg,#f2c94c,#f2994a)}.ravenBarFill--score{background:linear-gradient(90deg,#7b2cbf,#962585)}@media (width<=850px){.examResultPicker{grid-template-columns:1fr}.examResultPicker__buttons{width:100%}.examResultPicker__buttons button{flex:1;min-width:0}}@media (width<=520px){.examResultPicker__buttons{flex-direction:column}.examResultPicker__buttons button{width:100%}}.varkDonutModernBox{background:radial-gradient(circle at 18% 15%,#ffc1071a,#0000 28%),radial-gradient(circle at 85% 82%,#2f80ed17,#0000 28%),#ffffffd1;border:1px solid #9625851f;border-radius:28px;grid-template-columns:180px 1fr;align-items:center;gap:16px;height:260px;padding:16px;display:grid;box-shadow:0 12px 30px #580f4e0f}.varkDonutModernWrap{place-items:center;width:176px;height:176px;display:grid;position:relative}.varkDonutModern{filter:drop-shadow(0 14px 22px #580f4e1f);width:176px;height:176px;transform:rotate(-90deg)}.varkDonutModern__base{fill:none;stroke:#96258514;stroke-width:14px}.varkDonutModern__part{fill:none;stroke-width:14px;stroke-linecap:round;transition:all .35s}.varkDonutModern__part--visual{stroke:#962585}.varkDonutModern__part--audio{stroke:#2f80ed}.varkDonutModern__part--read{stroke:#f2994a}.varkDonutModern__part--kinesthetic{stroke:#27ae60}.varkDonutModernCenter{text-align:center;background:linear-gradient(#fff,#fff7fd);border:1px solid #96258524;border-radius:50%;place-content:center;width:104px;height:104px;display:grid;position:absolute;box-shadow:inset 0 0 0 7px #96258509,0 12px 24px #580f4e14}.varkDonutModernCenter small{color:var(--sd-muted);font-size:10px;font-weight:900}.varkDonutModernCenter strong{color:var(--sd-purple-dark);margin-top:2px;font-size:31px;font-weight:1000;line-height:1}.varkDonutModernCenter span{color:var(--sd-purple);margin-top:4px;font-size:11px;font-weight:1000}.varkDonutLegend{gap:9px;display:grid}.varkDonutLegend__item{background:#ffffffc7;border:1px solid #96258517;border-radius:17px;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:9px 11px;transition:all .2s;display:flex}.varkDonutLegend__item:hover{background:#fff;border-color:#9625852e;transform:translate(-4px);box-shadow:0 10px 24px #580f4e14}.varkDonutLegend__item div{align-items:center;gap:7px;min-width:0;display:flex}.varkDonutLegend__item strong{color:var(--sd-purple-dark);font-size:13px;font-weight:1000}.varkDonutLegend__item span{color:var(--sd-muted);white-space:nowrap;font-size:12px;font-weight:900}.varkDonutLegend__item b{text-align:center;min-width:46px;color:var(--sd-purple-dark);background:#96258514;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:1000}.varkDot{border-radius:999px;flex:none;width:11px;height:11px}.varkDot--visual{background:#962585}.varkDot--audio{background:#2f80ed}.varkDot--read{background:#f2994a}.varkDot--kinesthetic{background:#27ae60}.varkAttemptCard__charts{grid-template-columns:minmax(420px,1.1fr) 260px}@media (width<=900px){.varkAttemptCard__charts{grid-template-columns:1fr}.varkDonutModernBox{grid-template-columns:1fr;justify-items:center;height:auto}.varkDonutLegend{width:100%}}@media (width<=520px){.varkDonutModernBox{padding:14px}.varkDonutModernWrap,.varkDonutModern{width:150px;height:150px}.varkDonutModernCenter{width:92px;height:92px}.varkDonutModernCenter strong{font-size:26px}.varkDonutLegend__item{flex-direction:column;align-items:flex-start}.varkDonutLegend__item b{align-self:flex-end}}.examResultPicker__buttons button.isActive.isPuzzle{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#27ae60,#2f80ed)}.puzzleHeaderColor{background:radial-gradient(circle at 12% 20%,#27ae6021,#0000 28%),radial-gradient(circle at 92% 82%,#2f80ed21,#0000 28%),linear-gradient(135deg,#fffffff5,#f7fffaeb)}.puzzleResultsSection{margin-top:0}.puzzleAttemptsGrid{gap:18px;display:grid}.puzzleAttemptCard{background:radial-gradient(circle at 96% 8%,#27ae6017,#0000 23%),linear-gradient(#fffffffa,#f7fffaf0),#fff;border:1px solid #27ae602e;border-radius:30px;padding:20px;transition:all .23s;position:relative;overflow:hidden;box-shadow:0 16px 40px #27ae6014}.puzzleAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg,#0000,#27ae60,#0000);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.puzzleAttemptCard:after{content:"";inset-inline-end:-85px;pointer-events:none;background:#27ae6014;border-radius:999px;width:190px;height:190px;position:absolute;top:-85px}.puzzleAttemptCard:hover{border-color:#27ae6052;transform:translateY(-5px);box-shadow:0 24px 58px #27ae6024}.puzzleAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex;position:relative}.puzzleAttemptCard__header span{color:#1d7f46;background:#27ae601a;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.puzzleAttemptCard__header h3{color:#176b3a;margin:9px 0 0;font-size:22px;font-weight:1000}.puzzleAttemptCard__score{text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#27ae60,#1d7f46);border-radius:20px;min-width:150px;padding:13px 15px;box-shadow:0 14px 30px #27ae6038}.puzzleAttemptCard__score small{opacity:.86;font-size:11px;font-weight:900;display:block}.puzzleAttemptCard__score strong{margin-top:4px;font-size:15px;font-weight:1000;display:block}.puzzleAttemptCard__body{z-index:1;grid-template-columns:260px 1fr;align-items:center;gap:16px;margin-bottom:18px;display:grid;position:relative}.puzzleGaugeBox{background:radial-gradient(circle at 18% 15%,#27ae6017,#0000 28%),#ffffffc7;border:1px solid #27ae601f;border-radius:26px;place-items:center;height:245px;display:grid;box-shadow:0 10px 26px #27ae600e}.puzzleGauge{border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:0 18px 34px #27ae601f,0 0 0 8px #27ae600a}.puzzleGauge__inner{text-align:center;background:#fff;border:1px solid #27ae6021;border-radius:50%;place-content:center;width:112px;height:112px;display:grid}.puzzleGauge__inner strong{color:#176b3a;font-size:34px;font-weight:1000;line-height:1}.puzzleGauge__inner span{color:#668675;margin-top:6px;font-size:11px;font-weight:900}.puzzleGaugeLabel{text-align:center}.puzzleGaugeLabel strong{color:#176b3a;margin-top:10px;font-size:18px;font-weight:1000;display:block}.puzzleGaugeLabel span{color:#668675;margin-top:4px;font-size:12px;font-weight:900;display:block}.puzzleBars{gap:12px;display:grid}.puzzleBarItem{background:#ffffffbd;border:1px solid #27ae601a;border-radius:20px;padding:13px}.puzzleBarItem__head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.puzzleBarItem__head strong{color:#176b3a;font-size:13px;font-weight:1000}.puzzleBarItem__head span{color:#668675;font-size:12px;font-weight:900}.puzzleBarTrack{background:#27ae6017;border-radius:999px;height:13px;overflow:hidden}.puzzleBarFill{border-radius:inherit;height:100%;transition:width .45s}.puzzleBarFill--correct{background:linear-gradient(90deg,#27ae60,#6fcf97)}.puzzleBarFill--time{background:linear-gradient(90deg,#2f80ed,#56ccf2)}.puzzleAttemptMeta{z-index:1;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;display:grid;position:relative}.puzzleAttemptMeta div{background:#fff;border:1px solid #27ae601a;border-radius:20px;padding:13px 14px;box-shadow:0 10px 24px #27ae600d}.puzzleAttemptMeta span{color:#668675;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.puzzleAttemptMeta strong{color:#173b29;word-break:break-word;font-size:13px;font-weight:1000;line-height:1.6;display:block}@media (width<=900px){.puzzleAttemptCard__body{grid-template-columns:1fr}.puzzleAttemptMeta{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=680px){.puzzleAttemptCard{border-radius:24px;padding:16px}.puzzleAttemptCard__header{flex-direction:column}.puzzleAttemptCard__score{width:100%}.puzzleAttemptMeta{grid-template-columns:1fr}.puzzleGaugeBox{height:220px}}.examResultPicker__buttons button.isActive.isHdbi{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#f2994a,#962585)}.hdbiHeaderColor{background:radial-gradient(circle at 12% 20%,#f2994a24,#0000 28%),radial-gradient(circle at 92% 82%,#9625851f,#0000 28%),linear-gradient(135deg,#fffffff5,#fffaf6eb)}.hdbiResultsSection{margin-top:0}.hdbiAttemptsGrid{gap:18px;display:grid}.hdbiAttemptCard{background:radial-gradient(circle at 96% 8%,#f2994a1a,#0000 23%),radial-gradient(circle at 4% 92%,#2f80ed12,#0000 24%),linear-gradient(#fffffffa,#fffaf6f0),#fff;border:1px solid #f2994a33;border-radius:30px;padding:20px;transition:all .23s;position:relative;overflow:hidden;box-shadow:0 16px 40px #580f4e14}.hdbiAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg,#2f80ed,#27ae60,#f2994a,#962585);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.hdbiAttemptCard:after{content:"";inset-inline-end:-85px;pointer-events:none;background:#f2994a14;border-radius:999px;width:190px;height:190px;position:absolute;top:-85px}.hdbiAttemptCard:hover{border-color:#f2994a57;transform:translateY(-5px);box-shadow:0 24px 58px #580f4e24}.hdbiAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex;position:relative}.hdbiAttemptCard__header span{color:#a85b15;background:#f2994a21;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.hdbiAttemptCard__header h3{color:#65105c;margin:9px 0 0;font-size:22px;font-weight:1000}.hdbiAttemptCard__score{text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#f2994a,#962585);border-radius:20px;min-width:145px;padding:13px 15px;box-shadow:0 14px 30px #f2994a33}.hdbiAttemptCard__score small{opacity:.86;font-size:11px;font-weight:900;display:block}.hdbiAttemptCard__score strong{margin-top:4px;font-size:25px;font-weight:1000;line-height:1;display:block}.hdbiAttemptCard__score em{margin-top:5px;font-size:12px;font-style:normal;font-weight:900;display:block}.hdbiAttemptCard__body{z-index:1;grid-template-columns:260px 1fr;align-items:center;gap:16px;margin-bottom:18px;display:grid;position:relative}.hdbiRadarBox{background:radial-gradient(circle at 18% 15%,#f2994a17,#0000 28%),#ffffffc7;border:1px solid #f2994a21;border-radius:26px;place-items:center;height:245px;display:grid;box-shadow:0 10px 26px #580f4e0e}.hdbiRadar{width:220px;height:220px}.hdbiRadar__grid{fill:#f2994a0d;stroke:#96258529;stroke-width:1.5px}.hdbiRadar__axis{stroke:#96258524;stroke-width:1px}.hdbiRadar__shape{fill:#f2994a42;stroke:#f2994a;stroke-width:2.5px}.hdbiRadar__label{fill:#65105c;font-size:13px;font-weight:900}.hdbiBars{gap:12px;display:grid}.hdbiBarItem{background:#ffffffc7;border:1px solid #f2994a1a;border-radius:20px;padding:13px}.hdbiBarItem__head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.hdbiBarItem__head div{align-items:center;gap:7px;min-width:0;display:flex}.hdbiBarItem__head i{border-radius:999px;flex:none;width:11px;height:11px}.hdbiBarItem__head strong{color:#65105c;font-size:13px;font-weight:1000}.hdbiBarItem__head span{color:#806075;white-space:nowrap;font-size:12px;font-weight:900}.hdbiBarItem__head b{color:#65105c;white-space:nowrap;font-size:12px;font-weight:1000}.hdbiBarTrack{background:#f2994a1a;border-radius:999px;height:13px;overflow:hidden}.hdbiBarFill{border-radius:inherit;height:100%;transition:width .45s}.hdbiAttemptMeta{z-index:1;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.hdbiAttemptMeta div{background:#fff;border:1px solid #f2994a1c;border-radius:20px;padding:13px 14px;box-shadow:0 10px 24px #580f4e0d}.hdbiAttemptMeta span{color:#806075;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.hdbiAttemptMeta strong{color:#261020;word-break:break-word;font-size:13px;font-weight:1000;line-height:1.6;display:block}.hdbiTopMessage{z-index:1;background:linear-gradient(135deg,#f2994a14,#ffffffed),#fff;border:1px solid #f2994a21;border-radius:26px;margin-bottom:16px;padding:18px;position:relative}.hdbiTopMessage h4{color:#65105c;margin:0;font-size:20px;font-weight:1000}.hdbiTopMessage p{color:#806075;margin:8px 0 0;font-size:14px;font-weight:800;line-height:1.9}.hdbiCompositeGrid{z-index:1;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid;position:relative}.hdbiCompositeCard{background:#ffffffd6;border:1px solid #f2994a1a;border-radius:22px;min-height:150px;padding:14px;transition:all .2s;box-shadow:0 10px 24px #580f4e0b}.hdbiCompositeCard:hover{border-color:#f2994a42;transform:translateY(-4px);box-shadow:0 18px 38px #580f4e1a}.hdbiCompositeCard__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hdbiCompositeCard__top strong{font-size:19px;font-weight:1000}.hdbiCompositeCard__top span{color:#65105c;background:#96258514;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:1000}.hdbiCompositeCard h4{color:#261020;margin:10px 0 0;font-size:14px;font-weight:1000}.hdbiCompositeCard p{color:#806075;margin:7px 0 0;font-size:12px;font-weight:800;line-height:1.7}@media (width<=1050px){.hdbiAttemptCard__body{grid-template-columns:1fr}.hdbiAttemptMeta{grid-template-columns:repeat(2,minmax(150px,1fr))}.hdbiCompositeGrid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=680px){.hdbiAttemptCard{border-radius:24px;padding:16px}.hdbiAttemptCard__header{flex-direction:column}.hdbiAttemptCard__score{width:100%}.hdbiAttemptMeta,.hdbiCompositeGrid{grid-template-columns:1fr}.hdbiRadarBox{height:220px}}.hdbiChartsGrid{z-index:1;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;margin-bottom:18px;display:grid;position:relative}.hdbiRadarChartCard{background:radial-gradient(circle at 92% 8%,#f2994a17,#0000 24%),linear-gradient(#fffffff7,#fffaf6eb),#fff;border:1px solid #f2994a24;border-radius:28px;min-height:430px;padding:16px;transition:all .22s;position:relative;overflow:hidden;box-shadow:0 12px 30px #580f4e0f}.hdbiRadarChartCard:before{content:"";inset-inline:18px;border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.hdbiRadarChartCard--single:before{background:linear-gradient(90deg,#2f80ed,#27ae60,#f2994a,#962585)}.hdbiRadarChartCard--double:before{background:linear-gradient(90deg,#56ccf2,#6fcf97,#f2c94c,#bb6bd9)}.hdbiRadarChartCard--triple:before{background:linear-gradient(90deg,#1d7f46,#7b2cbf,#2d9cdb,#65105c)}.hdbiRadarChartCard:after{content:"";inset-inline-end:-60px;pointer-events:none;background:#f2994a14;border-radius:999px;width:140px;height:140px;position:absolute;top:-60px}.hdbiRadarChartCard:hover{border-color:#f2994a4d;transform:translateY(-5px);box-shadow:0 22px 50px #580f4e1f}.hdbiRadarChartCard__head{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex;position:relative}.hdbiRadarChartCard__head span{color:#a85b15;background:#f2994a1f;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:1000;display:inline-flex}.hdbiRadarChartCard__head h4{color:#65105c;margin:8px 0 0;font-size:18px;font-weight:1000;line-height:1.35}.hdbiRadarChartCard__head>b{color:#fff;background:linear-gradient(135deg,#f2994a,#962585);border-radius:15px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:1000;display:grid;box-shadow:0 10px 22px #9625852e}.hdbiRadarChartBox{z-index:1;background:radial-gradient(circle at 18% 15%,#f2994a14,#0000 28%),#ffffffc7;border:1px solid #f2994a1a;border-radius:24px;place-items:center;height:230px;margin-bottom:12px;display:grid;position:relative}.hdbiMultiRadar{width:218px;height:218px;overflow:visible}.hdbiMultiRadar__outer{fill:#96258509;stroke:#96258529;stroke-width:2px}.hdbiMultiRadar__axis{stroke:#9625851f;stroke-width:1.2px}.hdbiMultiRadar__shape{stroke-width:4px;stroke-linejoin:round}.hdbiMultiRadar__shape--single{fill:#f2994a38;stroke:#f2994a}.hdbiMultiRadar__shape--double{fill:#2f80ed2e;stroke:#2f80ed}.hdbiMultiRadar__shape--triple{fill:#96258533;stroke:#962585}.hdbiMultiRadar__dot{stroke:#fff;stroke-width:2px}.hdbiMultiRadar__dot--single{fill:#f2994a}.hdbiMultiRadar__dot--double{fill:#2f80ed}.hdbiMultiRadar__dot--triple{fill:#962585}.hdbiMultiRadar__label{fill:#65105c;font-size:16px;font-weight:1000}.hdbiRadarChartLegend{z-index:1;gap:8px;display:grid;position:relative}.hdbiRadarChartLegend__item{background:#ffffffc7;border:1px solid #f2994a1a;border-radius:17px;justify-content:space-between;align-items:center;gap:11px;min-height:42px;padding:9px 11px;transition:all .2s;display:flex}.hdbiRadarChartLegend__item:hover{background:#fff;border-color:#f2994a3d;transform:translate(-3px);box-shadow:0 10px 24px #580f4e12}.hdbiRadarChartLegend__item div{align-items:center;gap:7px;min-width:0;display:flex}.hdbiRadarChartLegend__item i{border-radius:999px;flex:none;width:11px;height:11px}.hdbiRadarChartLegend__item strong{color:#65105c;font-size:13px;font-weight:1000}.hdbiRadarChartLegend__item span{color:#806075;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:900;overflow:hidden}.hdbiRadarChartLegend__item b{text-align:center;color:#65105c;white-space:nowrap;background:#96258514;border-radius:999px;min-width:74px;padding:5px 8px;font-size:11px;font-weight:1000}@media (width<=1200px){.hdbiChartsGrid{grid-template-columns:1fr}.hdbiRadarChartCard{min-height:auto}}@media (width<=680px){.hdbiChartsGrid{gap:12px}.hdbiRadarChartCard{border-radius:22px;padding:14px}.hdbiRadarChartBox{height:210px}.hdbiMultiRadar{width:198px;height:198px}.hdbiRadarChartLegend__item{flex-direction:column;align-items:flex-start}.hdbiRadarChartLegend__item b{align-self:flex-end}}.examResultPicker__buttons button.isActive.isDisc{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#f7374f,#577bc1);box-shadow:0 16px 34px #577bc13d}.discResultsSection{z-index:1;position:relative}.discHeaderColor{background:radial-gradient(circle at 92% 10%,#f7374f1a,#0000 26%),radial-gradient(circle at 8% 90%,#16c47f14,#0000 28%),linear-gradient(135deg,#577bc11a,#fffffff5),#fff;border-color:#f7374f26}.discHeaderColor span{color:#b91c35;background:#f7374f1a}.discHeaderColor button{background:linear-gradient(135deg,#f7374f,#577bc1)}.discAttemptsGrid{gap:18px;display:grid}.discAttemptCard{background:radial-gradient(circle at 96% 6%,#f7374f12,#0000 24%),radial-gradient(circle at 4% 96%,#16c47f0f,#0000 28%),linear-gradient(#fffffffa,#f8fbfff0),#fff;border:1px solid #577bc129;border-radius:30px;padding:22px;transition:all .24s;position:relative;overflow:hidden;box-shadow:0 16px 42px #232d4e14}.discAttemptCard:before{content:"";inset-inline:24px;background:linear-gradient(90deg,#f7374f,#f2c94c,#16c47f,#577bc1);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.discAttemptCard:after{content:"";inset-inline-end:-95px;pointer-events:none;background:#577bc114;border-radius:999px;width:210px;height:210px;position:absolute;top:-95px}.discAttemptCard:hover{border-color:#577bc14d;transform:translateY(-5px);box-shadow:0 24px 60px #232d4e24}.discAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex;position:relative}.discAttemptCard__header span{color:#b91c35;background:#f7374f1a;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:1000;display:inline-flex}.discAttemptCard__header h3{color:var(--sd-purple-dark);margin:9px 0 0;font-size:22px;font-weight:1000;line-height:1.35}.discAttemptCard__score{text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#f7374f,#577bc1);border-radius:22px;min-width:155px;padding:14px 16px;box-shadow:0 15px 32px #577bc133}.discAttemptCard__score small{opacity:.88;font-size:11px;font-weight:900;display:block}.discAttemptCard__score strong{margin-top:5px;font-size:27px;font-weight:1000;line-height:1;display:block}.discAttemptCard__score em{margin-top:6px;font-size:12px;font-style:normal;font-weight:900;display:block}.discAttemptCard__body{z-index:1;grid-template-columns:minmax(360px,1fr) 280px;align-items:stretch;gap:16px;margin-bottom:18px;display:grid;position:relative}.discDonutBox,.discRadarBox{background:radial-gradient(circle at 18% 15%,#577bc114,#0000 28%),#fffc;border:1px solid #577bc11c;border-radius:26px;place-items:center;min-height:270px;display:grid;box-shadow:0 10px 26px #232d4e0e}.discDonutBox{grid-template-columns:220px 1fr;gap:16px;padding:16px}.discDonutWrap{place-items:center;width:178px;height:178px;display:grid;position:relative}.discDonut{width:178px;height:178px;transform:rotate(-90deg)}.discDonut__base{fill:none;stroke:#577bc11a;stroke-width:14px}.discDonut__part{fill:none;stroke-width:14px;stroke-linecap:round;transition:all .3s}.discDonut__part--d{stroke:#f7374f}.discDonut__part--i{stroke:#f2c94c}.discDonut__part--s{stroke:#16c47f}.discDonut__part--c{stroke:#577bc1}.discDonutCenter{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.discDonutCenter small{color:var(--sd-muted);font-size:11px;font-weight:900}.discDonutCenter strong{color:var(--sd-purple-dark);margin-top:3px;font-size:31px;font-weight:1000;line-height:1}.discDonutCenter span{color:var(--sd-muted);margin-top:5px;font-size:12px;font-weight:900}.discDonutLegend{gap:10px;width:100%;display:grid}.discDonutLegend__item{background:#ffffffd1;border:1px solid #577bc117;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;transition:all .2s;display:flex}.discDonutLegend__item:hover{border-color:#577bc133;transform:translateY(-2px);box-shadow:0 12px 24px #232d4e12}.discDonutLegend__item div{align-items:center;gap:8px;display:flex}.discDonutLegend__item strong{color:var(--sd-purple-dark);font-size:14px;font-weight:1000}.discDonutLegend__item span{color:var(--sd-muted);font-size:12px;font-weight:900}.discDonutLegend__item b{color:var(--sd-purple-dark);font-size:13px;font-weight:1000}.discDot{border-radius:999px;flex:none;width:10px;height:10px}.discDot--d{background:#f7374f}.discDot--i{background:#f2c94c}.discDot--s{background:#16c47f}.discDot--c{background:#577bc1}.discRadar{width:224px;height:224px}.discRadar__grid{fill:#577bc10d;stroke:#577bc129;stroke-width:1.5px}.discRadar__axis{stroke:#577bc129;stroke-width:1px}.discRadar__shape{fill:#f7374f2e;stroke:#f7374f;stroke-width:2.5px}.discRadar__label{fill:var(--sd-purple-dark);font-size:13px;font-weight:1000}.discBars{z-index:1;gap:12px;margin-bottom:18px;display:grid;position:relative}.discBarItem{background:#ffffffc2;border:1px solid #577bc117;border-radius:20px;padding:13px;transition:all .2s}.discBarItem:hover{border-color:#577bc133;transform:translateY(-2px);box-shadow:0 12px 26px #232d4e0f}.discBarItem__head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.discBarItem__head strong{color:var(--sd-purple-dark);font-size:13px;font-weight:1000}.discBarItem__head span{color:var(--sd-muted);font-size:12px;font-weight:900}.discBarTrack{background:#577bc114;border-radius:999px;height:12px;overflow:hidden}.discBarFill{border-radius:inherit;height:100%;transition:width .45s}.discBarFill--d{background:linear-gradient(90deg,#f7374f,#ff7b8c)}.discBarFill--i{background:linear-gradient(90deg,#f2c94c,#ffe27a)}.discBarFill--s{background:linear-gradient(90deg,#16c47f,#73e2b8)}.discBarFill--c{background:linear-gradient(90deg,#577bc1,#8da8e2)}.discAttemptMeta{z-index:1;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.discAttemptMeta div{background:#ffffffc7;border:1px solid #577bc11a;border-radius:20px;padding:13px;transition:all .2s}.discAttemptMeta div:hover{transform:translateY(-2px);box-shadow:0 12px 24px #232d4e0f}.discAttemptMeta span{color:var(--sd-muted);margin-bottom:5px;font-size:11px;font-weight:900;display:block}.discAttemptMeta strong{color:var(--sd-purple-dark);word-break:break-word;font-size:13px;font-weight:1000;line-height:1.7}.discMessagesGrid{z-index:1;gap:14px;display:grid;position:relative}.discMessageCard{background:linear-gradient(135deg,#577bc10f,#fffffff5),#fff;border:1px solid #577bc11f;border-radius:26px;padding:18px;box-shadow:0 12px 30px #232d4e0f}.discMessageCard__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.discMessageCard__head>span{color:#fff;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font-size:23px;font-weight:1000;display:grid;box-shadow:0 14px 26px #232d4e21}.discMessageCard__head h4{color:var(--sd-purple-dark);margin:0;font-size:19px;font-weight:1000;line-height:1.45}.discMessageCard__head p{color:var(--sd-muted);margin:4px 0 0;font-size:12px;font-weight:900}.discMessageBlock{background:#ffffffc7;border:1px solid #577bc11a;border-radius:22px;margin-bottom:12px;padding:14px}.discMessageBlock h5,.discMessageColumns h5{color:var(--sd-purple-dark);margin:0 0 8px;font-size:13px;font-weight:1000}.discMessageBlock ul{color:var(--sd-muted);margin:0;padding-inline-start:20px;font-size:13px;font-weight:800;line-height:1.9}.discMessageBlock li::marker{color:#f7374f}.discMessageColumns{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.discMessageColumns div{background:#ffffffc7;border:1px solid #577bc11a;border-radius:22px;padding:14px;transition:all .2s}.discMessageColumns div:hover{border-color:#577bc133;transform:translateY(-2px);box-shadow:0 12px 24px #232d4e0f}.discMessageColumns p{color:var(--sd-muted);margin:0;font-size:13px;font-weight:800;line-height:1.8}@media (width<=1100px){.discAttemptCard__body{grid-template-columns:1fr}.discDonutBox{grid-template-columns:220px 1fr}.discAttemptMeta{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=760px){.discAttemptCard{border-radius:24px;padding:16px}.discAttemptCard__header{flex-direction:column}.discAttemptCard__score{width:100%}.discDonutBox{grid-template-columns:1fr}.discDonutWrap{margin:0 auto}.discAttemptMeta,.discMessageColumns{grid-template-columns:1fr}.discDonutBox,.discRadarBox{min-height:auto}.discRadar{width:200px;height:200px}.discBarItem__head{flex-direction:column;gap:5px}}.disc2ResultsSection{z-index:1;position:relative}.disc2HeaderColor{background:radial-gradient(circle at 12% 18%,#96258529,#0000 32%),linear-gradient(135deg,#fffffff7,#fff7fde6);border-color:#96258529}.examResultPicker__buttons button.isDisc2{box-shadow:0 14px 28px #96258540;color:#fff!important;background:radial-gradient(circle at 30% 20%,#ffffff3d,#0000 30%),linear-gradient(135deg,#962585,#65105c)!important}.disc2AttemptsGrid{gap:20px;display:grid}.disc2AttemptCard{background:radial-gradient(circle at 92% 0,#9625851a,#0000 30%),linear-gradient(#fffffffa,#fff7fdeb);border:1px solid #96258524;border-radius:32px;padding:22px;transition:all .24s;position:relative;overflow:hidden;box-shadow:0 18px 46px #580f4e17}.disc2AttemptCard:before{content:"";inset-inline:28px;background:linear-gradient(90deg,#0000,#962585,#0000);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.disc2AttemptCard:hover{border-color:#96258547;transform:translateY(-5px);box-shadow:0 24px 62px #580f4e26}.disc2AttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex;position:relative}.disc2AttemptCard__header span{color:#962585;background:#96258517;border:1px solid #9625851a;border-radius:999px;width:fit-content;padding:6px 13px;font-size:12px;font-weight:1000;display:inline-flex}.disc2AttemptCard__header h3{color:#65105c;margin:10px 0 0;font-size:25px;font-weight:1000;line-height:1.25}.disc2AttemptCard__header p{color:#806075;max-width:680px;margin:7px 0 0;font-size:13px;font-weight:800;line-height:1.8}.disc2AttemptCard__score{text-align:center;background:radial-gradient(circle at 30% 18%,#fff6,#0000 34%),linear-gradient(135deg,#96258521,#fffffff2);border:1px solid #96258524;border-radius:22px;min-width:150px;padding:15px 16px;box-shadow:0 14px 30px #580f4e14}.disc2AttemptCard__score small,.disc2AttemptCard__score em{color:#806075;font-size:11px;font-style:normal;font-weight:900;display:block}.disc2AttemptCard__score strong{margin:4px 0;font-size:34px;font-weight:1000;line-height:1;display:block}.disc2MetaGrid{z-index:1;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.disc2MetaGrid div{background:#ffffffd1;border:1px solid #9625851a;border-radius:22px;min-height:82px;padding:14px;box-shadow:0 10px 26px #580f4e0e}.disc2MetaGrid span{color:#a9879e;margin-bottom:7px;font-size:11px;font-weight:1000;display:block}.disc2MetaGrid strong{color:#261020;word-break:break-word;font-size:13px;font-weight:1000;line-height:1.7;display:block}.disc2ChartPanel{z-index:1;background:linear-gradient(#fffffff0,#fff7fdd1);border:1px solid #96258521;border-radius:28px;margin-bottom:18px;padding:18px;position:relative;overflow:hidden;box-shadow:0 14px 36px #580f4e13}.disc2ChartPanel__head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.disc2ChartPanel__head span{color:#962585;background:#96258514;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:1000;display:inline-flex}.disc2ChartPanel__head h4{color:#65105c;margin:8px 0 0;font-size:20px;font-weight:1000}.disc2ChartLegendMini{color:#806075;background:#ffffffd6;border:1px solid #9625851a;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:900;display:inline-flex}.disc2ChartLegendMini i{border-radius:999px;width:9px;height:9px}.disc2ChartLegendMini .isMost{background:#f7374f}.disc2ChartLegendMini .isLeast{background:#00bcd4}.disc2ChartLegendMini .isDiff{background:#962585}.disc2ChartBox{background:#fff;border:1px solid #9625851a;border-radius:24px;height:410px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff8c}.disc2SegmentGrid{z-index:1;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.disc2SegmentCard{background:#ffffffd6;border:1px solid #9625851c;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:82px;padding:14px;transition:all .22s;display:grid;box-shadow:0 10px 26px #580f4e0e}.disc2SegmentCard:hover{border-color:#9625853d;transform:translateY(-3px);box-shadow:0 16px 34px #580f4e1c}.disc2SegmentCard__letter{background:#96258513;border-radius:16px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:1000;display:grid}.disc2SegmentCard span,.disc2SegmentCard small{color:#806075;font-size:11px;font-weight:900;display:block}.disc2SegmentCard strong{color:#65105c;margin-top:4px;font-size:14px;font-weight:1000;display:block}.disc2TableWrap{z-index:1;background:#fff;border:1px solid #9625851f;border-radius:24px;margin-bottom:18px;position:relative;overflow:auto;box-shadow:0 12px 30px #580f4e0f}.disc2Table{border-collapse:collapse;width:100%;min-width:760px}.disc2Table th,.disc2Table td{text-align:center;border-bottom:1px solid #96258517;padding:14px 13px;font-size:13px;font-weight:900}.disc2Table th{z-index:2;color:#65105c;background:#fff7fd;font-size:12px;font-weight:1000;position:sticky;top:0}.disc2Table td{color:#261020}.disc2Table td:first-child{text-align:start}.disc2Table td:first-child b{background:#96258512;border-radius:12px;place-items:center;width:32px;height:32px;margin-inline-end:8px;font-size:15px;display:inline-grid}.disc2Table td:first-child span{color:#806075;font-size:12px}.disc2PatternsGrid{z-index:1;gap:14px;display:grid;position:relative}.disc2PatternCard,.disc2PatternEmpty{background:linear-gradient(#fffffff5,#fff7fde0);border:1px solid #96258521;border-radius:26px;overflow:hidden;box-shadow:0 12px 30px #580f4e0f}.disc2PatternCard__head{background:#9625850e;border-bottom:1px solid #96258517;align-items:center;gap:13px;padding:16px;display:flex}.disc2PatternCard__head>span{color:#fff;background:linear-gradient(135deg,#962585,#65105c);border-radius:19px;flex:none;place-items:center;width:56px;height:56px;font-size:17px;font-weight:1000;display:grid;box-shadow:0 14px 28px #96258533}.disc2PatternCard__head small{color:#a9879e;font-size:11px;font-weight:1000;display:block}.disc2PatternCard__head h4{color:#65105c;margin:4px 0 0;font-size:18px;font-weight:1000}.disc2PatternCard__body{gap:9px;padding:16px;display:grid}.disc2PatternCard__body p{color:#806075;background:#ffffffc2;border:1px solid #96258514;border-radius:16px;margin:0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.85}.disc2PatternEmpty{text-align:center;place-items:center;min-height:120px;padding:20px;display:grid}.disc2PatternEmpty strong{color:#65105c;font-size:17px;font-weight:1000}.disc2PatternEmpty span{color:#806075;margin-top:4px;font-size:13px;font-weight:800}@media (width<=1100px){.disc2MetaGrid,.disc2SegmentGrid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=760px){.disc2AttemptCard{border-radius:26px;padding:16px}.disc2AttemptCard__header,.disc2ChartPanel__head{display:grid}.disc2AttemptCard__score{width:100%}.disc2MetaGrid,.disc2SegmentGrid{grid-template-columns:1fr}.disc2ChartBox{height:350px;padding:8px}}.hollandResultsSection{z-index:1;position:relative}.hollandHeaderColor{background:linear-gradient(135deg,#96258514,#fffffff2),#fff}.examResultPicker__buttons button.isHolland.isActive{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff3d,#0000 28%),linear-gradient(135deg,#962585,#65105c)}.hollandAttemptsGrid,.hollandResultsWrap{gap:18px;display:grid}.hollandAttemptCard{background:linear-gradient(#fffffffa,#fff7fde6),#fff;border:1px solid #96258521;border-radius:30px;padding:20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #580f4e14}.hollandAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg,#0000,#962585,#0000);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.hollandAttemptCard--overall{background:radial-gradient(circle at 92% 8%,#9625851a,#0000 28%),linear-gradient(#fff,#fff7fd)}.hollandAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex;position:relative}.hollandAttemptCard__header span{color:#962585;background:#96258514;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.hollandAttemptCard__header h3{color:#65105c;margin:9px 0 0;font-size:22px;font-weight:1000}.hollandAttemptCard__header p{color:#806075;margin:7px 0 0;font-size:13px;font-weight:800}.hollandCodeBox{text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff3d,#0000 30%),linear-gradient(135deg,#962585,#65105c);border-radius:22px;min-width:150px;padding:14px 16px;box-shadow:0 14px 30px #96258538}.hollandCodeBox small,.hollandCodeBox em{opacity:.88;font-size:11px;font-style:normal;font-weight:900;display:block}.hollandCodeBox strong{letter-spacing:1px;margin:4px 0;font-size:26px;font-weight:1000;display:block}.hollandHexBox{background:#ffffffc2;border:1px solid #9625851a;border-radius:26px;place-items:center;min-height:260px;display:grid;box-shadow:0 10px 26px #580f4e0e}.hollandHexChart{width:230px;height:230px}.hollandHexChart__grid{fill:#9625850a;stroke:#96258529;stroke-width:1.5px}.hollandHexChart__axis{stroke:#96258524;stroke-width:1px}.hollandHexChart__shape{fill:#96258538;stroke:#962585;stroke-width:2.5px}.hollandHexChart__label{fill:#806075;font-size:12px;font-weight:900}.hollandHexChart__label.isActive{fill:#65105c;font-size:15px;font-weight:1000}.hollandBars{gap:12px;display:grid}.hollandBarItem{background:#ffffffd6;border:1px solid #9625851a;border-radius:19px;padding:12px}.hollandBarItem__head{justify-content:space-between;gap:12px;margin-bottom:9px;display:flex}.hollandBarItem__head div{align-items:center;gap:9px;display:flex}.hollandBarItem__head span{color:#fff;border-radius:11px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.hollandBarItem__head strong{color:#261020;font-size:16px;font-weight:1000}.hollandBarItem__head em{color:#806075;font-size:12px;font-style:normal;font-weight:900}.hollandBarItem__head b{color:#65105c;font-size:16px;font-weight:1000}.hollandBarTrack{background:#96258514;border-radius:999px;height:10px;overflow:hidden}.hollandBarFill{border-radius:inherit;height:100%}.hollandProfessionBox,.hollandLocalNote,.hollandReportBox{background:#ffffffd1;border:1px solid #9625851c;border-radius:24px;margin-top:16px;padding:16px}.hollandProfessionBox span{color:#806075;margin-bottom:6px;font-size:12px;font-weight:1000;display:block}.hollandProfessionBox strong{color:#65105c;font-size:18px;font-weight:1000;line-height:1.8}.hollandSuggestionsGrid{grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px;margin-top:16px;display:grid}.hollandSuggestionCard{background:#ffffffc7;border:1px solid #9625851c;border-radius:22px;padding:15px}.hollandSuggestionCard h4,.hollandReportBox h4{color:#65105c;margin:0 0 11px;font-size:16px;font-weight:1000}.hollandSuggestionCard h4 span{margin-inline-end:7px}.hollandSuggestionTags{flex-wrap:wrap;gap:8px;display:flex}.hollandSuggestionTags span{color:#65105c;background:#96258514;border:1px solid #9625851a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.hollandLocalNote strong{color:#65105c;font-size:15px;font-weight:1000;display:block}.hollandLocalNote p,.hollandReportBox p{color:#806075;margin:8px 0 0;font-size:14px;font-weight:800;line-height:1.95}.hollandReportBox button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#962585,#65105c);border:0;border-radius:14px;margin-top:12px;padding:10px 16px;font-family:inherit;font-weight:1000}.hollandAttemptsTitle{padding:8px 4px 0}.hollandAttemptsTitle span{color:#962585;background:#96258514;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.hollandAttemptsTitle h3{color:#65105c;margin:9px 0 0;font-size:22px;font-weight:1000}@media (width<=900px){.hollandMainGrid,.hollandSuggestionsGrid{grid-template-columns:1fr}.hollandAttemptCard__header{flex-direction:column}.hollandCodeBox{width:100%}}.hollandMainGrid{direction:rtl;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.hollandBars{gap:12px;min-width:0;display:grid}.hollandPolarBox{background:#ffffffc2;border:1px solid #9625851a;border-radius:26px;gap:12px;width:100%;min-width:0;padding:14px;display:grid;overflow:hidden;box-shadow:0 10px 26px #580f4e0e}.hollandPolarChart{width:100%;min-width:0;height:315px;position:relative}.hollandTopLetters{grid-template-columns:1fr;gap:8px;width:100%;min-width:0;display:grid}.hollandTopLetters span{white-space:nowrap;background:#fff;border:1px solid #96258526;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;padding:7px 10px;font-size:12px;font-weight:1000;display:inline-flex;box-shadow:0 8px 18px #580f4e12}@media (width<=1100px){.hollandMainGrid{grid-template-columns:1fr}.hollandPolarChart{height:300px}.hollandTopLetters{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}.learningResultsSection{z-index:1;position:relative}.learningHeaderColor{background:linear-gradient(135deg,#96258514,#fffffff2),#fff}.examResultPicker__buttons button.isLearning.isActive{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff3d,#0000 28%),linear-gradient(135deg,#962585,#65105c);box-shadow:0 14px 28px #9625853d}.learningAttemptsGrid{gap:18px;display:grid}.learningAttemptCard{background:radial-gradient(circle at 92% 8%,#96258514,#0000 28%),linear-gradient(#fffffffa,#fff7fde6),#fff;border:1px solid #96258521;border-radius:30px;padding:20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #580f4e14}.learningAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg,#0000,#962585,#0000);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.learningAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex;position:relative}.learningAttemptCard__header span{color:#962585;background:#96258514;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.learningAttemptCard__header h3{color:#65105c;margin:9px 0 0;font-size:22px;font-weight:1000}.learningAttemptCard__header p{color:#806075;margin:7px 0 0;font-size:13px;font-weight:800;line-height:1.8}.learningAttemptBadge{text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff3d,#0000 30%),linear-gradient(135deg,#962585,#65105c);border-radius:22px;min-width:160px;padding:14px 16px;box-shadow:0 14px 30px #96258538}.learningAttemptBadge small,.learningAttemptBadge em{opacity:.88;font-size:11px;font-style:normal;font-weight:900;display:block}.learningAttemptBadge strong{margin:5px 0;font-size:18px;font-weight:1000;line-height:1.5;display:block}.learningTopCard{background:#ffffffd1;border:1px solid #9625851c;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.learningTopCard span{color:#962585;background:#96258514;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:1000;display:inline-flex}.learningTopCard h4{color:#65105c;margin:9px 0 0;font-size:20px;font-weight:1000}.learningTopCard p{color:#806075;margin:7px 0 0;font-size:14px;font-weight:800}.learningTopScore{color:#fff;border-radius:28px;place-items:center;width:92px;min-height:92px;display:grid;box-shadow:0 14px 30px #580f4e29}.learningTopScore small,.learningTopScore strong{text-align:center;display:block}.learningTopScore small{opacity:.85;font-size:11px;font-weight:900}.learningTopScore strong{font-size:28px;font-weight:1000}.learningMainGrid{grid-template-columns:360px 1fr;align-items:start;gap:16px;display:grid}.learningPolarBox{background:#ffffffc2;border:1px solid #9625851a;border-radius:26px;gap:14px;min-height:330px;padding:14px;display:grid;box-shadow:0 10px 26px #580f4e0e}.learningPolarChart{width:100%;height:300px;position:relative}.learningBarsGrid{gap:12px;display:grid}.learningDimCard{background:#ffffffd1;border:1px solid #9625851a;border-radius:22px;padding:14px}.learningDimCard__head{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.learningDimCard__head>div{align-items:center;gap:10px;display:flex}.learningDimCard__head span{color:#fff;border-radius:14px;place-items:center;width:38px;height:38px;font-size:16px;display:grid;box-shadow:0 10px 20px #580f4e1a}.learningDimCard__head h4{color:#261020;margin:0;font-size:15px;font-weight:1000}.learningDimCard__head p{color:#806075;margin:4px 0 0;font-size:12px;font-weight:800}.learningDimCard__head strong{color:#65105c;font-size:24px;font-weight:1000}.learningBarTrack{background:#96258514;border-radius:999px;height:10px;overflow:hidden}.learningBarFill{border-radius:inherit;height:100%}.learningDimStats{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.learningDimStats span{color:#65105c;background:#96258514;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.learningInterpretation{background:#fff;border:1px solid #9625851c;border-radius:17px;margin-top:10px;padding:10px 12px}.learningInterpretation b{margin-bottom:4px;font-size:12px;font-weight:1000;display:block}.learningInterpretation span{color:#806075;font-size:13px;font-weight:800;line-height:1.7}.learningInterpretation.isStrong b{color:#16a34a}.learningInterpretation.isMedium b{color:#0ea5e9}.learningInterpretation.isNone b{color:#6b7280}.learningDimDescription{color:#806075;margin:10px 0 0;font-size:12px;font-weight:800;line-height:1.8}.learningReportBox{background:#ffffffd1;border:1px solid #9625851c;border-radius:24px;margin-top:16px;padding:16px}.learningReportBox__head{justify-content:space-between;align-items:center;gap:14px;display:flex}.learningReportBox__head span{color:#962585;background:#96258514;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:1000;display:inline-flex}.learningReportBox__head h4{color:#65105c;margin:8px 0 0;font-size:17px;font-weight:1000}.learningReportBox__head button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#962585,#65105c);border:0;border-radius:15px;padding:10px 15px;font-family:inherit;font-weight:1000}.learningReportList{gap:12px;margin-top:14px;display:grid}.learningReportList article{background:#fff;border:1px solid #96258517;border-radius:18px;padding:13px}.learningReportList h5{color:#65105c;margin:0;font-size:15px;font-weight:1000}.learningReportList p{color:#806075;margin:7px 0 0;font-size:13px;font-weight:800;line-height:1.9}@media (width<=1000px){.learningMainGrid{grid-template-columns:1fr}.learningAttemptCard__header,.learningTopCard,.learningReportBox__head{flex-direction:column;align-items:stretch}.learningAttemptBadge,.learningTopScore{width:100%}}.studentReportA4Card{aspect-ratio:210/297;transform-origin:top;background:#fff;border-radius:10px;width:min(100%,595px);position:relative;overflow:hidden;box-shadow:0 30px 80px #2a0a2638,0 0 0 1px #9625851f}.studentReportA4Card:before{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff5c}.studentReportA4Cover{object-fit:cover;width:100%;height:100%;display:block}@media print{body *{visibility:hidden}.studentReportA4Card,.studentReportA4Card *{visibility:visible}.studentReportA4Card{width:210mm;height:297mm;box-shadow:none;border-radius:0;position:fixed;inset:0}.studentReportA4Cover{object-fit:cover;width:210mm;height:297mm}@page{size:A4 portrait;margin:0}}@media (width<=760px){.studentReportA4Header{flex-direction:column;align-items:stretch}.studentReportPrintBtn{width:100%}.studentReportA4Wrap{border-radius:24px;padding:14px}.studentReportA4Card{border-radius:8px;width:100%}}.studentReportA4Section{z-index:1;gap:22px;display:grid;position:relative}.studentReportA4Header{background:radial-gradient(circle at 12% 20%,#96258521,#0000 28%),radial-gradient(circle at 92% 82%,#c4983926,#0000 28%),linear-gradient(135deg,#fffffffa,#fff7fdeb);border:1px solid #96258524;border-radius:30px;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px;display:flex;box-shadow:0 14px 34px #580f4e14}.studentReportA4Header span{color:var(--sd-purple);background:#96258517;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:1000;display:inline-flex}.studentReportA4Header h3{color:var(--sd-purple-dark);margin:10px 0 0;font-size:25px;font-weight:1000;line-height:1.25}.studentReportA4Header p{max-width:720px;color:var(--sd-muted);margin:8px 0 0;font-size:13px;font-weight:800;line-height:1.9}.studentReportPrintBtn{cursor:pointer;color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff3d, transparent 28%), linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));border:0;border-radius:17px;min-width:150px;height:46px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .22s;box-shadow:0 14px 28px #96258538}.studentReportPrintBtn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #9625854d}.studentReportA4Wrap{background:radial-gradient(circle at 50% 10%,#9625851c,#0000 36%),radial-gradient(circle at 12% 92%,#c498391f,#0000 30%),linear-gradient(#ffffffdb,#fff7fdb8);border:1px solid #9625851f;border-radius:36px;justify-content:center;padding:34px;display:flex;overflow:auto}.studentReportA4Card{aspect-ratio:210/297;isolation:isolate;background:#fff;border-radius:18px;width:min(100%,595px);position:relative;overflow:hidden;box-shadow:0 34px 90px #2a0a263d,0 0 0 1px #96258524,0 0 0 10px #ffffffbd}.studentReportA4Cover{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.studentReportA4Glow{pointer-events:none;z-index:3;filter:blur(14px);opacity:.38;border-radius:999px;position:absolute}.studentReportA4Glow--one{background:#ffffff6b;width:150px;height:150px;top:8%;right:10%}.studentReportA4Glow--two{background:#c4983933;width:180px;height:180px;bottom:10%;left:8%}@media print{body *{visibility:hidden!important}.studentReportA4Card,.studentReportA4Card *{visibility:visible!important}.studentReportA4Card{width:210mm!important;height:297mm!important;box-shadow:none!important;border-radius:0!important;position:fixed!important;inset:0!important}.studentReportA4Cover{object-fit:cover!important;width:210mm!important;height:297mm!important}.studentReportA4Glow{display:none!important}@page{size:A4 portrait;margin:0}}@media (width<=900px){.studentReportA4InfoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.studentReportA4Header{flex-direction:column;align-items:stretch}.studentReportPrintBtn{width:100%}.studentReportA4Wrap{border-radius:26px;padding:16px}.studentReportA4Card{border-radius:12px;width:100%}.studentReportA4Overlay{padding:18px}}.studentReportFilterBox{background:#ffffffeb;border:1px solid #96258524;border-radius:26px;grid-template-columns:1fr 1fr auto auto;align-items:end;gap:12px;padding:16px;display:grid;box-shadow:0 14px 34px #580f4e14}.studentReportFilterBox label{gap:7px;display:grid}.studentReportFilterBox label span{color:var(--sd-purple-dark);font-size:12px;font-weight:1000}.studentReportFilterBox input{background:#fff;border:1px solid #9625852e;border-radius:15px;outline:none;height:44px;padding:0 13px;font-family:inherit;font-weight:900}.studentReportFilterSearch,.studentReportFilterClear{cursor:pointer;border-radius:15px;height:44px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:1000;transition:all .2s}.studentReportFilterSearch{color:#fff;background:linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));border:0;box-shadow:0 12px 24px #96258538}.studentReportFilterClear{color:var(--sd-purple-dark);background:#96258514;border:1px solid #96258524}.studentReportA4Overlay{z-index:4;pointer-events:none;justify-content:center;align-items:flex-end;padding:36px;display:flex;position:absolute;inset:0}.studentReportA4StudentBox{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #96258524;border-radius:24px;width:100%;padding:18px;box-shadow:0 18px 44px #400b3a26}.studentReportA4StudentBox>span{color:#fff;background:linear-gradient(135deg, var(--sd-purple), var(--sd-purple-dark));border-radius:999px;padding:6px 13px;font-size:12px;font-weight:1000;display:inline-flex}.studentReportA4StudentBox h4{color:var(--sd-purple-dark);margin:10px 0 0;font-size:24px;font-weight:1000;line-height:1.35}.studentReportA4InfoGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.studentReportA4InfoGrid div{background:#ffffffd1;border:1px solid #9625851a;border-radius:16px;padding:11px 12px}.studentReportA4InfoGrid small{color:var(--sd-muted);margin-bottom:5px;font-size:10px;font-weight:900;display:block}.studentReportA4InfoGrid strong{color:var(--sd-text);font-size:12px;font-weight:1000;line-height:1.5;display:block}@media (width<=850px){.studentReportFilterBox{grid-template-columns:1fr 1fr}.studentReportA4InfoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.studentReportFilterBox{grid-template-columns:1fr}}.studentPdfExportMode{background:#fff!important}.studentPdfExportMode .studentReportA4Wrap{width:210mm!important;height:297mm!important;min-height:297mm!important;box-shadow:none!important;background:#fff!important;margin:0 auto!important;padding:0!important;overflow:hidden!important}.studentPdfExportMode .studentReportA4Card,.studentPdfExportMode .varkReportResultPage,.studentPdfExportMode .rafenReportResultPage,.studentPdfExportMode .puzzleReportResultPage,.studentPdfExportMode .hdbiReportResultPage,.studentPdfExportMode .discReportResultPage,.studentPdfExportMode .disc2Page,.studentPdfExportMode .hollandPage,.studentPdfExportMode .learningPage,.studentPdfExportMode .mentalPage{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;box-shadow:none!important;box-sizing:border-box!important;border-radius:0!important;overflow:hidden!important}.studentPdfExportMode .studentReportA4Cover{object-fit:cover!important;width:210mm!important;height:297mm!important;display:block!important}.studentPdfExportMode .studentReportA4Header,.studentPdfExportMode .studentReportFilterBox,.studentPdfExportMode .studentReportPrintBtn{display:none!important}.studentProfileCardWrap{gap:18px;display:grid}.studentProfileImageCard{background:radial-gradient(circle at 15% 20%,#97228124,#0000 30%),linear-gradient(135deg,#fffffff5,#fff7fdeb);border:1px solid #97228129;border-radius:28px;align-items:center;gap:20px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #55164d1c}.studentProfileImageCard:before{content:"";pointer-events:none;background:#97228117;border-radius:999px;width:190px;height:190px;position:absolute;top:-80px;left:-70px}.studentProfileImageFrame{background:linear-gradient(135deg,#972281f2,#6f155fe6);border-radius:999px;flex:none;width:148px;height:148px;padding:6px;box-shadow:0 20px 38px #97228138,inset 0 1px #ffffff4d}.studentProfileImageFrame img{object-fit:cover;background:#fff;border:4px solid #fff;border-radius:999px;width:100%;height:100%;display:block}.studentProfileImageInfo{z-index:1;position:relative}.studentProfileImageInfo span{color:#972281;background:#97228114;border:1px solid #9722811f;border-radius:999px;margin-bottom:8px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.studentProfileImageInfo h3{color:#271428;margin:0 0 6px;font-size:clamp(24px,3vw,34px);font-weight:1000;line-height:1.25}.studentProfileImageInfo p{color:#7d647c;margin:0;font-size:15px;font-weight:800}@media (width<=640px){.studentProfileImageCard{text-align:center;flex-direction:column;padding:20px 16px}.studentProfileImageFrame{width:132px;height:132px}}.studentReportA4StudentHeader{align-items:center;gap:18px;display:flex}.studentReportA4StudentPhoto{border-radius:24px;width:110px;min-width:92px;height:110px;overflow:hidden}.studentReportA4StudentPhoto img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.studentReportA4StudentName{min-width:0}.studentReportA4StudentName span{color:#fff;background:#972281;border-radius:999px;margin-bottom:6px;padding:5px 12px;font-size:11px;font-weight:900;display:inline-flex}.studentReportA4StudentName h4{color:#6f155f;margin:0;font-size:17px;font-weight:1000;line-height:1.3}@media print{.studentReportA4StudentPhoto,.studentReportA4StudentName span{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.examResultPicker__buttons button.isActive.isMental{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#7c3aed,#962585)}.mentalHeaderColor{background:radial-gradient(circle at 12% 20%,#7c3aed21,#0000 28%),radial-gradient(circle at 92% 82%,#96258521,#0000 28%),linear-gradient(135deg,#fffffff5,#faf7ffeb)}.mentalResultsSection{z-index:1;position:relative}.mentalAttemptsGrid{gap:18px;display:grid}.mentalAttemptCard{background:radial-gradient(circle at 96% 8%,#7c3aed1a,#0000 24%),radial-gradient(circle at 4% 92%,#96258514,#0000 24%),linear-gradient(#fffffffa,#faf7fff0),#fff;border:1px solid #7c3aed29;border-radius:30px;padding:20px;transition:all .23s;position:relative;overflow:hidden;box-shadow:0 16px 40px #580f4e14}.mentalAttemptCard:before{content:"";inset-inline:22px;background:linear-gradient(90deg,#0000,#7c3aed,#962585,#0000);border-radius:0 0 999px 999px;height:5px;position:absolute;top:0}.mentalAttemptCard:after{content:"";inset-inline-end:-85px;pointer-events:none;background:#7c3aed12;border-radius:999px;width:190px;height:190px;position:absolute;top:-85px}.mentalAttemptCard:hover{border-color:#7c3aed47;transform:translateY(-5px);box-shadow:0 24px 58px #580f4e24}.mentalAttemptCard__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex;position:relative}.mentalAttemptCard__header span{color:#6d28d9;background:#7c3aed14;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:1000;display:inline-flex}.mentalAttemptCard__header h3{color:#4c1d95;margin:9px 0 0;font-size:22px;font-weight:1000}.mentalAttemptCard__header p{color:var(--sd-muted);margin:7px 0 0;font-size:12px;font-weight:900}.mentalAttemptCard__score{text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 30%),linear-gradient(135deg,#7c3aed,#962585);border-radius:20px;min-width:135px;padding:13px 15px;box-shadow:0 14px 30px #7c3aed38}.mentalAttemptCard__score small{opacity:.86;font-size:11px;font-weight:900;display:block}.mentalAttemptCard__score strong{margin-top:4px;font-size:24px;font-weight:1000;display:block}.mentalProgressBox{z-index:1;background:#ffffffc7;border:1px solid #7c3aed1a;border-radius:22px;margin-bottom:16px;padding:15px;position:relative}.mentalProgressBox__top{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.mentalProgressBox__top span{color:var(--sd-muted);font-size:12px;font-weight:900}.mentalProgressBox__top strong{color:#4c1d95;font-size:15px;font-weight:1000}.mentalProgressTrack{background:#7c3aed1a;border-radius:999px;height:14px;overflow:hidden}.mentalProgressFill{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#962585);height:100%;transition:width .45s}.mentalStatsGrid{z-index:1;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;display:grid;position:relative}.mentalStatsGrid div{background:#fff;border:1px solid #7c3aed1a;border-radius:20px;padding:13px 14px;box-shadow:0 10px 24px #580f4e0d}.mentalStatsGrid span{color:var(--sd-muted);margin-bottom:5px;font-size:11px;font-weight:900;display:block}.mentalStatsGrid strong{color:var(--sd-text);word-break:break-word;font-size:13px;font-weight:1000;line-height:1.6;display:block}@media (width<=900px){.mentalStatsGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=680px){.mentalAttemptCard{border-radius:24px;padding:16px}.mentalAttemptCard__header{flex-direction:column}.mentalAttemptCard__score{width:100%}.mentalStatsGrid{grid-template-columns:1fr}}.examResultPicker{background:radial-gradient(circle at 8% 12%,#96258521,#0000 30%),radial-gradient(circle at 92% 88%,#2f80ed1a,#0000 32%),linear-gradient(135deg,#fffffff5,#fff7fde0);border:1px solid #96258524;border-radius:34px;grid-template-columns:1fr;align-items:stretch;gap:18px;padding:22px;box-shadow:0 18px 46px #580f4e1a}.examResultPicker__info{justify-content:space-between;align-items:flex-end;gap:18px;padding:4px 4px 0;display:flex}.examResultPicker__info span{width:fit-content;color:var(--sd-purple-dark);background:#9625851a;border:1px solid #96258521;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:1000;display:inline-flex}.examResultPicker__info h3{color:var(--sd-purple-dark);margin:10px 0 0;font-size:26px;font-weight:1000}.examResultPicker__info p{max-width:680px;color:var(--sd-muted);margin:7px 0 0;font-size:13px;font-weight:800;line-height:1.9}.examResultPicker__buttons{background:linear-gradient(#ffffffd1,#fff7fd9e);border:1px solid #9625851a;border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffffbf}.examResultPicker__buttons button{isolation:isolate;cursor:pointer;min-width:0;height:auto;min-height:82px;color:var(--sd-text);text-align:right;background:radial-gradient(circle at 90% 0,#96258514,#0000 34%),linear-gradient(#fffffff5,#fff7fddb);border:1px solid #9625851f;border-radius:24px;padding:14px 14px 13px;font-family:inherit;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;position:relative;overflow:hidden;box-shadow:0 12px 28px #580f4e0f}.examResultPicker__buttons button:before{content:"";inset-inline-start:13px;z-index:-1;background:#96258514;border:1px solid #9625851a;border-radius:15px;width:38px;height:38px;transition:all .22s;position:absolute;top:13px}.examResultPicker__buttons button:after{content:"";inset-inline-start:26px;background:var(--sd-purple);border-radius:999px;width:12px;height:12px;transition:all .22s;position:absolute;top:26px;box-shadow:0 0 0 6px #96258514}.examResultPicker__buttons button span{color:inherit;padding-inline-start:48px;font-size:15px;font-weight:1000;line-height:1.45;display:block}.examResultPicker__buttons button small{color:var(--sd-muted);opacity:1;margin-top:5px;padding-inline-start:48px;font-size:11px;font-weight:900;line-height:1.45;display:block}.examResultPicker__buttons button:hover{color:var(--sd-purple-dark);background:radial-gradient(circle at 90% 0,#9625851f,#0000 34%),linear-gradient(#fff,#fff7fd);border-color:#96258542;transform:translateY(-4px);box-shadow:0 18px 42px #580f4e1f}.examResultPicker__buttons button:hover:before{background:#9625851f;transform:scale(1.08)}.examResultPicker__buttons button.isActive{color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 18px 42px #580f4e2e}.examResultPicker__buttons button.isActive small{color:#ffffffdb}.examResultPicker__buttons button.isActive:before{background:#ffffff2e;border-color:#ffffff38}.examResultPicker__buttons button.isActive:after{background:#fff;box-shadow:0 0 0 7px #ffffff29}.examResultPicker__buttons button.isActive.isVark{background:linear-gradient(135deg,#962585,#65105c)}.examResultPicker__buttons button.isActive.isRaven{background:linear-gradient(135deg,#2f80ed,#7b2cbf)}.examResultPicker__buttons button.isActive.isPuzzle{background:linear-gradient(135deg,#27ae60,#2f80ed)}.examResultPicker__buttons button.isActive.isHdbi{background:linear-gradient(135deg,#f2994a,#962585)}.examResultPicker__buttons button.isActive.isDisc{background:linear-gradient(135deg,#ef4444,#962585)}.examResultPicker__buttons button.isActive.isDisc2{background:linear-gradient(135deg,#111827,#7b2cbf)}.examResultPicker__buttons button.isActive.isHolland{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.examResultPicker__buttons button.isActive.isLearning{background:linear-gradient(135deg,#14b8a6,#0f766e)}.examResultPicker__buttons button.isActive.isMental{background:linear-gradient(135deg,#7c3aed,#962585)}.examResultPicker__buttons button.isActive.isMental1214{background:linear-gradient(135deg,#f59e0b,#7c3aed)}@media (width<=900px){.examResultPicker__info{display:block}.examResultPicker__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.examResultPicker__buttons button{min-height:78px}}@media (width<=560px){.examResultPicker{border-radius:26px;padding:16px}.examResultPicker__buttons{border-radius:22px;grid-template-columns:1fr;padding:9px}.examResultPicker__buttons button{border-radius:19px;min-height:74px}.examResultPicker__buttons button span,.examResultPicker__buttons button small{padding-inline-start:44px}}.studentAIAnalysisBox{background:radial-gradient(circle at 12% 20%,#7c3aed29,#0000 26%),linear-gradient(135deg,#fffffff5,#fff9fdf0);border:1px solid #96258524;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 22px;padding:18px;display:flex;box-shadow:0 16px 36px #310d2d14}.studentAIAnalysisBox__text span{color:#fff;background:linear-gradient(135deg,#962585,#65105c);border-radius:999px;margin-bottom:8px;padding:6px 12px;font-size:11px;font-weight:1000;display:inline-flex}.studentAIAnalysisBox__text h3{color:#65105c;margin:0;font-size:22px;font-weight:1000}.studentAIAnalysisBox__text p{color:#806075;margin:6px 0 0;font-size:13px;font-weight:800;line-height:1.7}.studentAIAnalysisBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#962585,#65105c);border:0;border-radius:999px;min-width:190px;padding:13px 18px;font-family:inherit;font-size:13px;font-weight:1000;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 28px #96258538}.studentAIAnalysisBtn:hover{transform:translateY(-2px);box-shadow:0 18px 34px #96258547}.studentAIAnalysisBtn:disabled{cursor:not-allowed;opacity:.65;transform:none}.studentAIAnalysisAlert,.studentAIAnalysisResult{border-radius:22px;margin:0 0 20px;padding:16px 18px;font-weight:900}.studentAIAnalysisAlert--error{color:#9f1239;background:#f43f5e14;border:1px solid #f43f5e2e}.studentAIAnalysisResult{background:linear-gradient(#9625850d,#fffffff5);border:1px solid #9625851f;box-shadow:0 12px 26px #310d2d0f}.studentAIAnalysisResult__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.studentAIAnalysisResult__head span{color:#65105c;font-size:18px;font-weight:1000}.studentAIAnalysisResult__head strong{color:#c3993a;font-size:12px;font-weight:1000}.studentAIAnalysisResult p{color:#65435f;white-space:pre-line;margin:0;font-size:14px;font-weight:800;line-height:2}@media (width<=700px){.studentAIAnalysisBox{display:grid}.studentAIAnalysisBtn{width:100%}.studentAIAnalysisResult__head{display:grid}}:root{--sr-purple:#972281;--sr-purple-dark:#6f155f;--sr-purple-soft:#f8eef6;--sr-purple-soft-2:#fff7fd;--sr-text:#271428;--sr-muted:#7d647c;--sr-border:#9722812e;--sr-white:#fff;--sr-danger:#b42318;--sr-danger-bg:#fff1f1;--sr-success:#067647;--sr-success-bg:#ecfdf3;--sr-shadow:0 24px 70px #55164d2e;--sr-shadow-soft:0 16px 40px #55164d1f}.sr-page{min-height:100vh;color:var(--sr-text);background:radial-gradient(circle at 15% 10%,#97228124,#0000 32%),radial-gradient(circle at 85% 90%,#9722811f,#0000 36%),linear-gradient(135deg,#fff 0%,#fff7fd 42%,#f8eef6 100%);place-items:center;padding:30px;font-family:Cairo,Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.sr-bgGrid{opacity:.34;pointer-events:none;background-image:linear-gradient(#9722810e 1px,#0000 1px),linear-gradient(90deg,#9722810e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 76%);mask-image:radial-gradient(circle,#000 35%,#0000 76%)}.sr-bgShape{filter:blur(3px);pointer-events:none;border-radius:999px;width:420px;height:420px;position:absolute}.sr-bgShape--one{background:#97228129;top:-160px;right:-130px}.sr-bgShape--two{background:#9722811c;bottom:-170px;left:-160px}.sr-shell{z-index:1;width:min(1220px,100%);box-shadow:var(--sr-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff9e;border:1px solid #97228129;border-radius:38px;grid-template-columns:.78fr 1.22fr;gap:22px;padding:18px;display:grid;position:relative}.sr-side{color:#fff;isolation:isolate;background:linear-gradient(160deg,#972281fa,#6f155ff5),radial-gradient(circle at top,#ffffff40,#0000 40%);border-radius:30px;flex-direction:column;justify-content:center;padding:32px;display:flex;position:relative;overflow:hidden}.sr-side:before{content:"";z-index:-1;border:42px solid #ffffff1a;border-radius:999px;width:420px;height:420px;position:absolute;top:-180px;left:-130px}.sr-side:after{content:"";z-index:-1;background:#ffffff14;border-radius:999px;width:290px;height:290px;position:absolute;bottom:-140px;right:-100px}.sr-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900;position:absolute;top:24px;right:24px}.sr-logoCard{aspect-ratio:1;background:linear-gradient(145deg,#fffffff5,#fff7fdf0);border-radius:34px;place-items:center;width:min(290px,82%);margin:34px auto 24px;transition:all .35s;display:grid;transform:rotate(-1deg);box-shadow:0 24px 50px #0000002e,inset 0 0 0 1px #ffffff80}.sr-shell:hover .sr-logoCard{transform:rotate(0)translateY(-4px)}.sr-logoCard img{object-fit:contain;border-radius:999px;width:92%;height:92%}.sr-sideText{text-align:center;max-width:480px;margin:0 auto}.sr-sideText h1{letter-spacing:-.8px;margin:0 0 10px;font-size:clamp(25px,3vw,38px);font-weight:1000;line-height:1.25}.sr-sideText p{color:#ffffffd6;margin:0;font-size:15px;line-height:1.9}.sr-tips{grid-template-columns:1fr;gap:12px;margin-top:28px;display:grid}.sr-tips div{text-align:center;background:#ffffff1f;border:1px solid #ffffff29;border-radius:22px;min-height:72px;padding:14px 12px}.sr-tips strong{margin-bottom:4px;font-size:16px;display:block}.sr-tips span{color:#ffffffc7;font-size:12px;line-height:1.5;display:block}.sr-card{box-shadow:var(--sr-shadow-soft);background:linear-gradient(#fffffff0,#fff7fdeb);border:1px solid #97228121;border-radius:30px;padding:34px}.sr-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.sr-miniLogo{border:1px solid var(--sr-border);background:#fff;border-radius:22px;flex:none;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 14px 28px #9722811f}.sr-miniLogo img{object-fit:contain;border-radius:999px;width:88%;height:88%}.sr-header h2{color:var(--sr-purple-dark);margin:0 0 4px;font-size:29px;font-weight:1000;line-height:1.2}.sr-header p{color:var(--sr-muted);margin:0;font-size:14px}.sr-alert{border-radius:17px;margin-bottom:16px;padding:13px 14px;font-size:14px;font-weight:900}.sr-alert--danger{color:var(--sr-danger);background:var(--sr-danger-bg);border:1px solid #b4231826}.sr-alert--success{color:var(--sr-success);background:var(--sr-success-bg);border:1px solid #06764726}.sr-photoBox{background:linear-gradient(135deg,#ffffffc7,#fff7fdcc);border:1px dashed #97228159;border-radius:24px;align-items:center;gap:18px;margin-bottom:20px;padding:18px;display:flex}.sr-photoPreview{background:#fff;border:3px solid #97228140;border-radius:999px;flex:none;place-items:center;width:124px;height:124px;display:grid;overflow:hidden;box-shadow:0 16px 32px #97228124}.sr-photoPreview img{object-fit:cover;width:100%;height:100%}.sr-photoPreview span{opacity:.55;font-size:48px}.sr-photoContent{flex:1}.sr-photoContent h3{color:var(--sr-purple-dark);margin:0 0 5px;font-size:18px;font-weight:1000}.sr-photoContent p{color:var(--sr-muted);margin:0 0 12px;font-size:13px;line-height:1.7}.sr-photoActions{flex-wrap:wrap;gap:10px;display:flex}.sr-photoBtn{cursor:pointer;color:var(--sr-purple);background:#fff;border:1px solid #97228133;border-radius:14px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:900;transition:all .22s}.sr-photoBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #97228129}.sr-photoBtn:disabled{opacity:.6;cursor:not-allowed}.sr-photoBtn--camera{color:#fff;background:linear-gradient(135deg, var(--sr-purple), var(--sr-purple-dark))}.sr-photoBtn--remove{color:var(--sr-danger);background:var(--sr-danger-bg);border-color:#b4231826}.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.sr-field{gap:8px;display:grid}.sr-field--full{grid-column:1/-1}.sr-field>span{color:var(--sr-text);font-size:14px;font-weight:900}.sr-inputWrap{position:relative}.sr-inputWrap input,.sr-inputWrap select{padding:0 16px;width:100%;height:54px;color:var(--sr-text);background:#ffffffdb;border:1px solid #9722812e;border-radius:18px;outline:none;padding-left:52px;font-family:inherit;font-size:15px;font-weight:800;transition:all .25s;box-shadow:inset 0 1px #ffffffb3}.sr-inputWrap input::placeholder{color:#7d647c9e;font-weight:600}.sr-inputWrap input:focus,.sr-inputWrap select:focus{background:#fff;border-color:#9722818c;box-shadow:0 0 0 4px #9722811a,0 14px 24px #97228114}.sr-inputWrap i{opacity:.72;pointer-events:none;font-style:normal;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.sr-passBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--sr-purple), var(--sr-purple-dark));border:0;border-radius:13px;min-width:64px;height:36px;font-family:inherit;font-weight:900;transition:all .22s;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 10px 18px #9722812e}.sr-passBtn:hover{transform:translateY(-50%)scale(1.03)}.sr-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.sr-submitBtn,.sr-secondaryBtn{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-width:160px;height:56px;font-family:inherit;font-size:15px;font-weight:1000;transition:all .25s;display:inline-flex}.sr-submitBtn{color:#fff;background:linear-gradient(135deg, var(--sr-purple) 0%, var(--sr-purple-dark) 100%);box-shadow:0 18px 32px #97228142,inset 0 1px #ffffff3d}.sr-submitBtn:hover:not(:disabled),.sr-secondaryBtn:hover:not(:disabled){transform:translateY(-2px)}.sr-submitBtn:disabled,.sr-secondaryBtn:disabled{opacity:.62;cursor:not-allowed}.sr-secondaryBtn{color:var(--sr-purple-dark);background:#fff;border:1px solid #9722812e}.sr-spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite srSpin}@keyframes srSpin{to{transform:rotate(360deg)}}.sr-cameraOverlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#180a199e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.sr-cameraModal{background:linear-gradient(#fff 0%,#fff7fd 100%);border:1px solid #97228129;border-radius:28px;width:min(640px,100%);padding:22px;box-shadow:0 30px 80px #00000047}.sr-cameraHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.sr-cameraHead h3{color:var(--sr-purple-dark);margin:0 0 4px;font-size:22px;font-weight:1000}.sr-cameraHead p{color:var(--sr-muted);margin:0;font-size:13px;line-height:1.7}.sr-cameraClose{cursor:pointer;width:40px;height:40px;color:var(--sr-purple-dark);background:var(--sr-purple-soft);border:0;border-radius:14px;font-size:26px;font-weight:900;line-height:1}.sr-videoFrame{background:#111;border:1px solid #9722812e;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.sr-videoFrame:after{content:"";pointer-events:none;border:3px dashed #ffffffa6;border-radius:999px;position:absolute;inset:10%}.sr-cameraVideo{object-fit:cover;width:100%;height:min(430px,62vh);display:block;transform:scaleX(-1)}.sr-cameraActions{gap:10px;margin-top:16px;display:flex}.sr-cameraActions button{cursor:pointer;border:0;border-radius:16px;flex:1;height:50px;font-family:inherit;font-size:15px;font-weight:1000;transition:all .22s}.sr-cameraActions button:hover{transform:translateY(-2px)}.sr-cameraActions button:first-child{color:#fff;background:linear-gradient(135deg, var(--sr-purple), var(--sr-purple-dark));box-shadow:0 16px 28px #97228138}.sr-cameraActions button:last-child{color:var(--sr-purple-dark);background:var(--sr-purple-soft)}@media (width<=1050px){.sr-page{padding:18px}.sr-shell{grid-template-columns:1fr}.sr-side{min-height:390px}.sr-logoCard{width:min(240px,70%)}.sr-tips{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.sr-page{place-items:start center;padding:12px}.sr-shell{border-radius:28px;padding:10px}.sr-side{border-radius:24px;min-height:auto;padding:24px 18px}.sr-badge{width:fit-content;margin:0 auto 12px;position:static}.sr-sideText h1{font-size:24px}.sr-sideText p{font-size:13px}.sr-tips{grid-template-columns:1fr}.sr-card{border-radius:24px;padding:22px 16px}.sr-header h2{font-size:24px}.sr-photoBox{text-align:center;flex-direction:column}.sr-photoActions{justify-content:center}.sr-grid{grid-template-columns:1fr}.sr-actions{flex-direction:column-reverse}.sr-submitBtn,.sr-secondaryBtn{width:100%}.sr-cameraModal{border-radius:22px;padding:16px}.sr-cameraHead h3{font-size:19px}.sr-cameraActions{flex-direction:column}}:root{--reg-primary:#94217f;--reg-primary-dark:#751763;--reg-primary-soft:#f8edf6;--reg-primary-soft-2:#fff7fd;--reg-text:#241323;--reg-muted:#7f6b7b;--reg-border:#94217f29;--reg-card:#ffffffe0;--reg-shadow:0 28px 80px #5c20522e}*{box-sizing:border-box}.reg-page{min-height:100vh;color:var(--reg-text);direction:rtl;background:radial-gradient(circle at 100% 0,#94217f33,#0000 34%),radial-gradient(circle at 0 100%,#94217f21,#0000 32%),linear-gradient(135deg,#fff 0%,#fff7fd 48%,#f9eef6 100%);padding:34px;font-family:Cairo,system-ui,sans-serif}.reg-shell{grid-template-columns:.9fr 1.15fr;align-items:stretch;gap:26px;width:min(1180px,100%);margin:0 auto;display:grid}.reg-side,.reg-form-card{border:1px solid var(--reg-border);box-shadow:var(--reg-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reg-side{color:#fff;background:linear-gradient(145deg,#94217ff0,#751763f5),radial-gradient(circle at 30% 20%,#fff3,#0000 28%);border-radius:34px;min-height:720px;padding:34px;position:relative;overflow:hidden}.reg-side:before{content:"";border:46px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-130px;left:-120px}.reg-side:after{content:"";border:34px solid #ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;right:-80px}.reg-logo-card{z-index:2;background:#fffffff0;border-radius:50%;width:182px;height:182px;margin:10px auto 38px;padding:12px;position:relative;box-shadow:0 22px 55px #0003,inset 0 0 0 8px #94217f0d}.reg-logo-card img{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.reg-side-content{z-index:2;text-align:center;position:relative}.reg-badge{letter-spacing:.4px;color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 18px;font-size:13px;display:inline-flex}.reg-side h1{margin:18px 0 12px;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.35}.reg-side p{color:#ffffffd1;width:min(420px,100%);margin:0 auto;font-size:16px;line-height:2}.reg-steps{gap:14px;margin-top:34px;display:grid}.reg-steps div{text-align:right;background:#ffffff1f;border:1px solid #ffffff24;border-radius:22px;align-items:center;gap:14px;padding:16px;transition:all .25s;display:flex}.reg-steps div:hover{background:#ffffff2e;transform:translateY(-3px)}.reg-steps strong{width:44px;height:44px;color:var(--reg-primary);background:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.reg-steps span{color:#ffffffeb;font-weight:800}.reg-form-card{background:linear-gradient(#fffffff0,#fffafee6);border-radius:34px;padding:34px}.reg-form-head{margin-bottom:24px}.reg-form-head span{color:var(--reg-primary);background:var(--reg-primary-soft);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.reg-form-head h2{color:var(--reg-primary-dark);margin:12px 0 6px;font-size:clamp(25px,3vw,34px);font-weight:950}.reg-form-head p{color:var(--reg-muted);margin:0;font-size:15px}.reg-alert{border-radius:18px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.reg-alert.success{color:#146c43;background:#e9f8ef;border:1px solid #bde8ce}.reg-alert.error{color:#9b1c1c;background:#fff0f0;border:1px solid #ffcaca}.reg-role-select{background:var(--reg-primary-soft);border-radius:22px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;padding:8px;display:grid}.reg-role-select button{cursor:pointer;height:50px;color:var(--reg-primary);background:0 0;border:0;border-radius:17px;font-family:inherit;font-size:15px;font-weight:900;transition:all .25s}.reg-role-select button.active{color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));box-shadow:0 14px 28px #94217f3d}.reg-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reg-field{gap:8px;display:grid}.reg-field.reg-full{grid-column:1/-1}.reg-field label{color:var(--reg-primary-dark);font-size:14px;font-weight:900}.reg-field input,.reg-field select{border:1px solid var(--reg-border);width:100%;height:52px;color:var(--reg-text);background:#ffffffd1;border-radius:17px;outline:none;padding:0 16px;font-family:inherit;font-size:15px;transition:all .22s}.reg-field input::placeholder{color:#b59aac}.reg-field input:focus,.reg-field select:focus{background:#fff;border-color:#94217f94;box-shadow:0 0 0 5px #94217f1a}.reg-radio-row{flex-wrap:wrap;gap:12px;display:flex}.reg-radio-row label{border:1px solid var(--reg-border);cursor:pointer;background:#ffffffd1;border-radius:17px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:140px;height:52px;transition:all .22s;display:flex}.reg-radio-row.compact label{min-width:110px}.reg-radio-row label:hover{border-color:#94217f73;transform:translateY(-2px)}.reg-radio-row input{width:16px;height:16px;accent-color:var(--reg-primary)}.reg-radio-row span{color:var(--reg-primary-dark);font-weight:900}.reg-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));border:0;border-radius:20px;width:100%;height:58px;margin-top:24px;font-family:inherit;font-size:17px;font-weight:950;transition:all .25s;box-shadow:0 18px 36px #94217f42}.reg-submit:hover{transform:translateY(-3px);box-shadow:0 24px 48px #94217f52}.reg-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=980px){.reg-page{padding:18px}.reg-shell{grid-template-columns:1fr}.reg-side{min-height:auto}}@media (width<=640px){.reg-page{padding:12px}.reg-side,.reg-form-card{border-radius:24px;padding:22px}.reg-grid{grid-template-columns:1fr}.reg-logo-card{width:142px;height:142px}.reg-role-select{grid-template-columns:1fr}}.staff-admin-page{padding:28px}.staff-admin-shell{grid-template-columns:360px 1fr;align-items:start;gap:24px;width:min(1480px,100%);margin:0 auto;display:grid}.staff-admin-side{min-height:calc(100vh - 56px);position:sticky;top:24px}.staff-stat-grid{grid-template-columns:1fr;gap:12px;margin-top:30px;display:grid}.staff-stat-grid div{text-align:right;background:#ffffff21;border:1px solid #ffffff29;border-radius:22px;padding:16px}.staff-stat-grid strong{color:#fff;font-size:32px;font-weight:950;line-height:1;display:block}.staff-stat-grid span{color:#ffffffd1;margin-top:8px;font-size:14px;font-weight:800;display:block}.staff-add-main-btn,.staff-add-btn,.staff-tools button,.staff-actions button,.staff-modal-actions button,.staff-modal-head button{font-family:inherit}.staff-add-main-btn{cursor:pointer;width:100%;height:54px;color:var(--reg-primary-dark);background:#fff;border:0;border-radius:18px;margin-top:22px;font-size:15px;font-weight:950;transition:all .25s;box-shadow:0 18px 36px #00000029}.staff-add-main-btn:hover{transform:translateY(-3px)}.staff-list-card{border:1px solid var(--reg-border);min-height:calc(100vh - 56px);box-shadow:var(--reg-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:34px;padding:26px}.staff-list-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.staff-list-head span{color:var(--reg-primary);background:var(--reg-primary-soft);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.staff-list-head h2{color:var(--reg-primary-dark);margin:12px 0 6px;font-size:clamp(24px,3vw,34px);font-weight:950}.staff-list-head p{color:var(--reg-muted);margin:0;font-size:15px}.staff-add-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));border:0;border-radius:17px;min-width:140px;height:48px;font-size:15px;font-weight:950;transition:all .25s;box-shadow:0 14px 28px #94217f3d}.staff-add-btn:hover{transform:translateY(-2px)}.staff-tools{grid-template-columns:1fr 190px 120px;gap:12px;margin:18px 0;display:grid}.staff-tools input,.staff-tools select{border:1px solid var(--reg-border);width:100%;height:50px;color:var(--reg-text);background:#ffffffdb;border-radius:17px;outline:none;padding:0 16px;font-family:inherit;font-size:14px}.staff-tools input:focus,.staff-tools select:focus{border-color:#94217f94;box-shadow:0 0 0 5px #94217f1a}.staff-tools button{border:1px solid var(--reg-border);cursor:pointer;height:50px;color:var(--reg-primary-dark);background:var(--reg-primary-soft);border-radius:17px;font-weight:900;transition:all .22s}.staff-tools button:hover{background:#fff}.staff-table-wrap{border:1px solid var(--reg-border);background:#ffffffb8;border-radius:24px;width:100%;overflow-x:auto}.staff-table{border-collapse:collapse;width:100%;min-width:980px}.staff-table th{text-align:right;color:var(--reg-primary-dark);background:var(--reg-primary-soft);border-bottom:1px solid var(--reg-border);white-space:nowrap;padding:16px 14px;font-size:13px;font-weight:950}.staff-table td{color:var(--reg-text);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #94217f1a;padding:15px 14px;font-size:14px}.staff-table tbody tr{transition:all .2s}.staff-table tbody tr:hover{background:#f8edf699}.staff-table tbody tr:last-child td{border-bottom:0}.staff-person{align-items:center;gap:12px;display:flex}.staff-avatar{color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));border-radius:16px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:950;display:inline-flex;box-shadow:0 10px 20px #94217f2e}.staff-person strong{color:var(--reg-text);font-size:14px;font-weight:950;display:block}.staff-person small{color:var(--reg-muted);text-align:right;direction:ltr;margin-top:3px;font-size:12px;display:block}.staff-role{border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.staff-role.TEACHER{color:#075985;background:#e0f2fe;border:1px solid #bae6fd}.staff-role.SCHOOL_ADMIN{color:#7c2d12;background:#ffedd5;border:1px solid #fed7aa}.staff-actions{gap:8px;display:flex}.staff-actions button{cursor:pointer;border:0;border-radius:13px;min-width:72px;height:36px;font-size:13px;font-weight:950;transition:all .22s}.staff-actions button:hover{transform:translateY(-2px)}.staff-actions .edit{color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark))}.staff-actions .delete{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.staff-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.staff-empty{font-weight:900;text-align:center!important;color:var(--reg-muted)!important;padding:34px!important}.staff-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2413236b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.staff-modal-card{border:1px solid var(--reg-border);background:linear-gradient(#fffffffa,#fffafef5);border-radius:30px;width:min(900px,100%);max-height:calc(100vh - 48px);padding:26px;overflow-y:auto;box-shadow:0 30px 90px #2413234d}.staff-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.staff-modal-head span{color:var(--reg-primary);background:var(--reg-primary-soft);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.staff-modal-head h2{color:var(--reg-primary-dark);margin:10px 0 0;font-size:28px;font-weight:950}.staff-modal-head button{cursor:pointer;width:42px;height:42px;color:var(--reg-primary-dark);background:var(--reg-primary-soft);border:0;border-radius:15px;font-size:28px;line-height:1;transition:all .22s}.staff-modal-head button:hover{color:#991b1b;background:#fee2e2}.staff-modal-actions{grid-template-columns:160px 1fr;gap:12px;margin-top:24px;display:grid}.staff-modal-actions button{cursor:pointer;border:0;border-radius:18px;height:54px;font-size:15px;font-weight:950;transition:all .22s}.staff-modal-actions .cancel{color:var(--reg-primary-dark);background:var(--reg-primary-soft)}.staff-modal-actions .save{color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));box-shadow:0 14px 28px #94217f3d}.staff-modal-actions button:hover{transform:translateY(-2px)}.staff-modal-actions button:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=1100px){.staff-admin-shell{grid-template-columns:1fr}.staff-admin-side{min-height:auto;position:relative;top:auto}.staff-stat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.staff-admin-page{padding:12px}.staff-list-card,.staff-modal-card{border-radius:24px;padding:18px}.staff-list-head{flex-direction:column}.staff-add-btn{width:100%}.staff-tools,.staff-stat-grid,.staff-modal-actions{grid-template-columns:1fr}}.staff-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.staff-pagination button{border:1px solid var(--reg-border);cursor:pointer;min-width:44px;height:42px;color:var(--reg-primary-dark);background:#ffffffdb;border-radius:14px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:950;transition:all .22s}.staff-pagination button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));transform:translateY(-2px);box-shadow:0 12px 24px #94217f2e}.staff-pagination button:disabled{opacity:.45;cursor:not-allowed}.staff-pagination-pages{align-items:center;gap:8px;display:flex}.staff-pagination-pages button.active{color:#fff;background:linear-gradient(135deg, var(--reg-primary), var(--reg-primary-dark));box-shadow:0 12px 24px #94217f2e}.staff-tools{grid-template-columns:1fr 190px 110px 120px}@media (width<=760px){.staff-pagination{justify-content:stretch}.staff-pagination button,.staff-pagination-pages button{flex:1}.staff-pagination-pages{width:100%}}:root{--tk-main:#942181;--tk-main-dark:#641357;--tk-main-soft:#f8e9f5;--tk-main-soft-2:#fff5fc;--tk-text:#231322;--tk-muted:#776171;--tk-border:#94218129;--tk-card:#ffffffe0;--tk-shadow:0 24px 70px #50124524}.tk-stats-page{min-height:100vh;color:var(--tk-text);background:radial-gradient(circle at 15% 10%,#94218129,#0000 30%),radial-gradient(circle at 90% 20%,#d858b924,#0000 28%),linear-gradient(135deg,#fff 0%,#fff6fc 45%,#f8e9f5 100%);padding:28px;font-family:Cairo,system-ui,sans-serif}.tk-hero{border:1px solid var(--tk-border);box-shadow:var(--tk-shadow);background:linear-gradient(135deg,#ffffffeb,#fff5fce0),radial-gradient(circle at 75% 30%,#9421812e,#0000 35%);border-radius:32px;justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex;position:relative;overflow:hidden}.tk-hero:before{content:"";inset-inline-start:-120px;border:38px solid #94218114;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px}.tk-hero:after{content:"";inset-inline-end:-90px;background:#94218112;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-120px}.tk-hero-content{z-index:2;max-width:760px;position:relative}.tk-badge{color:var(--tk-main);background:#9421811a;border:1px solid #9421812e;border-radius:999px;padding:8px 16px;font-weight:900;display:inline-flex}.tk-hero h1{color:var(--tk-main-dark);letter-spacing:-.8px;margin:14px 0 10px;font-size:clamp(26px,4vw,44px);line-height:1.25}.tk-hero p{max-width:660px;color:var(--tk-muted);margin:0;font-size:16px;font-weight:700;line-height:1.9}.tk-logo-orb{z-index:2;background:#fff;border-radius:50%;flex:0 0 152px;place-items:center;width:152px;height:152px;display:grid;position:relative;box-shadow:0 18px 40px #9421812e,inset 0 0 0 10px #94218112}.tk-logo-orb img{object-fit:contain;border-radius:50%;width:118px;height:118px}.tk-summary-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin-top:20px;display:grid}.tk-stat-card{border:1px solid var(--tk-border);background:var(--tk-card);border-radius:26px;align-items:center;gap:14px;min-height:126px;padding:20px;transition:all .25s;display:flex;box-shadow:0 18px 46px #50124514}.tk-stat-card:hover{border-color:#94218152;transform:translateY(-4px);box-shadow:0 24px 60px #50124526}.tk-stat-icon{background:linear-gradient(135deg, var(--tk-main), #c744aa);color:#fff;border-radius:18px;place-items:center;width:54px;height:54px;font-size:24px;display:grid;box-shadow:0 16px 28px #94218138}.tk-stat-card p{color:var(--tk-muted);margin:0;font-size:13px;font-weight:900}.tk-stat-card h3{color:var(--tk-main-dark);margin:4px 0;font-size:30px;line-height:1}.tk-stat-card span{color:#927086;font-size:12px;font-weight:800}.tk-grid-two{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.tk-panel{border:1px solid var(--tk-border);background:#ffffffe6;border-radius:30px;padding:22px;box-shadow:0 18px 50px #50124517}.tk-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tk-panel-head h2{color:var(--tk-main-dark);margin:0;font-size:20px;font-weight:1000}.tk-panel-head span{background:var(--tk-main-soft);color:var(--tk-main);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.tk-bars{gap:16px;display:grid}.tk-bar-row{gap:8px;display:grid}.tk-bar-info{justify-content:space-between;align-items:center;gap:14px;display:flex}.tk-bar-info strong{color:var(--tk-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.tk-bar-info span{text-align:center;min-width:48px;color:var(--tk-main-dark);border:2px solid var(--tk-border);background:#fff;border-radius:999px;padding:4px 10px;font-weight:1000;box-shadow:0 8px 18px #50124514}.tk-color-bars{gap:18px}.tk-color-bar-row{background:linear-gradient(135deg,#ffffffeb,#fff5fcb8);border:1px solid #9421811a;border-radius:22px;padding:14px;transition:all .25s;box-shadow:0 12px 30px #5012450f}.tk-color-bar-row:hover{border-color:#94218138;transform:translateY(-3px);box-shadow:0 18px 42px #5012451f}.tk-bar-title{align-items:center;gap:10px;min-width:0;display:flex}.tk-bar-title i{border-radius:5px;flex:0 0 14px;width:14px;height:14px;box-shadow:0 6px 14px #9421812e}.tk-bar-title strong{min-width:0}.tk-bar-track{background:linear-gradient(#f7e6f3,#fff),#f2ddeb;border-radius:999px;height:20px;padding:3px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #50124514,0 8px 18px #5012450d}.tk-bar-fill{border-radius:999px;justify-content:flex-end;align-items:center;min-width:38px;height:100%;padding-inline-end:9px;animation:.8s both tkGrow;display:flex;position:relative;overflow:hidden}.tk-bar-fill:before{content:"";background:linear-gradient(135deg,#ffffff52 0%,#ffffff14 45%,#ffffff47 100%);position:absolute;inset:0}.tk-bar-fill:after{content:"";opacity:.45;background-image:repeating-linear-gradient(-45deg,#ffffff2e 0 8px,#0000 8px 16px);position:absolute;inset:0}.tk-bar-fill em{z-index:2;color:#fff;text-shadow:0 1px 5px #00000040;font-size:11px;font-style:normal;font-weight:1000;position:relative}@keyframes tkGrow{0%{width:0}}.tk-donut-wrap{grid-template-columns:230px 1fr;align-items:center;gap:22px;display:grid}.tk-donut{border-radius:50%;place-items:center;width:210px;height:210px;margin:auto;display:grid;box-shadow:inset 0 0 0 1px #9421811f,0 20px 50px #5012451f}.tk-donut-center{width:124px;height:124px;box-shadow:inset 0 0 0 1px var(--tk-border);background:#fff;border-radius:50%;align-content:center;place-items:center;display:grid}.tk-donut-center strong{color:var(--tk-main);font-size:30px;line-height:1}.tk-donut-center span{color:var(--tk-muted);font-size:13px;font-weight:900}.tk-legend{gap:10px;display:grid}.tk-legend-item{background:var(--tk-main-soft-2);border:1px solid #94218114;border-radius:16px;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.tk-legend-item i{border-radius:50%;width:12px;height:12px}.tk-legend-item span{color:var(--tk-text);font-size:13px;font-weight:900}.tk-legend-item b{color:var(--tk-main)}.tk-table-wrap{overflow-x:auto}.tk-table{border-collapse:collapse;width:100%;min-width:620px}.tk-table th{background:var(--tk-main-soft);color:var(--tk-main-dark);text-align:right;padding:14px 12px;font-size:13px;font-weight:1000}.tk-table th:first-child{border-radius:0 16px 16px 0}.tk-table th:last-child{border-radius:16px 0 0 16px}.tk-table td{color:var(--tk-text);border-bottom:1px solid #94218117;padding:15px 12px;font-size:14px;font-weight:800}.tk-table tr:hover td{background:#94218109}.tk-rank{background:linear-gradient(135deg, var(--tk-main), #c744aa);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:1000;display:grid}.tk-score{color:var(--tk-main);font-size:16px}.tk-empty,.tk-note,.tk-error,.tk-loading{color:var(--tk-muted);text-align:center;background:#ffffffd1;border:1px dashed #94218140;border-radius:24px;padding:28px;font-weight:900}.tk-note{color:var(--tk-main-dark);background:#fff7fd;margin-top:18px}.tk-loading,.tk-error{align-content:center;place-items:center;gap:14px;min-height:360px;display:grid}.tk-loader{border:5px solid #94218124;border-top-color:var(--tk-main);border-radius:50%;width:54px;height:54px;animation:.85s linear infinite tkSpin}.tk-error h3,.tk-loading h3{color:var(--tk-main-dark);margin:0}.tk-error p{margin:0}.tk-error button{cursor:pointer;background:linear-gradient(135deg, var(--tk-main), #bd3fa5);color:#fff;border:0;border-radius:16px;padding:12px 20px;font-family:inherit;font-weight:1000;box-shadow:0 16px 34px #94218140}@media (width<=1200px){.tk-summary-grid{grid-template-columns:repeat(3,1fr)}.tk-grid-two{grid-template-columns:1fr}}@media (width<=760px){.tk-stats-page{padding:16px}.tk-hero{flex-direction:column;align-items:flex-start;padding:24px}.tk-logo-orb{flex-basis:120px;width:120px;height:120px}.tk-logo-orb img{width:92px;height:92px}.tk-summary-grid,.tk-donut-wrap{grid-template-columns:1fr}.tk-donut{width:190px;height:190px}.tk-panel{border-radius:24px;padding:18px}.tk-table{min-width:560px}}.examTypesPage{color:#24102d;background:radial-gradient(circle at 100% 0,#8b1f8b26,#0000 34%),radial-gradient(circle at 0 100%,#8b1f8b1f,#0000 32%),linear-gradient(135deg,#fff7fd,#fff 45%,#f7effb);min-height:100vh;padding:34px;font-family:Cairo,sans-serif}.examHero{background:#ffffffd1;border:1px solid #8b1f8b1f;border-radius:34px;align-items:center;gap:28px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #4d185b1f}.examHero:before{content:"";inset-inline-end:-90px;opacity:.16;background:linear-gradient(135deg,#8b1f8b,#c98ad0);border-radius:50%;width:280px;height:280px;position:absolute;top:-90px}.heroLogo{z-index:2;background:#fff;border-radius:50%;flex:none;width:145px;height:145px;padding:10px;box-shadow:0 18px 40px #5f14672e}.heroLogo img{object-fit:contain;border-radius:50%;width:100%;height:100%}.heroText{z-index:2}.heroBadge{color:#8b1f8b;background:#8b1f8b1a;border-radius:999px;margin-bottom:12px;padding:8px 16px;font-weight:800;display:inline-flex}.heroText h1{color:#7a147d;margin:0;font-size:clamp(30px,5vw,58px);font-weight:900;line-height:1.25}.heroText p{color:#5f5367;max-width:780px;margin:14px 0 0;font-size:18px;line-height:1.9}.stageTabs{background:#ffffffb8;border-radius:24px;flex-wrap:wrap;gap:12px;margin:28px 0;padding:14px;display:flex;box-shadow:0 14px 35px #50155c14}.stageTabs button{cursor:pointer;color:#6b5271;background:#fff;border:0;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:800;transition:all .25s;box-shadow:0 8px 18px #46145014}.stageTabs button:hover,.stageTabs button.active{color:#fff;background:linear-gradient(135deg,#8b1f8b,#5d126f);transform:translateY(-2px)}.examCards{grid-template-columns:repeat(5,minmax(210px,1fr));gap:22px;display:grid}.examCard{background:#ffffffeb;border:1px solid #8b1f8b1f;border-radius:30px;transition:all .28s;position:relative;overflow:hidden;box-shadow:0 22px 50px #49165b1f}.examCard:hover{transform:translateY(-8px);box-shadow:0 30px 70px #49165b2e}.cardImage{background:radial-gradient(circle at top,#8b1f8b29,#0000 55%),linear-gradient(135deg,#fbf5ff,#fff);height:210px;padding:18px}.cardImage img{object-fit:contain;border-radius:24px;width:100%;height:100%}.imageFallback{background:#f7ebfa;border-radius:24px;place-items:center;height:100%;font-size:72px;display:grid}.cardBody{padding:22px}.stagePill{color:#8b1f8b;background:#f3e1f5;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.cardBody h3{color:#76137b;margin:14px 0 8px;font-size:25px;font-weight:900}.cardBody p{color:#66556e;margin:0;font-size:14px;line-height:1.8}.features{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.features span{color:#7a347c;background:#fbf3fc;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.viewBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b1f8b,#5c116d);border:0;border-radius:999px;width:100%;padding:13px 16px;font-size:15px;font-weight:900;transition:all .25s;box-shadow:0 14px 26px #8b1f8b40}.viewBtn:hover{transform:scale(1.03)}.statusBox,.errorBox,.emptyBox{text-align:center;color:#7a147d;background:#fffc;border-radius:30px;place-items:center;min-height:220px;display:grid;box-shadow:0 18px 50px #49165b1a}.loader{border:4px solid #ead2ee;border-top-color:#8b1f8b;border-radius:50%;width:44px;height:44px;margin:auto;animation:.8s linear infinite spin}.errorBox button{color:#fff;cursor:pointer;background:#8b1f8b;border:0;border-radius:999px;padding:12px 22px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1300px){.examCards{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.examTypesPage{padding:18px}.examHero{text-align:center;flex-direction:column}.examCards{grid-template-columns:repeat(2,1fr)}.heroLogo{width:120px;height:120px}}@media (width<=560px){.examCards{grid-template-columns:1fr}.stageTabs button{flex:1}}.ageHint{color:#6b5271;margin:12px 0 0;font-size:16px;font-weight:800;line-height:1.8}.managePackagesPage{color:#24102d;background:radial-gradient(circle at 100% 0,#8b1f8b24,#0000 34%),radial-gradient(circle at 0 100%,#8b1f8b1a,#0000 32%),linear-gradient(135deg,#fff7fd,#fff 45%,#f7effb);min-height:100vh;padding:34px;font-family:Cairo,sans-serif}.mpHero{background:#ffffffdb;border:1px solid #8b1f8b1f;border-radius:34px;align-items:center;gap:24px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #4d185b1f}.mpHero:before{content:"";inset-inline-end:-90px;opacity:.16;background:linear-gradient(135deg,#8b1f8b,#c98ad0);border-radius:50%;width:280px;height:280px;position:absolute;top:-90px}.mpHeroLogo{z-index:2;background:#fff;border-radius:50%;flex:none;width:128px;height:128px;padding:10px;position:relative;box-shadow:0 18px 40px #5f14672e}.mpHeroLogo img{object-fit:contain;border-radius:50%;width:100%;height:100%}.mpHero>div:not(.mpHeroLogo){z-index:2;position:relative}.mpBadge{color:#8b1f8b;background:#8b1f8b1a;border-radius:999px;margin-bottom:12px;padding:8px 16px;font-weight:900;display:inline-flex}.mpHero h1{color:#7a147d;margin:0;font-size:clamp(30px,5vw,54px);font-weight:900;line-height:1.25}.mpHero p{color:#5f5367;max-width:760px;margin:12px 0 0;font-size:16px;line-height:1.9}.mpLayout{grid-template-columns:330px 1fr;gap:22px;margin-top:24px;display:grid}.mpSidebar,.mpContent,.mpCard{background:#ffffffd6;border:1px solid #8b1f8b1f;border-radius:30px;box-shadow:0 18px 50px #49165b1a}.mpSidebar{height:fit-content;padding:18px;position:sticky;top:20px}.mpSidebarHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mpSidebarHead h2{color:#701073;margin:0;font-size:23px;font-weight:900}.mpSidebarHead span,.mpSectionTitle span{color:#fff;background:#8b1f8b;border-radius:999px;place-items:center;min-width:42px;height:34px;font-weight:900;display:grid}.mpPackageList{gap:12px;display:grid}.mpPackageItem{cursor:pointer;text-align:right;background:#fff;border:1px solid #8b1f8b1a;border-radius:22px;align-items:center;gap:12px;width:100%;padding:12px;font-family:Cairo,sans-serif;transition:all .25s;display:flex;box-shadow:0 10px 24px #4614500f}.mpPackageItem:hover,.mpPackageItem.active{background:linear-gradient(135deg,#fff,#fbf0ff);border-color:#8b1f8b59;transform:translateY(-2px)}.mpPackageThumb{background:#fbf3fc;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid}.mpPackageThumb img{object-fit:contain;border-radius:18px;width:100%;height:100%;padding:6px}.mpPackageThumb span{font-size:27px}.mpPackageItem strong{color:#42124d;font-size:15px;font-weight:900;display:block}.mpPackageItem small{color:#806889;margin-top:4px;font-size:12px;font-weight:800;display:block}.mpContent{padding:22px}.mpSelectedHeader{background:radial-gradient(circle at 0 0,#8b1f8b1f,#0000 40%),#fff;border:1px solid #8b1f8b1a;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:22px;display:flex}.mpSelectedHeader span{color:#8b1f8b;background:#f3e1f5;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.mpSelectedHeader h2{color:#701073;margin:12px 0 0;font-size:clamp(24px,4vw,38px);font-weight:900}.mpSelectedImage{background:#fff;border-radius:28px;flex:none;place-items:center;width:118px;height:118px;display:grid;box-shadow:0 14px 30px #50155c1f}.mpSelectedImage img{object-fit:contain;border-radius:28px;width:100%;height:100%;padding:10px}.mpSelectedImage span{font-size:48px}.mpGrid{grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px;display:grid}.mpCard{padding:22px}.mpCardTitle h3,.mpSectionTitle h3{color:#701073;margin:0 0 6px;font-size:22px;font-weight:900}.mpCardTitle p,.mpSectionTitle p{color:#7a687d;margin:0 0 16px;font-size:14px;line-height:1.8}.mpFormGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mpFormGrid label{color:#5f2866;gap:8px;font-size:14px;font-weight:900;display:grid}.mpFormGrid input,.mpFormGrid select,.mpAttachRow select{color:#2d1334;background:#fff;border:1px solid #8b1f8b29;border-radius:18px;outline:none;width:100%;padding:13px 14px;font-family:Cairo,sans-serif;font-size:14px;font-weight:800;transition:all .2s}.mpFormGrid input:focus,.mpFormGrid select:focus,.mpAttachRow select:focus{border-color:#8b1f8b73;box-shadow:0 0 0 4px #8b1f8b1a}.mpSaveBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b1f8b,#5c116d);border:0;border-radius:999px;width:100%;margin-top:18px;padding:14px 18px;font-family:Cairo,sans-serif;font-size:15px;font-weight:900;transition:all .25s;box-shadow:0 16px 30px #8b1f8b3d}.mpSaveBtn:hover{transform:translateY(-2px)}.mpSaveBtn:disabled{cursor:not-allowed;opacity:.6;transform:none}.mpAttachRow{grid-template-columns:1fr 120px;gap:12px;display:grid}.mpAttachRow button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b1f8b,#5c116d);border:0;border-radius:18px;font-family:Cairo,sans-serif;font-weight:900;box-shadow:0 12px 24px #8b1f8b33}.mpAttachRow button:disabled{opacity:.55;cursor:not-allowed}.mpExamsCard{margin-top:18px}.mpSectionTitle{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.mpExamList{gap:12px;display:grid}.mpExamItem{background:#fff;border:1px solid #8b1f8b1a;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex;box-shadow:0 10px 24px #4614500f}.mpExamInfo{align-items:center;gap:13px;display:flex}.mpExamImage{background:#fbf3fc;border-radius:20px;flex:none;place-items:center;width:66px;height:66px;display:grid}.mpExamImage img{object-fit:contain;border-radius:20px;width:100%;height:100%;padding:6px}.mpExamImage span{font-size:30px}.mpExamInfo h4{color:#42124d;margin:0 0 4px;font-size:17px;font-weight:900}.mpExamInfo p{color:#806889;margin:0;font-size:13px;font-weight:800}.mpExamInfo small{color:#7a687d;max-width:620px;margin-top:6px;line-height:1.7;display:block}.mpRemoveBtn{cursor:pointer;color:#be123c;white-space:nowrap;background:#fff0f2;border:0;border-radius:999px;padding:11px 16px;font-family:Cairo,sans-serif;font-size:13px;font-weight:900;transition:all .2s}.mpRemoveBtn:hover{color:#fff;background:#be123c}.mpStatus,.mpError,.mpMiniStatus,.mpEmptySide{text-align:center;color:#7a147d;background:#ffffffd1;border-radius:28px;place-items:center;min-height:180px;font-weight:900;display:grid;box-shadow:0 18px 50px #49165b1a}.mpMiniStatus{min-height:110px;box-shadow:none;background:#fbf3fc}.mpError button{color:#fff;cursor:pointer;background:#8b1f8b;border:0;border-radius:999px;padding:12px 22px;font-family:Cairo,sans-serif;font-weight:900}.mpLoader{border:4px solid #ead2ee;border-top-color:#8b1f8b;border-radius:50%;width:44px;height:44px;margin:auto;animation:.8s linear infinite mpSpin}@keyframes mpSpin{to{transform:rotate(360deg)}}@media (width<=1100px){.mpLayout{grid-template-columns:1fr}.mpSidebar{position:static}.mpPackageList{grid-template-columns:repeat(2,1fr)}.mpGrid{grid-template-columns:1fr}}@media (width<=760px){.managePackagesPage{padding:18px}.mpHero{text-align:center;flex-direction:column}.mpHeroLogo{width:110px;height:110px}.mpPackageList{grid-template-columns:1fr}.mpSelectedHeader{text-align:center;flex-direction:column}.mpFormGrid,.mpAttachRow{grid-template-columns:1fr}.mpAttachRow button{padding:13px}.mpExamItem{flex-direction:column;align-items:stretch}.mpRemoveBtn{width:100%}}*{box-sizing:border-box;font-family:Cairo,sans-serif}html,body,#root{min-height:100%;margin:0;font-family:Cairo,sans-serif}body{direction:rtl;font-family:Cairo,sans-serif}button,input,textarea,select{font-family:Cairo,sans-serif}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}