:root{--g4:linear-gradient(179.11deg, #191919 47.5%, #5524be 153.86%);--g3:linear-gradient(136.38deg, #2e2e2e 12.26%, #595959 110.43%);--g2:linear-gradient(to bottom, #1b1b1b9e 0%, #2e2e2ee0 100%);--g1:linear-gradient(136.38deg, #1b1b1b 12.26%, #121212 110.43%);--cc12:#5524be;--cc11:#5e2cc9;--cc10:#6b3ccf;--cc9:#8054e0;--cc8:#8d64e5;--cc7:#a27df1;--cc6:#b28ef5;--cc5:#bea7fd;--cc4:#cfbdff;--cc3:#ddd0ff;--cc2:#e6ddff;--cc1:#f1e6ff;--cc0:#f7f0ff;--cc-white:#faf6ff;--r12:#5524be;--r11:#5e2cc9;--r10:#6b3ccf;--r9:#8054e0;--r8:#8d64e5;--r7:#a27df1;--r6:#b28ef5;--r5:#bea7fd;--r4:#cfbdff;--r3:#ddd0ff;--r2:#e6ddff;--r1:#f1e6ff;--r0:#f7f0ff;--r-white:#faf6ff  --c12: #000;--c11:#121212;--c11-two:#1b1b1b;--c10:#2e2e2e;--c9:#404040;--c8:#595959;--c7:#707070;--c6:#9c9c9c;--c5:#b2b2b2;--c4:#ccc;--c3:#dedede;--c2:#ededed;--c1:#f7f7f7;--c0:#fff;--white:#fff;--banner:#1d1d1d;--error:#f4405e;--success:#3bd566;--alert:#f5a511;--btn-bg:#6bd478;--btn-title:#065d10;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--yellow-50:#fefce8;--yellow-100:#fef3c7;--yellow-200:#fde68a;--yellow-300:#fcd34d;--yellow-400:#fbbf24;--yellow-500:#f59e0b;--yellow-600:#d97706;--yellow-700:#b45309;--yellow-800:#92400e;--yellow-900:#78350f;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a}body.light-mode{--g4:linear-gradient(179.11deg, #191919 47.5%, #5524be 153.86%);--g3:linear-gradient(136.38deg, #2e2e2e 12.26%, #595959 110.43%);--g2:linear-gradient(to bottom, #1b1b1b9e 0%, #2e2e2ee0 100%);--g1:linear-gradient(136.38deg, #1b1b1b 12.26%, #121212 110.43%);--cc12:#f7f0ff;--cc11:#f1e6ff;--cc10:#e6ddff;--cc9:#ddd0ff;--cc8:#cfbdff;--cc7:#bea7fd;--cc6:#b28ef5;--cc5:#a27df1;--cc4:#8d64e5;--cc3:#8054e0;--cc2:#6b3ccf;--cc1:#5e2cc9;--cc0:#5524be;--cc-white:#2e1b57;--r12:#f7f0ff;--r11:#f1e6ff;--r10:#e6ddff;--r9:#ddd0ff;--r8:#cfbdff;--r7:#bea7fd;--r6:#b28ef5;--r5:#a27df1;--r4:#8d64e5;--r3:#8054e0;--r2:#6b3ccf;--r1:#5e2cc9;--r0:#5524be;--r-white:#2e1b57  --c12: #fff;--c11:#f7f7f7;--c10:#ededed;--c9:#dedede;--c8:#ccc;--c7:#b2b2b2;--c6:#9c9c9c;--c5:#707070;--c4:#595959;--c3:#404040;--c2:#2e2e2e;--c1:#121212;--c0:#000;background-color:var(--c11);color:var(--c3);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--yellow-50:#fefce8;--yellow-100:#fef3c7;--yellow-200:#fde68a;--yellow-300:#fcd34d;--yellow-400:#fbbf24;--yellow-500:#f59e0b;--yellow-600:#d97706;--yellow-700:#b45309;--yellow-800:#92400e;--yellow-900:#78350f;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a}*{box-sizing:border-box;margin:0;padding:0}* *,* :before,* :after{box-sizing:inherit}html::-webkit-scrollbar{display:none}body,#root{background-color:var(--c11);width:100%;height:100vh}#root{flex-direction:column;display:flex;overflow:auto}body{-webkit-font-smoothing:antialiased}body,input,textarea,button{font-family:var(--font-reem-kufi),"Poppins","Arial",sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6,strong{font-weight:600}button{cursor:pointer}a{text-decoration:none}.app{grid-area:main;margin-left:20px;overflow-y:auto}.app::-webkit-scrollbar{display:none}@media (max-width:980px){.app{margin-left:0;padding-bottom:68px}}@media (max-width:480px){.app{padding-bottom:92px}}.main{grid-template:"logo logo logo"66px"sidebar main main"1fr"sidebar main main"/202px 1fr auto;height:100%;padding:14px 32px 14px 14px;display:grid}@media (max-width:980px){.main{grid-template-columns:auto 1fr auto;padding-right:14px}}@media (max-width:480px){.main{grid-template-rows:32px 1fr auto}}.dragging{cursor:grab;scroll-behavior:auto!important}.progressButton{justify-content:space-between;align-items:center;margin:.875rem auto 0;display:flex}@media (max-width:1480px){.progressButton{max-width:1400px;margin:.875rem auto 0}}@media (max-width:1242px){.progressButton{margin-top:24px;margin-left:24px;margin-right:24px}}@media (max-width:480px){.progressButton{margin-top:12px;margin-left:0;margin-right:0}}.progressButton div:first-of-type{display:flex}.progressButton div:first-of-type button+button{margin-left:1.625rem}.progressButton div:first-of-type button{background-color:var(--c10);border:.0625rem solid #0000;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .3s ease-in;display:flex}@media (max-width:480px){.progressButton div:first-of-type button{width:1.5rem;height:1.5rem}}.progressButton div:first-of-type button:hover{background-color:var(--c9);border:.0625rem solid var(--c8);color:var(--white)}.progressButton div:nth-of-type(2){background-color:var(--c11-two);border-radius:.625rem;justify-content:flex-start;align-items:center;width:100%;max-width:8.625rem;height:.5rem;margin-top:.5rem;transition:all .3s;display:flex}@media (max-width:480px){.progressButton div:nth-of-type(2){max-width:4.6875rem}}.progressButton div:nth-of-type(2):hover{border:.0625rem solid var(--c10)}.progressButton div:nth-of-type(2) span{background-color:var(--c10);border-radius:.625rem;width:0%;height:100%;max-height:.5rem;display:block}.notification{margin-top:12px;font-size:16px;font-weight:500}.notification.success,.notification.alert,.notification.error{color:var(--alert)}.ios-glass{--ios-glass-radius:999px;--ios-glass-padding-x:1.125rem;--ios-glass-height:2.5rem;isolation:isolate;min-height:var(--ios-glass-height);padding:0 var(--ios-glass-padding-x);border-radius:var(--ios-glass-radius);color:var(--white,#fff);-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#ffffff1a 0%,#ffffff09 20%,#0000002e 100%),#1b1b1b99;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:.5rem;transition:transform .16s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0006,0 8px 24px #00000047}.ios-glass:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff21 0%,#ffffff09 28%,#0000 55%);position:absolute;inset:1px}.ios-glass:hover{background:linear-gradient(#ffffff24 0%,#ffffff0d 22%,#00000029 100%),#202023a8;border-color:#fff3}.ios-glass:active{transform:scale(.985)}.ios-glass:focus-visible{outline:2px solid var(--r7,#a27df1);outline-offset:2px}body.light-mode .ios-glass{color:var(--c1,#121212);background:linear-gradient(#ffffffbf 0%,#ffffff52 30%,#ffffff24 100%),#ffffff59;border-color:#ffffffb8;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #00000014,0 8px 20px #0000001a}body.light-mode .ios-glass:hover{background:linear-gradient(#ffffffe6 0%,#ffffff6b 34%,#ffffff38 100%),#ffffff6b;border-color:#ffffffeb}.ios-glass-reset-size{min-height:unset;padding:unset}