:root{--bg:#F5F6FB;--card:#FFFFFF;--ink:#1E2235;--mut:#6B7088;--line:#EEF0F5;--field:#E4E7F0;--acc:#5563DE;--acc-ink:#3A45B8;--acc-soft:#ECEEFF;--col:#EDEFF6;--shadow:0 1px 2px rgba(30,34,53,.04),0 10px 30px rgba(30,34,53,.05)}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:15px}a{color:#4F5BD5;text-decoration:none}a:hover{color:var(--acc-ink)}.h,h1,h2,h3{font-family:Readex Pro,IBM Plex Sans Arabic,sans-serif;font-weight:600;margin:0}h1{font-size:28px}h2{font-size:18px}h3{font-size:16px}p{margin:0;line-height:1.9}button,input,select,textarea{font:inherit;color:inherit}.mut{color:var(--mut)}.sm{font-size:13px}.xs{font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:28px;box-shadow:-1px 0 0 #ECEEF4;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{gap:10px;padding:0 8px;color:var(--ink)}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--acc);justify-content:center;flex-shrink:0}.brand b{font-family:Readex Pro,sans-serif;font-size:22px}.nav{flex-direction:column;gap:4px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:14px;color:#5A6078;font-size:15px}.nav a:hover{background:var(--bg);color:var(--ink)}.nav a.on{background:var(--acc-soft);color:var(--acc-ink);font-weight:600}.nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.me{margin-top:auto;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--bg);color:var(--ink)}.main,.me{display:flex}.main{padding:28px 36px 48px;flex-direction:column;gap:22px;min-width:0}.top{justify-content:space-between;gap:16px}.top,.top-actions{display:flex;align-items:center;flex-wrap:wrap}.top-actions{gap:10px}.card{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:22px}.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.chip{gap:6px;height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:500;white-space:nowrap}.av,.chip{display:inline-flex;align-items:center}.av{width:34px;height:34px;border-radius:50%;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.av.sm{width:28px;height:28px;font-size:12px}.lg{width:44px;height:44px;border-radius:14px;font-size:16px;font-weight:600;flex-shrink:0}.btn,.lg{display:inline-flex;align-items:center;justify-content:center}.btn{gap:8px;height:46px;padding:0 20px;border-radius:15px;border:0;background:#fff;box-shadow:0 1px 2px rgba(30,34,53,.07);font-weight:500;cursor:pointer;white-space:nowrap}.btn,.btn:hover{color:var(--ink)}.btn:hover{background:#FAFBFD}.btn.pri{background:var(--acc);color:#fff;font-weight:600;box-shadow:none}.btn.pri:hover{background:#4854CC;color:#fff}.btn.soft{background:var(--bg);box-shadow:none}.btn.sm{height:38px;padding:0 14px;border-radius:12px;font-size:13px}.btn.danger{color:#B42350}.btn[disabled]{opacity:.6;cursor:default}.in,select.in,textarea.in{width:100%;min-height:48px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--field);background:#fff;outline:none}.in:focus{border-color:var(--acc);box-shadow:0 0 0 4px #DCE0FA}textarea.in{min-height:96px;resize:vertical;line-height:1.7}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field>span{font-weight:500}.hint{font-size:12px;color:var(--mut)}.form{display:flex;flex-direction:column;gap:16px}.g2{grid-template-columns:1fr 1fr;grid-gap:14px}.g2,.g3{display:grid;gap:14px}.g3{grid-template-columns:repeat(3,1fr);grid-gap:14px}.g4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.stack{display:flex;flex-direction:column;gap:12px}.between,.rowx{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1 1;min-width:0}.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check{display:flex;gap:10px;align-items:center;min-height:42px;cursor:pointer}.check input{width:19px;height:19px;accent-color:var(--acc);margin:0;flex-shrink:0}.flash{padding:14px 18px;border-radius:16px;font-size:14px}.flash.ok{background:#DDF4E8;color:#0F5234}.flash.err{background:#FFE3EA;color:#7E1535}.empty{padding:26px;text-align:center;color:var(--mut);font-size:14px;border:2px dashed #e4e7f0;border-radius:18px}.kpi{padding:20px 22px;border-radius:22px;display:flex;flex-direction:column;gap:6px}.kpi b{font-family:Readex Pro,sans-serif;font-size:34px;font-weight:600}.item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;color:var(--ink)}.item:hover{background:var(--bg);color:var(--ink)}.item.on{background:var(--acc-soft)}.bar-track{background:#EEF0F7}.bar-fill,.bar-track{height:8px;border-radius:4px}.seg{padding:4px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(30,34,53,.05)}.seg,.seg a{display:flex}.seg a{height:40px;padding:0 16px;border-radius:12px;align-items:center;color:var(--mut);white-space:nowrap}.seg a.on{background:var(--acc-soft);color:var(--acc-ink);font-weight:600}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{height:40px;padding:0 14px;border-radius:12px;background:#fff;color:#4A4F66;display:inline-flex;align-items:center;box-shadow:0 1px 2px rgba(30,34,53,.05);font-size:14px}.pill.on{background:var(--ink);color:#fff}table.t{width:100%;border-collapse:collapse}.t th{font-weight:500;font-size:13px;color:var(--mut);text-align:right;padding:0 10px 10px}.t td{padding:12px 10px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}.bubble{padding:12px 14px;border-radius:4px 18px 18px 18px;background:var(--bg);flex:1 1;min-width:0}.bubble.mine{background:var(--acc-soft)}.file{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#F7F8FC;color:var(--ink);min-width:0}.file:hover{background:#EEF0F7;color:var(--ink)}.ext{width:44px;height:50px;border-radius:12px;font-size:11px;font-weight:700;flex-shrink:0}.drop,.ext{display:flex;align-items:center;justify-content:center}.drop{position:relative;flex-direction:column;gap:6px;min-height:96px;border-radius:18px;border:2px dashed #d6daf5;background:#FAFBFF;color:var(--mut);font-size:14px;cursor:pointer;padding:12px;text-align:center}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}details.more>summary{cursor:pointer;list-style:none;color:#4F5BD5;font-size:14px}details.more>summary::-webkit-details-marker{display:none}.board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));grid-gap:14px;gap:14px;overflow-x:auto;padding-bottom:6px}.col{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:22px;background:var(--col);min-height:220px;transition:background .15s}.col.over{background:#E2E6FA}.col-h{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;font-weight:600}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tk{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(30,34,53,.05);cursor:-webkit-grab;cursor:grab}.tk,.tk:hover{color:var(--ink)}.tk:hover{box-shadow:0 8px 22px rgba(30,34,53,.08)}.tk.done{background:#FAFBFD}.tk.done .tt{color:var(--mut);text-decoration:line-through}.tk.dragging{opacity:.5}.tt{font-size:15px;font-weight:500;line-height:1.6}.meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mut);gap:8px}.tl{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));grid-column-gap:8px;column-gap:8px;grid-row-gap:10px;row-gap:10px;overflow-x:auto}.dh{font-size:13px;color:var(--mut);text-align:center;padding:8px 0;border-radius:12px}.dh.today{background:var(--acc);color:#fff;font-weight:600}.tbar{height:42px;border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap}.tbar .av{background:#fff}.steps{display:flex;position:relative}.steps .line{position:absolute;top:6px;height:2px;background:#E4E7F0}.step{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--mut);position:relative;background:none;border:0;cursor:pointer;padding:0}.step i{width:14px;height:14px;border-radius:50%;background:#E4E7F0;display:block}.step.on i{background:var(--acc)}.step.cur{color:var(--ink);font-weight:600}.step.cur i{box-shadow:0 0 0 5px #DCE0FA}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;position:relative}.auth-form .box,.auth-form form{width:100%;max-width:420px}.auth-art{position:relative;overflow:hidden;margin:20px;border-radius:32px;background:#EEF0FF;min-height:560px}.blob{border-radius:50%}.blob,.fc{position:absolute}.fc{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 14px 34px rgba(40,50,110,.12);display:flex;flex-direction:column;gap:8px;width:230px}@media (max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr!important}}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{position:-webkit-sticky;position:sticky;top:0;z-index:5;height:auto;flex-direction:row;align-items:center;padding:10px 12px;gap:8px;overflow-x:auto;box-shadow:0 1px 0 #ECEEF4}.brand b,.me{display:none}.nav{flex-direction:row}.nav a{min-height:42px;padding:0 12px;white-space:nowrap}.main{padding:18px 16px 40px}.auth,.g2,.g3{grid-template-columns:1fr}.auth-art{display:none}h1{font-size:23px}}.av{overflow:visible}.av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.av.lg{width:72px;height:72px;font-size:26px}.online{position:absolute;bottom:-1px;left:-1px;width:11px;height:11px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2px #fff}.main>*{animation:rise .35s ease both}.main>:nth-child(2){animation-delay:.04s}.main>:nth-child(3){animation-delay:.08s}.main>:nth-child(4){animation-delay:.12s}.main>:nth-child(5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn,.card,.file,.item,.kpi,.pill,.tk{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.file:hover,.kpi:hover,.tk:hover{transform:translateY(-3px)}.card:hover{box-shadow:0 1px 2px rgba(30,34,53,.05),0 16px 40px rgba(30,34,53,.08)}.btn:active{transform:scale(.97)}.tk.dragging{opacity:.6;transform:rotate(-2deg) scale(1.02)}.col.over{outline:2px dashed #AEB7F2;outline-offset:-6px}.empty2{flex-direction:column;gap:8px;padding:28px 16px;text-align:center;border-radius:18px;background:#FAFBFF}.empty-e,.empty2{display:flex;align-items:center}.empty-e{font-size:40px;width:76px;height:76px;border-radius:50%;background:#ECEEFF;justify-content:center;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.toasts{position:fixed;bottom:20px;left:20px;z-index:50;flex-direction:column;max-width:360px}.toast,.toasts{display:flex;gap:10px}.toast{background:#1E2235;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 14px 34px rgba(20,24,50,.25);align-items:flex-start;animation:toastIn .35s cubic-bezier(.2,1.2,.4,1) both;font-size:14px;line-height:1.6}.toast a{color:#C9CEFF}.toast.out{animation:toastOut .3s ease both}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}.shake svg{animation:shake .7s ease 2}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(6deg)}}.reacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.react{height:30px;border-radius:15px;border:1.5px solid #e4e7f0;background:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.react:hover{transform:scale(1.08)}.react.mine{border-color:#AEB7F2;background:#ECEEFF}.react.add{opacity:.55}.react.add:hover{opacity:1}.star{background:linear-gradient(0deg,#FFF8E1,#FFF8E1)}.online-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:0 28px;height:190px;overflow:hidden}.banner img{height:100%;width:auto;max-width:62%;object-fit:contain;object-position:left bottom;align-self:flex-end}@media (max-width:860px){.banner{height:auto;flex-direction:column;align-items:flex-start;padding:18px}.banner img{max-width:100%;width:100%;height:auto}}.auth-team{position:absolute;left:0;right:0;bottom:150px;display:flex;justify-content:center}.auth-team img{width:92%;max-width:640px;height:auto;mix-blend-mode:multiply}.btn,.nav a,.pill,.react,.seg a{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.18;transform:scale(0);pointer-events:none;animation:ripple .6s ease-out forwards}@keyframes ripple{to{transform:scale(1);opacity:0}}.squish{animation:jelly .45s cubic-bezier(.3,1.6,.5,1)}@keyframes jelly{0%{transform:scale(1)}30%{transform:scale(.9,1.08)}55%{transform:scale(1.08,.94)}75%{transform:scale(.97,1.03)}to{transform:scale(1)}}.btn:hover{transform:translateY(-1px)}.btn.pri:hover{box-shadow:0 8px 20px rgba(85,99,222,.3)}.react{height:34px;padding:0 10px;overflow:visible}.react .em{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;font-size:16px;line-height:1}.react .em img{width:18px;height:18px;display:block}.react:hover .em{transform:scale(1.25);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.cnt{display:inline-block;animation:cnt .4s cubic-bezier(.3,1.8,.5,1)}@keyframes cnt{0%{transform:translateY(8px) scale(.4);opacity:0}to{transform:none;opacity:1}}.fx-heart .em{animation:heartbeat .7s ease}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.6)}30%{transform:scale(.9)}45%{transform:scale(1.4)}70%{transform:scale(1)}}.fx-like .em{animation:thumb .7s cubic-bezier(.3,1.6,.5,1)}@keyframes thumb{0%{transform:none}25%{transform:translateY(-9px) rotate(-25deg) scale(1.5)}50%{transform:translateY(-6px) rotate(12deg) scale(1.4)}70%{transform:translateY(-2px) rotate(-8deg) scale(1.2)}to{transform:none}}.fx-clap .em{animation:clap .75s ease}@keyframes clap{0%,to{transform:none}10%,40%,70%{transform:scale(1.5,1.2) rotate(-8deg)}25%,55%,85%{transform:scale(.85,1.1) rotate(8deg)}}.fx-laugh .em{animation:laugh .8s ease}@keyframes laugh{0%,to{transform:none}10%,30%,50%,70%{transform:rotate(-16deg) scale(1.35)}20%,40%,60%,80%{transform:rotate(16deg) scale(1.35)}}.fx-fire .em{animation:flame .8s ease}@keyframes flame{0%,to{transform:none;filter:none}20%{transform:scale(1.5,1.7) translateY(-4px);filter:drop-shadow(0 0 6px #FF9F43)}40%{transform:scale(1.2,1.4) skewX(8deg)}60%{transform:scale(1.4,1.6) skewX(-8deg);filter:drop-shadow(0 0 8px #FF6B3D)}}.fx-party .em{animation:party .7s cubic-bezier(.3,1.6,.5,1)}@keyframes party{0%{transform:none}40%{transform:scale(1.7) rotate(-30deg)}to{transform:rotate(1turn)}}.tk-in{animation:cardIn .45s cubic-bezier(.2,1.2,.4,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.tk.dragging{opacity:.75;transform:rotate(-3deg) scale(1.04);box-shadow:0 18px 36px rgba(30,34,53,.18)}.tk.land{animation:land .55s cubic-bezier(.3,1.6,.5,1)}@keyframes land{0%{transform:scale(1.06) rotate(2deg)}50%{transform:scale(.97)}to{transform:none}}.bar-fill{animation:fill 1s cubic-bezier(.3,.9,.3,1) both}@keyframes fill{0%{width:0}}.ck .box{width:22px;height:22px;flex-shrink:0}.ck .box rect{fill:#fff;stroke:#C9CEE3;stroke-width:1.8;transition:fill .25s,stroke .25s}.ck .box path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .35s ease .1s}.ck.on .box rect{fill:#6CCB9C;stroke:#6CCB9C}.ck.on .box path{stroke-dashoffset:0}.ck.on .box{animation:jelly .45s cubic-bezier(.3,1.6,.5,1)}.ck .txt{background:linear-gradient(currentColor,currentColor) no-repeat 100%/0 1.5px;transition:background-size .4s ease,color .3s}.ck.on .txt{background-size:100% 1.5px;color:var(--mut)}.auth-team img,.banner img{transform-origin:50% 100%;animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:none}30%{transform:scale(1.012,1.02) rotate(-.4deg)}60%{transform:scale(1.005,1.01) rotate(.4deg)}}.cheer-card{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#FFF8E6,#fff);flex-wrap:wrap}.cheer-e{font-size:34px;animation:bob 2.6s ease-in-out infinite}.btn.cheer{overflow:visible}.btn.cheer .em{font-size:18px;display:inline-block}.btn.cheer.sent{background:#FFF3D6;color:#7A5300}.btn.cheer[disabled]{opacity:1}.modal{position:fixed;inset:0;z-index:65;background:rgba(20,24,50,.45);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0}}.badge-card{position:relative;overflow:hidden;background:#fff;border-radius:28px;padding:30px 26px 24px;width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 30px 70px rgba(20,24,50,.3);animation:popIn .55s cubic-bezier(.2,1.5,.4,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.6) translateY(30px)}}.rays{position:absolute;width:520px;height:520px;top:-150px;left:50%;margin-left:-260px;border-radius:50%;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.medal{z-index:1;width:116px;height:116px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:58px;box-shadow:0 12px 30px rgba(20,24,50,.18),inset 0 -6px 0 rgba(0,0,0,.08);animation:medal 1s cubic-bezier(.2,1.4,.4,1) both}@keyframes medal{0%{transform:rotateY(540deg) scale(.2)}70%{transform:rotateY(-20deg) scale(1.1)}to{transform:none}}.badges{display:flex;gap:6px;flex-wrap:wrap}.bdg{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;border-radius:16px;font-size:12px;font-weight:600}.bdg.mini{height:26px;width:26px;padding:0;font-size:14px;border-radius:50%}.bdg.mini,.pf{justify-content:center}.pf{display:inline-flex;align-items:center;border-radius:14px;border:1.5px solid;flex-shrink:0;background:#fff}.pf img{display:block}.mcard{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:#fff;box-shadow:var(--shadow);color:var(--ink);flex-wrap:wrap}.mcard:hover{color:var(--ink);transform:translateY(-2px)}.mcard.live{box-shadow:0 0 0 2px #F28AA5,var(--shadow)}.mstate{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:600;background:#F0F1F5;color:#4A4F66;white-space:nowrap}.mstate.soon{background:#FFF1D6;color:#8A5A00}.mstate.live{background:#FFE3EA;color:#B42350}.mstate.live i{width:8px;height:8px;border-radius:50%;background:#E5335F;animation:pulse 1.2s ease-out infinite}.mstate.ended{background:#EEF0F7;color:var(--mut)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,51,95,.6)}to{box-shadow:0 0 0 9px rgba(229,51,95,0)}}.btn.join{overflow:visible}.avs{display:flex}.avs>*{-webkit-margin-start:-8px;margin-inline-start:-8px;box-shadow:0 0 0 2px #fff;border-radius:50%}.avs>:first-child{-webkit-margin-start:0;margin-inline-start:0}.chars{display:flex;gap:10px;flex-wrap:wrap}.chars button{width:64px;height:64px;padding:0;border-radius:50%;border:3px solid transparent;background:#ECEEFF;cursor:pointer;overflow:hidden;transition:transform .2s cubic-bezier(.3,1.6,.5,1),border-color .2s}.chars button:hover{transform:scale(1.12) rotate(-4deg);border-color:var(--acc)}.chars img{width:100%;height:100%;display:block;object-fit:cover}.banner.meet img{max-width:66%}@media (max-width:860px){.banner.meet img{max-width:100%}}