.login-shell{--login-font:"Yekan Bakh FaNum", "Yekan Bakh", Vazirmatn, Tahoma, sans-serif;--headings:#fff;--headings-2:#b2c2d7;--normal:#0075ff;--normal-hover:#0069e6;--secondary:#282d49;--bg-card:#060b28f0;--bg-card-2:#0a0e237d;--bg-secondary:#090d2e;--bg-darker:#020515;--edge:#e0e1e2;height:100dvh;max-height:100dvh;color:var(--headings);font-family:var(--login-font);background:linear-gradient(122.9deg, #0f123b 12.05%, var(--bg-secondary) 43.23%, var(--bg-darker) 74.42%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;direction:ltr;unicode-bidi:isolate;border-radius:10px;grid-template-columns:minmax(0,1.34fr) minmax(360px,1fr);display:grid;overflow:hidden}.login-hero{justify-content:flex-start;align-items:center;min-height:0;padding:25px 0 25px 25px;display:flex;position:relative;overflow:hidden}.hero-stage{z-index:1;outline:.5px solid var(--edge);outline-offset:-.5px;border-radius:12px;width:min(100%,876px);height:min(100dvh - 50px,964px);max-height:100%;animation:.9s cubic-bezier(.22,1,.36,1) both hero-frame-in;position:relative;overflow:hidden;box-shadow:30px 8px 250px 1px #0075ff80}.hero-backglow{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0075ff73 0%,#0075ff1f 42%,#0000 70%);border-radius:50%;animation:4.8s ease-in-out infinite glow-breathe;position:absolute;inset:18% 12%}.hero-picture{z-index:2;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.hero-picture-figma{border-radius:12px;overflow:hidden;-webkit-mask-image:none;mask-image:none}.login-artwork{object-fit:cover;object-position:center 46%;transform-origin:50% 52%;will-change:transform;filter:none;width:100%;height:100%;animation:9s ease-in-out infinite cube-float;display:block;transform:scale(1.02)}.login-artwork-figma{object-fit:contain;object-position:center center;filter:none;width:100%;height:100%;margin:0;animation:none;transform:none}.hero-picture-figma{background:#020515}.mode-register .hero-copy,.mode-login .hero-copy{max-width:min(400px,42%);top:11%;left:calc(25px + min(438px,50%));right:auto}.hero-softlight{z-index:3;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.hero-soft-aura{filter:blur(20px);background:radial-gradient(circle,#ffffff29 0%,#0075ff2e 36%,#0000 70%);border-radius:50%;width:62%;height:62%;animation:4.2s ease-in-out infinite soft-aura;position:absolute;top:52%;left:50%;translate:-50% -50%}.hero-soft-sweep{filter:blur(14px);opacity:.65;background:linear-gradient(108deg,#0000 0%,#b4dcff0d 42%,#ffffff29 50%,#0075ff0f 58%,#0000 100%);width:36%;height:88%;animation:8s ease-in-out infinite soft-sweep;position:absolute;top:6%;left:-30%;transform:skew(-10deg)}.hero-copy{z-index:5;text-align:right;pointer-events:none;direction:rtl;max-width:min(420px,46%);animation:.75s cubic-bezier(.22,1,.36,1) .18s both login-rise;position:absolute;top:14%;right:8%}.hero-title{color:#fff;text-shadow:0 8px 28px #00143c73;margin:0;font-size:clamp(22px,2.3vw,33px);font-weight:700;line-height:1.35}.hero-sub{color:#fff;opacity:.92;margin:9px 0 0;font-size:clamp(13px,1.15vw,17px);font-weight:400;line-height:28px;animation:.75s cubic-bezier(.22,1,.36,1) .28s both login-rise}.hero-side-fade{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000 55%,#0f123b8c 78%,#090d2eeb 100%),linear-gradient(#0205152e 0%,#0000 18% 88%,#02051559 100%);position:absolute;inset:0}.login-panel{z-index:2;height:100%;min-height:0;font-family:var(--login-font);direction:rtl;background:0 0;border-top-left-radius:20px;border-bottom-left-radius:20px;flex-direction:column;justify-content:space-between;padding:50px 48px;animation:.7s cubic-bezier(.22,1,.36,1) both login-panel-in;display:flex;position:relative;overflow:hidden}.login-brand{flex-shrink:0;justify-content:flex-start;align-items:center;gap:2px;animation:.55s cubic-bezier(.22,1,.36,1) both login-rise;display:flex}.brand-name{letter-spacing:-.3px;color:#0000;background:linear-gradient(90.2deg,#ebf3fe 0%,#a6adb4 96.78%);-webkit-background-clip:text;background-clip:text;font-family:Peyda,Yekan Bakh,sans-serif;font-size:clamp(28px,2.8vw,40px);font-weight:900;line-height:1}.login-logo-wrap{flex-shrink:0;justify-content:center;align-items:center;width:clamp(42px,4vw,61px);height:clamp(40px,3.8vw,58px);display:inline-flex}.login-logo{object-fit:contain;filter:drop-shadow(0 0 16px #0075ff73);width:100%;height:auto;display:block;transform:rotate(-90deg)scaleY(-1)}.login-card{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:443px;min-height:0;margin:0 auto;animation:.55s cubic-bezier(.22,1,.36,1) both login-swap;display:flex;overflow:auto}.mode-register .login-card,.mode-login .login-card{justify-content:flex-start;gap:clamp(10px,1.6vh,20px);max-width:100%;padding-top:4px;overflow:hidden}.mode-register .login-panel,.mode-login .login-panel{height:100%;max-height:100dvh;overflow:hidden}.mode-register .login-shell,.mode-login .login-shell{height:100dvh;max-height:100dvh;overflow:hidden}.mode-register .login-brand{flex-shrink:0}.mode-register .login-foot{flex-shrink:0;margin-top:8px}.mode-register .field{gap:clamp(4px,.8vh,10px)}.mode-register .field input{height:clamp(40px,5vh,56px)}.mode-register .login-title{font-size:clamp(15px,1.9vh,22px);line-height:1.3}.mode-register .btn-primary{min-height:0;padding:clamp(9px,1.2vh,13px) 24px}.login-title{color:var(--headings);flex-shrink:0;margin:0 0 28px;font-size:22px;font-weight:700;line-height:28px;animation:.5s cubic-bezier(.22,1,.36,1) both login-rise}.mode-register .login-title{text-align:right;width:100%;margin:0}.login-form{gap:16px;display:grid}.mode-register .login-form>.btn-primary{margin-top:clamp(4px,1vh,12px)}.login-form .anim-item{animation:.6s cubic-bezier(.22,1,.36,1) both login-rise;animation-delay:calc(var(--i,1) * 70ms)}.field-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.field{color:var(--headings-2);gap:13px;font-size:16px;font-weight:400;line-height:12px;display:grid}.field input{outline:1px solid var(--secondary);outline-offset:-1px;background:linear-gradient(117deg, var(--bg-card) 0%, var(--bg-card-2) 100%);width:100%;height:60px;color:var(--headings-2);text-align:right;font-family:var(--login-font);letter-spacing:1px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border:0;border-radius:14px;padding:10px 15px 10px 20px;font-size:17px;font-weight:400;line-height:20px;transition:outline-color .28s,box-shadow .32s cubic-bezier(.22,1,.36,1),background .28s,transform .28s cubic-bezier(.22,1,.36,1)}.field input::placeholder{color:#a0aec08c;letter-spacing:1px}.field input:focus{background:linear-gradient(117deg, #0075ff29 0%, var(--bg-card-2) 100%);outline-color:#0075ffb3;transform:translateY(-1px);box-shadow:0 0 0 3px #0075ff29,0 10px 28px #00287838}.field input:read-only{opacity:.72;cursor:default}.login-form .field.is-ok input,.login-form .field-pass.is-ok input,.login-form input.is-ok,.login-form input.is-ok:focus{outline-color:#05cd99!important;box-shadow:0 0 0 3px #05cd9938!important}.login-form .field.is-bad input,.login-form .field-pass.is-bad input,.login-form input.is-bad,.login-form input.is-bad:focus{outline-color:#e34646!important;box-shadow:0 0 0 3px #e3464638!important}.field-hint{margin-top:-4px;font-size:12px;font-style:normal;font-weight:600;line-height:1.2}.field-hint.ok{color:#05cd99}.field-hint.bad{color:#e34646}.field-pass{position:relative}.field-pass input{padding-left:52px}.icon-btn{color:#7582ae;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px;transition:color .25s,background .25s,transform .28s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;left:12px;translate:0 -50%}.icon-btn:hover{color:var(--normal);background:#0075ff1f}.icon-btn:active{transform:translateY(-50%)scale(.92)}.pass-toggle .eye-swap{place-items:center;animation:.32s cubic-bezier(.22,1,.36,1) both eye-pop;display:grid}.pass-toggle .eye-figma{opacity:.85;width:16px;height:16px;transition:opacity .22s,filter .22s,transform .28s cubic-bezier(.22,1,.36,1);display:block}.pass-toggle.is-open{color:var(--normal)}.pass-toggle.is-open .eye-figma,.pass-toggle .eye-swap.is-open .eye-figma{opacity:1;filter:drop-shadow(0 0 6px #0075ff8c);transform:scale(1.06)}@keyframes eye-pop{0%{opacity:0;transform:scale(.72)rotate(-8deg)}to{opacity:1;transform:none}}.login-row{direction:ltr;justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.login-row .link{order:1}.login-row .remember-toggle{order:2}.login-row .link,.login-signup .link{color:var(--normal-hover);cursor:pointer;font-size:15px;font-weight:600;line-height:20px;font-family:var(--login-font);background:0 0;border:0;padding:0;transition:color .22s,text-shadow .22s}.login-signup .link{font-size:17px}.login-row .link:hover,.login-signup .link:hover{color:#4d9dff;text-shadow:0 0 14px #0075ff59}.remember-toggle{color:var(--headings-2);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:ltr;align-items:center;gap:7px;font-size:15px;font-weight:400;line-height:20px;display:inline-flex}.remember-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle-track{background:#282d49f2;border-radius:97.74px;outline:0;flex-shrink:0;width:36px;height:18.5px;transition:background .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;box-shadow:inset 0 1px 2px #00000040}.toggle-thumb{background:#fff;border-radius:9999px;width:13.5px;height:13.5px;transition:left .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:absolute;top:2.5px;left:2.5px;box-shadow:0 1px 4px #00000047}.remember-toggle.is-on .toggle-track,.remember-toggle input:checked+.toggle-track{background:#0075ff;box-shadow:0 0 14px #0075ff66}.remember-toggle.is-on .toggle-thumb,.remember-toggle input:checked+.toggle-track .toggle-thumb{left:20px;transform:scale(1.04);box-shadow:0 1px 6px #00287859}.remember-toggle:active .toggle-thumb{transform:scale(.94)}.toggle-label{color:var(--headings-2);font-size:15px}.login-err{color:#ff6b8a;min-height:0;font-size:13px;font-weight:600;animation:.4s login-shake}.login-demo{color:#c7d7ff;background:#0075ff24;border:1px solid #0075ff40;border-radius:10px;margin:0;padding:8px 10px;font-size:12px;font-weight:600}.btn-primary{background:var(--normal);color:#fff;height:auto;min-height:46px;font-family:var(--login-font);letter-spacing:.3px;cursor:pointer;border:0;border-radius:10px;padding:13px 24px;font-size:16px;font-weight:700;line-height:20px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,background .25s;box-shadow:0 10px 28px #0075ff59}.btn-primary:hover{background:var(--normal-hover);transform:translateY(-2px)scale(1.01);box-shadow:0 14px 32px #0075ff73}.btn-primary:active{transform:scale(.985)}.btn-primary:disabled{opacity:.65;cursor:wait;box-shadow:none;transform:none}.btn-ghost{color:var(--normal-hover);height:40px;font-family:var(--login-font);cursor:pointer;background:#0075ff1f;border:0;border-radius:10px;font-size:14px;font-weight:600;transition:background .22s,transform .22s}.btn-ghost:hover{background:#0075ff33;transform:translateY(-1px)}.form-divider{opacity:.9;pointer-events:none;width:100%;height:auto;margin:0;display:block}.login-signup{text-align:center;color:var(--headings);direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 0;font-size:17px;font-weight:600;line-height:20px;display:flex}.mode-register .login-signup{margin:0}.login-foot{text-align:center;color:var(--headings-2);flex-shrink:0;justify-content:center;align-items:center;gap:3px;margin-top:16px;font-size:13px;font-weight:400;line-height:16px;animation:.55s cubic-bezier(.22,1,.36,1) .35s both login-rise;display:flex}.foot-copy{font-family:Roboto,system-ui,sans-serif;font-size:14px}@media (width<=1100px){.hero-copy{max-width:40%;right:4%}.login-panel{padding:36px 28px}}@media (width<=900px){.hero-copy{display:none}}@media (width<=700px){.login-shell{border-radius:0;grid-template-columns:1fr}.login-hero{display:none}.login-panel{border-radius:0;width:100%;max-width:520px;height:100dvh;margin:auto;padding:28px 20px}}@media (prefers-reduced-motion:reduce){.login-artwork,.login-artwork-figma,.login-brand,.login-card,.login-panel,.login-form .anim-item,.login-title,.hero-backglow,.hero-soft-aura,.hero-soft-sweep,.hero-stage,.hero-copy,.hero-sub,.login-logo,.btn-primary,.login-foot{animation:none}.login-artwork,.login-artwork-figma{transform:none}.toggle-track,.toggle-thumb{transition:none}}@keyframes login-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes login-swap{0%{opacity:0;transform:translate(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes login-panel-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes hero-frame-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes cube-float{0%,to{filter:drop-shadow(0 18px 40px #00287859);transform:scale(1.02)translateY(0)}50%{filter:drop-shadow(0 28px 56px #0050c86b);transform:scale(1.035)translateY(-10px)}}@keyframes soft-aura{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(.94)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.06)}}@keyframes glow-breathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.85;transform:scale(1.05)}}@keyframes soft-sweep{0%{opacity:0;left:-40%}20%{opacity:.5}50%{opacity:.7;left:45%}80%{opacity:.2}to{opacity:0;left:110%}}@keyframes login-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-shell.mode-register{--r:clamp(.72px,min(.0694444vw,.0976563vh),1.25px);grid-template-columns:62.5694% 37.4306%}.mode-register .login-hero{padding:calc(30 * var(--r)) 0 calc(30 * var(--r)) calc(25 * var(--r))}.mode-register .hero-stage{border-radius:calc(12 * var(--r));outline:none;width:100%;height:100%;max-height:none}.mode-register .hero-side-fade,.mode-register .hero-backglow{display:none}.mode-register .login-artwork-figma{object-fit:contain;object-position:center center;width:100%;height:100%;margin:0;animation:none;transform:none}.mode-register .hero-copy{left:auto;right:calc(47 * var(--r));top:calc(117 * var(--r));width:calc(391 * var(--r));max-width:48%;display:block}.mode-register .hero-title{font-size:calc(33 * var(--r));text-shadow:none;line-height:1.55}.mode-register .hero-sub{font-size:calc(17 * var(--r));line-height:calc(28 * var(--r));margin-top:calc(9 * var(--r))}.mode-register .login-panel{padding:calc(50 * var(--r)) calc(48 * var(--r));justify-content:flex-start}.mode-register .login-brand{height:calc(58 * var(--r));margin-bottom:calc(38 * var(--r));flex-direction:row-reverse;justify-content:flex-end}.mode-register .brand-name{font-size:calc(40 * var(--r))}.mode-register .register-brand-export{width:calc(227.91 * var(--r));height:auto;display:block}.mode-register .login-panel .btn-primary{background:#0075ff}.mode-register .login-logo-wrap{width:calc(60.91 * var(--r));height:calc(58 * var(--r))}.mode-register .login-logo{width:calc(58 * var(--r));filter:none;height:auto}.mode-register .login-card{gap:calc(45 * var(--r));flex:none;padding:0;overflow:visible}.mode-register .login-title{font-size:calc(22 * var(--r));line-height:calc(28 * var(--r));margin:0}.mode-register .login-form{gap:calc(25 * var(--r));overflow:visible}.mode-register .field-row{gap:calc(25 * var(--r))}.mode-register .field{gap:calc(13 * var(--r));font-size:calc(16 * var(--r));line-height:calc(12 * var(--r));color:#b2c2d7}.mode-register .field>span{padding:0 calc(7 * var(--r))}.mode-register .field input{height:calc(60 * var(--r));border-radius:calc(14 * var(--r));padding:calc(10 * var(--r)) calc(15 * var(--r));font-size:calc(17 * var(--r));color:#b2c2d7;background:linear-gradient(92.704deg,#060b28f0 8.451%,#0a0e237d 86.025%)}.mode-register .field input::placeholder{color:#b2c2d7}.mode-register .field-pass input{padding-left:calc(52 * var(--r))}.mode-register .icon-btn{left:calc(20 * var(--r));padding:calc(8 * var(--r))}.mode-register .eye-figma{width:calc(16 * var(--r));height:auto}.mode-register .btn-primary{height:calc(46 * var(--r));padding:calc(13 * var(--r)) calc(24 * var(--r));font-size:calc(16 * var(--r));line-height:calc(20 * var(--r));border-radius:calc(10 * var(--r));margin-top:calc(15 * var(--r))!important}.mode-register .hero-stage,.mode-register .login-hero{overflow:hidden}.mode-register .form-divider{margin:calc(15 * var(--r)) 0 0}.mode-register .login-signup{font-size:calc(17 * var(--r));line-height:calc(20 * var(--r));gap:calc(8 * var(--r))}.mode-register .login-signup .link{font-size:inherit}.mode-register .login-foot{padding-top:calc(20 * var(--r));font-size:calc(13 * var(--r));line-height:calc(16 * var(--r));margin-top:auto}.mode-register .foot-copy{font-size:calc(14 * var(--r))}.mode-register .field-hint{display:block}.mode-register button:focus-visible{outline-offset:3px;outline:2px solid #69b6ff}@media (width<=700px){.login-shell.mode-register{--r:1px;height:auto;min-height:100dvh;max-height:none;display:block;overflow:visible}.mode-register .login-hero{display:none}.mode-register .login-panel{height:auto;min-height:100dvh;max-height:none;padding:28px 20px;overflow:visible}.mode-register .login-title{font-size:18px}.mode-register .login-brand{margin-bottom:30px}.mode-register .login-card{gap:30px}.mode-register .login-foot{padding-top:48px;font-size:10px}}@media (prefers-reduced-motion:reduce){.mode-register *,.mode-register :before{transition:none!important;animation:none!important}}.login-shell.mode-login{--r:clamp(.72px,min(.0694444vw,.0976563vh),1.25px);grid-template-columns:62.5694% 37.4306%}.mode-login .login-hero{padding:calc(30 * var(--r)) 0 calc(30 * var(--r)) calc(25 * var(--r))}.mode-login .hero-stage{border-radius:calc(12 * var(--r));outline:none;width:100%;height:100%;max-height:none}.mode-login .hero-side-fade,.mode-login .hero-backglow{display:none}.mode-login .login-artwork-figma{object-fit:contain;object-position:center center;width:100%;height:100%;margin:0;animation:none;transform:none}.mode-login .hero-copy{left:auto;right:calc(47 * var(--r));top:calc(117 * var(--r));width:calc(391 * var(--r));max-width:48%;display:block}.mode-login .hero-title{font-size:calc(33 * var(--r));text-shadow:none;line-height:1.55}.mode-login .hero-sub{font-size:calc(17 * var(--r));line-height:calc(28 * var(--r));margin-top:calc(9 * var(--r))}.mode-login .login-panel{padding:calc(50 * var(--r)) calc(48 * var(--r));justify-content:flex-start}.mode-login .login-brand{height:calc(58 * var(--r));margin-bottom:calc(38 * var(--r));flex-direction:row-reverse;justify-content:flex-end}.mode-login .brand-name{font-size:calc(40 * var(--r))}.mode-login .register-brand-export{width:calc(227.91 * var(--r));height:auto;display:block}.mode-login .login-panel .btn-primary{background:#0075ff}.mode-login .login-logo-wrap{width:calc(60.91 * var(--r));height:calc(58 * var(--r))}.mode-login .login-logo{width:calc(58 * var(--r));filter:none;height:auto}.mode-login .login-card{gap:calc(45 * var(--r));flex:none;padding:0;overflow:visible}.mode-login .login-title{font-size:calc(22 * var(--r));line-height:calc(28 * var(--r));margin:0}.mode-login .login-form{gap:calc(25 * var(--r));overflow:visible}.mode-login .field-row{gap:calc(25 * var(--r))}.mode-login .field{gap:calc(13 * var(--r));font-size:calc(16 * var(--r));line-height:calc(12 * var(--r));color:#b2c2d7}.mode-login .field>span{padding:0 calc(7 * var(--r))}.mode-login .field input{height:calc(60 * var(--r));border-radius:calc(14 * var(--r));padding:calc(10 * var(--r)) calc(15 * var(--r));font-size:calc(17 * var(--r));color:#b2c2d7;background:linear-gradient(92.704deg,#060b28f0 8.451%,#0a0e237d 86.025%)}.mode-login .field input::placeholder{color:#b2c2d7}.mode-login .field-pass input{padding-left:calc(52 * var(--r))}.mode-login .icon-btn{left:calc(20 * var(--r));padding:calc(8 * var(--r))}.mode-login .eye-figma{width:calc(16 * var(--r));height:auto}.mode-login .btn-primary{height:calc(46 * var(--r));padding:calc(13 * var(--r)) calc(24 * var(--r));font-size:calc(16 * var(--r));line-height:calc(20 * var(--r));border-radius:calc(10 * var(--r));margin-top:calc(15 * var(--r))!important}.mode-login .hero-stage{overflow:hidden}.mode-login .form-divider{margin:calc(15 * var(--r)) 0 0}.mode-login .login-signup{font-size:calc(17 * var(--r));line-height:calc(20 * var(--r));gap:calc(8 * var(--r))}.mode-login .login-signup .link{font-size:inherit}.mode-login .login-foot{padding-top:calc(20 * var(--r));font-size:calc(13 * var(--r));line-height:calc(16 * var(--r));margin-top:auto}.mode-login .foot-copy{font-size:calc(14 * var(--r))}.mode-login .field-hint{display:block}.mode-login button:focus-visible{outline-offset:3px;outline:2px solid #69b6ff}@media (width<=700px){.login-shell.mode-login{--r:1px;height:auto;min-height:100dvh;max-height:none;display:block;overflow:visible}.mode-login .login-hero{display:none}.mode-login .login-panel{height:auto;min-height:100dvh;max-height:none;padding:28px 20px;overflow:visible}.mode-login .login-title{font-size:18px}.mode-login .login-brand{margin-bottom:30px}.mode-login .login-card{gap:30px}.mode-login .login-foot{padding-top:48px;font-size:10px}}@media (prefers-reduced-motion:reduce){.mode-login *,.mode-login :before{transition:none!important;animation:none!important}}.mode-login .login-brand{margin-bottom:calc(48 * var(--r))}.mode-login .login-form{gap:calc(25 * var(--r))}.mode-login .login-row{margin-top:calc(-9 * var(--r));gap:calc(16 * var(--r));height:calc(20 * var(--r))}.mode-login .login-row .link,.mode-login .toggle-label,.mode-login .remember-toggle{font-size:calc(15 * var(--r));line-height:calc(20 * var(--r))}.mode-login .remember-toggle{gap:calc(7 * var(--r))}.mode-login .toggle-track{width:calc(36 * var(--r));height:calc(18.5 * var(--r));box-shadow:none}.mode-login .toggle-thumb{width:calc(13.5 * var(--r));height:calc(13.5 * var(--r));top:calc(2.5 * var(--r));left:calc(2.5 * var(--r));box-shadow:none}.mode-login .remember-toggle.is-on .toggle-thumb{left:calc(20 * var(--r));transform:none}.mode-login .remember-toggle input:focus-visible+.toggle-track{outline-offset:3px;outline:2px solid #69b6ff}.mode-login .login-form>.btn-primary{margin-top:calc(3 * var(--r))!important}.mode-login .form-divider{margin-top:calc(3 * var(--r))}.mode-login .login-signup{margin:calc(-1 * var(--r)) 0 0}@media (width<=700px){.mode-login .login-row{flex-wrap:wrap;gap:12px;height:auto}}.mode-login .login-hero,.mode-register .login-hero{overflow:hidden}@keyframes soft-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}@keyframes soft-fade{0%{opacity:0}to{opacity:1}}@keyframes soft-press-ripple{0%{opacity:.5;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.login-shell *,.login-shell :before,.b-panel *,.b-panel :before{transition:none!important;animation:none!important}}.b-panel .devices-c{gap:calc(12 * var(--unit));min-height:0;padding-top:calc(5 * var(--unit));direction:rtl;flex-direction:column;flex:1;animation:.55s cubic-bezier(.22,1,.36,1) both device-enter;display:flex}.b-panel .devices-toolbar{justify-content:space-between;align-items:center;gap:calc(12 * var(--unit));padding:0 calc(10 * var(--unit));min-height:calc(25 * var(--unit));direction:ltr;display:flex}.b-panel .devices-actions,.b-panel .devices-heading{align-items:center;gap:calc(6 * var(--unit));display:flex}.b-panel .devices-heading{gap:calc(7.5 * var(--unit));text-align:right}.b-panel .devices-heading h1{margin:0 0 calc(7 * var(--unit));font-size:calc(10.5 * var(--unit));line-height:calc(9 * var(--unit));color:#fff;font-weight:700}.b-panel .devices-heading p{font-size:calc(9 * var(--unit));line-height:calc(9 * var(--unit));color:#b2c2d7;margin:0;font-weight:400}.b-panel .device-icon{flex-shrink:0;max-width:none;display:block}.b-panel .devices-count{gap:calc(2.5 * var(--unit));height:calc(19.5 * var(--unit));padding:calc(3 * var(--unit)) calc(5 * var(--unit)) calc(2.5 * var(--unit)) calc(4 * var(--unit));color:#0075ff;border-radius:calc(6 * var(--unit));font-size:calc(7.5 * var(--unit));white-space:nowrap;background:#0f123b;justify-content:center;align-items:center;font-weight:600;display:flex}.b-panel .devices-search,.b-panel .devices-filter{justify-content:center;align-items:center;gap:calc(3 * var(--unit));height:calc(25 * var(--unit));border-radius:calc(6 * var(--unit));color:#b2c2d7;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);direction:ltr;background:linear-gradient(57.511deg,#0f1535d6 37.696%,#060b28c9 91.511%);border:.5px solid #e2e8f04d;transition:border-color .25s,box-shadow .28s,color .22s,transform .28s cubic-bezier(.22,1,.36,1);display:flex}.b-panel .devices-search{width:calc(122.5 * var(--unit));padding:0 calc(8 * var(--unit)) 0 calc(3 * var(--unit))}.b-panel .devices-search input{color:#fff;width:100%;min-width:0;font:inherit;font-size:calc(8 * var(--unit));text-align:right;direction:rtl;background:0 0;border:0;outline:none}.b-panel .devices-search input::placeholder{color:#b2c2d7}.b-panel .devices-search:focus-within{border-color:#0075ff;box-shadow:0 0 0 3px #0075ff2e}.b-panel .devices-filter{padding:0 calc(5 * var(--unit)) 0 calc(13 * var(--unit));font-size:calc(8 * var(--unit));background:#0f1535d6;font-weight:400}.b-panel .devices-filter:hover,.b-panel .devices-filter.active{color:#fff;border-color:#0075ff}.b-panel .device-filters{background:#080f2ceb;border:.5px solid #e2e8f02e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;animation:.22s both device-enter;display:flex}.b-panel .device-filters label{color:#b2c2d7;align-items:center;gap:8px;font-size:13px;display:flex}.b-panel .device-filters select,.b-panel .device-filters button{color:#d9e6fa;font:inherit;background:#122447;border:1px solid #293f68;border-radius:8px;padding:6px 10px}.b-panel .devices-table-wrap{border-radius:calc(10 * var(--unit));-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);outline-offset:-.5px;background:linear-gradient(121.76deg,#060b28bd 42.91%,#0a0e23b5 100%);outline:.5px solid #e0e1e214;flex:1;min-height:0;overflow:auto;box-shadow:0 16px 40px #00082059,inset 0 1px #ffffff0d}.b-panel .devices-table{border-collapse:collapse;table-layout:fixed;color:#fff;width:100%}.b-panel .devices-table th{height:calc(31.5 * var(--unit));font-size:calc(8 * var(--unit));line-height:calc(9 * var(--unit));color:#b2c2d7;text-align:right;padding:0 calc(7 * var(--unit));white-space:nowrap;border-bottom:1px solid #56577a4d;font-weight:400;position:relative}.b-panel .devices-table thead{background:url(/assets/figma-c/imgFrame1340444.png) 50%/cover}.b-panel .devices-table th button{justify-content:flex-start;align-items:center;gap:calc(3 * var(--unit));color:inherit;width:100%;font:inherit;cursor:pointer;direction:rtl;background:0 0;border:0;padding:0;display:flex}.b-panel .devices-table th:last-child{text-align:center}.b-panel .devices-table td{height:calc(47 * var(--unit));padding:calc(8 * var(--unit)) calc(7 * var(--unit));font-size:calc(9 * var(--unit));text-align:right;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #56577a;font-weight:600;overflow:hidden}.b-panel .devices-table th:first-child,.b-panel .devices-table td:first-child{padding-right:calc(21.5 * var(--unit))}.b-panel .devices-table td:last-child{padding-left:calc(21.5 * var(--unit));text-align:center;padding-right:0}.b-panel .devices-table tbody tr{animation:.4s cubic-bezier(.22,1,.36,1) both device-enter;animation-delay:calc(var(--row,0) * 45ms);transition:background .22s}.b-panel .device-id{font-family:Roboto,Arial,sans-serif;font-size:calc(7.5 * var(--unit));font-weight:600}.b-panel .device-badge{padding:calc(3 * var(--unit)) calc(6 * var(--unit));border-radius:calc(3 * var(--unit));font-size:calc(8.5 * var(--unit));font-weight:400;line-height:calc(9 * var(--unit));justify-content:center;align-items:center;display:inline-flex}.b-panel .device-badge.positive{color:#01b574;background:#01b5744d}.b-panel .device-badge.negative{color:#e33a3a;background:#e33a3a33}.b-panel .device-badge.warning{color:#edb338;background:#edb33826}.b-panel .device-view{justify-content:center;align-items:center;gap:calc(2.5 * var(--unit));padding:calc(5.5 * var(--unit)) calc(7.5 * var(--unit));border-radius:calc(4 * var(--unit));color:#fff;font-size:calc(7.5 * var(--unit));white-space:nowrap;direction:ltr;background:#0058bf;border:0;line-height:1.4;transition:background .22s,box-shadow .28s,transform .22s;display:inline-flex}.b-panel .device-view:hover{background:#0075ff;transform:translateY(-1px);box-shadow:0 4px 18px #0075ff59}.b-panel .devices-empty{text-align:center;color:#b2c2d7;padding:32px}@keyframes device-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=640px){.b-panel .devices-c{width:100%;min-width:0;min-height:70dvh;padding-top:18px}.b-panel .devices-toolbar{flex-direction:column-reverse;align-items:stretch;gap:18px;padding:0}.b-panel .devices-heading{justify-content:space-between}.b-panel .devices-actions{width:100%}.b-panel .devices-search{flex:1}.b-panel .devices-table{min-width:720px}.b-panel .devices-table-wrap{width:100%;min-width:0;min-height:420px}}@media (prefers-reduced-motion:reduce){.b-panel .devices-c *{transition:none!important;animation:none!important}}.view-dashboard{--sidebar:248px;font-size:14px;transition:grid-template-columns .25s}.topbar,.sidebar-top{height:80px;padding:14px 24px}.page-title{gap:12px;font-size:17px}.info-ico{cursor:pointer;background:0 0;border-width:2px;width:26px;height:28px;font-size:20px}.workspace-chip{gap:10px;width:42%;max-width:370px;padding:4px 12px}.workspace-chip>svg:first-child{width:24px;height:24px}.ws-title{gap:10px;padding:3px 6px}.ws-title select{width:100%;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;font-weight:600}.ws-meta{flex-shrink:0}.reference-brand{background-position:-1309px -80.5px;background-size:1680px 928.9px;width:154px;height:46px}.dash-grid{grid-template-rows:minmax(248px,1fr) 82px minmax(190px,.72fr);gap:14px;height:calc(100dvh - 80px);min-height:584px;padding:20px 24px}.card{border-radius:12px;padding:18px 20px}.card h2{font-size:14px}.card-reports .card-head{gap:8px;margin-bottom:12px}.card-reports h2{gap:8px}.report-subtitle{padding-left:10px;font-size:12px}.chart-wrap{min-height:140px;padding:0}.stat-row{gap:14px}.stat{text-align:right;color:inherit;cursor:pointer;font:inherit;border:0;padding:14px 20px;font-weight:600;transition:transform .18s,box-shadow .18s}.stat strong{font-size:25px;line-height:1}.stat:hover{transform:translateY(-3px);box-shadow:0 8px 18px #182d4310}.bottom-grid{gap:22px;margin-top:0}.bars{margin-top:12px}.bar-row{min-height:46px;padding:19px 0 11px}.track{width:78%;height:12px}.track b{border:0}.bar-meta{font-size:12px}.bar-meta strong{font-size:11px}.status-list>div{min-height:36px;font-size:12px}.result-symbol{font-size:25px}.card-summary h2 svg{width:20px;height:20px}.card-foot{flex-wrap:nowrap;margin-top:10px;font-size:11px}.card-summary .card-foot{font-size:11px}.text-action{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.uptime-rows{gap:15px;margin-top:20px;padding-bottom:12px}.uptime-bar{height:16px}.uptime-bar i.on{background:#3ad7a8}.uptime-bar i.dim{background:#e7f8f1}.uptime-row{grid-template-columns:88px minmax(0,1fr);gap:10px;font-size:11px}.uptime-rows:before,.uptime-rows:after{right:98px}.activity-caption{color:#7c8792;margin:8px 0 0;font-size:10px}.dist-body{gap:18px;margin-top:20px}.dist-chart{width:34%;max-width:142px}.dist-legend{gap:10px;max-height:148px;font-size:11px;overflow-y:auto}.dist-legend li{white-space:normal}.dist-legend li span{min-width:0}.nav{gap:8px;padding:18px 14px}.nav-item{border-radius:10px;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px 10px 16px;font-size:15px;transition:background .2s,color .2s}.nav-item:hover{transform:none}.nav-item svg{width:23px;height:23px}.sidebar{height:100dvh;position:sticky;top:0}.sidebar-user{padding-top:12px}.user-row{gap:10px;padding:12px 16px}.user-row>div{min-width:0}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:158px;font-size:14px;overflow:hidden}.user-initial{color:#2d5a70;background:#def0f5;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.service-status{gap:6px;margin-top:5px;font-size:10px}.badge-active{padding:3px 9px}.badge-active.inactive{color:#69727d;background:#eceff3}.live-indicator{color:#9aa1a8;padding:0 16px 9px;font-size:9px;display:block}.live-indicator:before{content:"";background:#dba545;border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.live-indicator.connected:before{background:#04bd91}.connection-state{color:#909aa4;justify-content:center;align-items:center;gap:6px;padding-bottom:12px;font-size:10px;display:flex}.connection-state i{background:#dba545;border-radius:50%;width:6px;height:6px}.connection-state i.connected{background:#04bd91;box-shadow:0 0 0 3px #04bd9114}.user-tools{justify-content:space-between;gap:10px;padding:12px 18px}.user-tools button{width:25px;height:25px;font-size:25px}.user-tools button svg{width:21px;height:21px}.user-tools button:last-child{margin-left:0}.is-collapsed .sidebar-top{justify-content:center;padding:18px}.is-collapsed .nav-item{justify-content:center;padding:12px}.resource-section{padding:24px;animation:.3s both sectionIn}.resource-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.resource-toolbar h2{margin:0;font-size:18px}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.resource-section button,.panel-modal button,.panel-error button{font:inherit;cursor:pointer;color:#35526b;background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:8px 14px;transition:background .18s,transform .18s}.resource-section button:hover,.panel-modal button:hover{background:#f1f6fc}.resource-section button:disabled,.panel-modal button:disabled{opacity:.5;cursor:wait}.resource-section input,.resource-section select,.panel-form input,.panel-form textarea{font:inherit;color:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-width:0;padding:9px 12px}.resource-section .primary-action,.panel-modal .primary-action{color:#fff;background:#007aff;border-color:#007aff}.primary-action:hover{filter:brightness(.96)}.table-scroll{background:#fff;border:1px solid #e7ecf1;border-radius:12px;overflow-x:auto}.table-scroll table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%;font-size:13px}.table-scroll th{color:#677583;background:#f1f4f8;padding:14px 16px;font-weight:500}.table-scroll td{border-top:1px solid #edf0f4;padding:14px 16px}.table-scroll tbody tr:hover{background:#fafcff}.table-scroll bdi{font-size:11px}.status-badge{color:#73808e;background:#edf1f5;border-radius:20px;padding:4px 10px;font-size:11px;display:inline-block}.status-badge.online,.status-badge.paid,.status-badge.shipped{color:#079575;background:#dff8ee}.status-badge.failed,.status-badge.offline{color:#db5366;background:#fff0f2}.status-badge.pending,.status-badge.open,.status-badge.degraded{color:#ac7c23;background:#fff6df}.empty-state,.loading-state{color:#8b95a1;text-align:center;place-items:center;min-height:130px;padding:20px;font-size:13px;display:grid}.panel-error,.panel-notice{color:#b44656;background:#fff0f2;border-radius:10px;margin:12px 24px;padding:12px 16px;font-size:13px}.panel-notice{color:#078363;background:#e7faf2}.resource-section>.panel-error,.resource-section>.panel-notice{margin:12px 0}.report-list{gap:12px;display:grid}.resource-section .report-item{text-align:right;color:inherit;background:#f1f4f8;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px;display:flex}.report-item>span{color:#8b95a1;font-size:12px}.export-action{margin-bottom:14px}.wallet-balance{background:linear-gradient(120deg,#e0fff7,#e2f5ff);border-radius:16px;margin-bottom:24px;padding:30px}.wallet-balance strong{color:#256376;margin:12px 0;font-size:38px;display:block}.wallet-balance small{font-size:16px}.wallet-balance p{color:#748b99;font-size:12px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.product-card{background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;flex-direction:column;gap:12px;padding:22px;display:flex}.product-icon{color:#467ac3;background:#e8eff9;border-radius:10px;place-items:center;height:90px;font-size:55px;display:grid}.product-card h3,.product-card p{margin:0}.product-card p{color:#87929d;flex:1;font-size:12px}.product-card button{margin-top:6px}.panel-modal{color:#293746;border:0;border-radius:18px;width:min(560px,100vw - 32px);max-height:85dvh;padding:24px;animation:.22s both modalIn;overflow-y:auto;box-shadow:0 24px 100px #132c4550}.panel-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14233266}.panel-modal>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.panel-modal h2{margin:0;font-size:18px}.panel-modal>header button{border:0;padding:0 8px;font-size:24px}.panel-modal p{font-size:14px;line-height:1.9}.panel-form{gap:16px;display:grid}.panel-form label{gap:8px;font-size:13px;display:grid}.panel-form textarea{resize:vertical;min-height:120px}.profile-form{max-width:540px}.detail-list{margin:0 0 20px}.detail-list>div{border-bottom:1px solid #e9edf1;justify-content:space-between;gap:16px;padding:13px 0;display:flex}.detail-list dt{color:#84909a}.detail-list dd{overflow-wrap:anywhere;margin:0}.ticket-messages{gap:12px;margin-bottom:22px;display:grid}.ticket-messages article{background:#f1f5f9;border-radius:10px;padding:14px}.ticket-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}.ticket-messages small{color:#8a96a2}.event-item{background:#f1f4f8;border-right:3px solid #70b3e2;border-radius:8px;justify-content:space-between;padding:18px;display:flex}.event-item.warning{border-color:#e5b951}.event-item.critical{border-color:#f17383}.muted{color:#8a95a1}.dashboard-skeleton{grid-template-columns:1.5fr 1fr;gap:18px;padding:24px;display:grid}.dashboard-skeleton i{background:linear-gradient(100deg,#f0f3f7 30%,#fafcff 50%,#f0f3f7 70%) 0 0/200% 100%;border-radius:14px;height:250px;animation:1.4s linear infinite shimmer}.anim-card{animation:.45s both sectionIn}.card-summary{animation-delay:60ms}.stat-row{animation-delay:.12s}.bottom-grid .card{animation-delay:.18s}@keyframes sectionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}[data-theme=dark] .view-dashboard{--ink:#e2e8f2;--line:#303b4d;color:#e2e8f2;background:#151d2a}[data-theme=dark] .card,[data-theme=dark] .resource-section .report-item,[data-theme=dark] .table-scroll th,[data-theme=dark] .product-card,[data-theme=dark] .event-item{background:#202b3b}[data-theme=dark] .workspace-chip,[data-theme=dark] .ws-title,[data-theme=dark] .user-tools,[data-theme=dark] .nav-item.is-active,[data-theme=dark] .nav-item:hover{color:#e2e8f2;background:#263346}[data-theme=dark] .nav-item,[data-theme=dark] .nav-item svg,[data-theme=dark] .user-tools button{color:#c3ccda}[data-theme=dark] .stat{background:#203952}[data-theme=dark] .stat.online{background:#193c39}[data-theme=dark] .stat.offline{background:#2b3548}[data-theme=dark] .table-scroll,[data-theme=dark] .resource-section input,[data-theme=dark] .resource-section select,[data-theme=dark] .resource-section button,[data-theme=dark] .panel-modal,[data-theme=dark] .panel-form input,[data-theme=dark] .panel-form textarea{color:#e2e8f2;background:#1b2636;border-color:#344156}[data-theme=dark] .primary-action{background:#0a84ff}[data-theme=dark] .reference-brand{border-radius:7px}[data-theme=dark] .table-scroll td,[data-theme=dark] .bar-row,[data-theme=dark] .status-list>div{border-color:#303b4d}[data-theme=dark] .table-scroll tbody tr:hover,[data-theme=dark] .ticket-messages article{background:#263346}@media (width>=1700px){.view-dashboard{--sidebar:280px;font-size:15px}.card h2{font-size:16px}.nav-item{min-height:56px;font-size:17px}.bars{margin-top:20px}.bar-row{min-height:60px}.status-list>div,.bar-meta{font-size:14px}.uptime-rows{gap:22px}.uptime-bar{height:18px}.dist-chart{max-width:170px}.dist-legend{font-size:13px}}@media (width<=1150px) and (width>=901px){.view-dashboard{--sidebar:210px;font-size:12px}.sidebar-top{padding:14px}.nav-item{padding:10px 14px;font-size:13px}.card{padding:16px}.card h2{font-size:12px}.dash-grid{padding:16px}.dist-body{gap:10px}.dist-legend{font-size:10px}.user-row{padding:12px}.user-name{max-width:135px;font-size:12px}.service-status{font-size:9px}}@media (width<=900px){.view-dashboard{--sidebar:190px}.dash-grid{grid-template-rows:280px 82px auto auto;grid-template-columns:1fr;height:auto;min-height:0;padding:16px}.card-reports,.stat-row{min-height:0}.card-summary{min-height:340px}.bottom-grid{grid-template-columns:1fr;gap:14px}.card-uptime,.card-dist{min-height:210px}.topbar{gap:12px;height:auto;min-height:80px}.workspace-chip{width:100%;max-width:none}.sidebar-top{padding:12px}.reference-brand{background-position:-1122px -69px;background-size:1440px 796.2px;width:132px;height:39px}.nav{padding:12px 8px}.nav-item{padding:10px 12px;font-size:13px}.user-row{flex-wrap:wrap;padding:12px 10px}.stat{padding:12px;font-size:11px}.resource-section{padding:16px}.report-subtitle{display:none}}@media (width<=600px){.sidebar{height:auto;position:static}.sidebar-top{height:62px}.nav{gap:6px;padding:6px 10px}.nav-item{min-height:40px;padding:8px 12px}.topbar{padding:14px 16px}.page-title{font-size:16px}.dash-grid{gap:12px;padding:12px}.toolbar-actions,.toolbar-actions input{width:100%}.panel-modal{padding:18px}.resource-toolbar h2{font-size:17px}.table-scroll td,.table-scroll th{padding:12px}.dist-chart{width:130px}.dist-body{justify-content:space-around}.dist-legend{flex:1;max-width:200px}.report-item{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.b-pointer-ring{pointer-events:none;z-index:10000;background:radial-gradient(circle,#38a7ff38,#0000 72%);border:1px solid #91d5ff8c;border-radius:50%;width:48px;height:48px;position:fixed;box-shadow:0 0 14px #359aff59,inset 0 0 8px #359aff33}@media (prefers-reduced-motion:reduce){.b-pointer-ring{display:none}}.b-panel{--unit:clamp(.75px, min(.139vw, .196vh), 1.9px);--headings:#fff;--headings-2:#b2c2d7;--normal:#0075ff;--submit:#01b574;--submit-2:#05cd99;--edge:#e0e1e2;--bg-card:#060b28e0;--bg-card-2:#0a0e2370;--text:var(--headings);--secondary:var(--headings-2);isolation:isolate;gap:calc(7.5 * var(--unit));padding:calc(12.5 * var(--unit));height:100dvh;min-height:500px;color:var(--headings);font-family:Yekan Bakh FaNum,Yekan Bakh,Vazirmatn,Tahoma,sans-serif;font-size:calc(9 * var(--unit));direction:ltr;unicode-bidi:isolate;background:linear-gradient(234.583deg,#020515 0%,#0a102f 100%);border-radius:10px;grid-template-columns:minmax(0,1fr) 20.1389%;grid-template-areas:"main side";display:grid;position:relative;overflow:hidden}.b-panel:before{content:"";z-index:-1;pointer-events:none;width:126.806%;height:126.758%;filter:blur(calc(68 * var(--unit)));will-change:auto;background:linear-gradient(#0003,#0003),url(/assets/figma-b/imgWp96499301.png) 50%/cover;animation:none;position:absolute;top:-13.3789%;left:-26.8056%}.b-panel button,.b-panel select{font:inherit}.b-panel button{cursor:pointer;isolation:isolate;transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.22,1,.36,1),color .18s;position:relative}.b-panel button svg,.b-panel button img{filter:none;transition:transform .22s cubic-bezier(.22,1,.36,1)}.b-panel button:hover svg,.b-panel button:hover img{filter:none;opacity:1}.b-panel button:active:not(:disabled){transform:scale(.97)}.b-panel button:disabled{cursor:default;opacity:.5}.b-panel .b-click-wave{pointer-events:none;z-index:5;background:radial-gradient(circle,#93d8ff8c,#2895ff38 45%,#0000 72%);border-radius:50%;position:absolute}.b-panel button:focus-visible,.b-panel select:focus-visible{outline-offset:3px;outline:2px solid #67b9ff}.b-panel .figma-asset{object-fit:contain;flex-shrink:0;max-width:none;display:block}.b-panel .main{gap:calc(7.5 * var(--unit));direction:rtl;flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex;overflow:hidden}.b-panel .sidebar{gap:calc(5 * var(--unit));border-radius:calc(10 * var(--unit));outline-offset:-.5px;-webkit-backdrop-filter:blur(60px)saturate(1.6);backdrop-filter:blur(60px)saturate(1.6);direction:rtl;background:linear-gradient(268deg,#060b26f0 0%,#1a1f3700 100%);outline:.5px solid #e0e1e224;flex-direction:column;grid-area:side;min-width:0;height:100%;display:flex;overflow:hidden;box-shadow:-12px 0 48px #00145038,inset 1px 0 #ffffff0d}.b-panel .brand{padding:calc(15 * var(--unit)) calc(18.5 * var(--unit)) calc(5 * var(--unit)) calc(12.5 * var(--unit));justify-content:flex-end;align-items:center;gap:2px;display:flex}.b-panel .brand-separator,.b-panel .mobile-close,.b-panel .menu-button,.b-panel .nav-badge,.b-panel .theme-toggle,.b-panel .sun-icon{display:none!important}.b-panel .brand b{font-family:Peyda,Vazirmatn,sans-serif;font-size:calc(16.5 * var(--unit));color:#0000;background:linear-gradient(90deg,#ebf3fe99,#c9d0d9 50%,#a6adb4b3);-webkit-background-clip:text;background-clip:text;font-weight:900}.b-panel .brand-mark{width:calc(26.455 * var(--unit));height:calc(25.191 * var(--unit));place-items:center;display:grid}.b-panel .brand-mark img{transform:rotate(-90deg)scaleY(-1)}.b-panel nav{min-height:0;padding:calc(9 * var(--unit)) calc(11 * var(--unit)) 0;gap:calc(4 * var(--unit));flex-direction:column;flex:1;display:flex;overflow:auto}.b-panel .nav-item{justify-content:flex-end;align-items:center;gap:calc(6 * var(--unit));width:100%;height:calc(27 * var(--unit));min-height:0;padding:0 calc(7.5 * var(--unit)) 0 0;border-radius:calc(7.5 * var(--unit));color:#fff;font-size:calc(8 * var(--unit));text-align:right;background:0 0;border:0;font-weight:400;display:flex}.b-panel .nav-item:before,.b-panel .nav-item:after{display:none}.b-panel .nav-item:hover{background:#1a1f378c;transform:translate(-2px)}.b-panel .nav-item.selected{outline-offset:-.5px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);color:#fff;background:#1a1f37;outline:.5px solid #e0e1e22e;box-shadow:0 8px 24px #00143c47,inset 0 1px #ffffff0f}.b-panel .nav-icon{width:calc(16 * var(--unit));height:calc(16 * var(--unit));border-radius:calc(6 * var(--unit));outline-offset:-.5px;padding:calc(1.5 * var(--unit));box-sizing:content-box;background:#1a1f37;outline:.5px solid #e0e1e21f;flex-shrink:0;place-items:center;transition:background .3s,box-shadow .35s,transform .3s cubic-bezier(.22,1,.36,1);display:grid}.b-panel .selected .nav-icon{background:var(--normal);animation:2.4s ease-in-out infinite b-nav-glow;box-shadow:0 0 18px #0075ff8c,0 4px 12px #0050c859}.b-panel .nav-item:hover .nav-icon{transform:scale(1.06)}.b-panel .side-bottom{gap:calc(10 * var(--unit));padding-top:calc(2.5 * var(--unit));flex-direction:column;margin-top:auto;display:flex}.b-panel .profile{justify-content:flex-end;align-items:center;gap:calc(5 * var(--unit));margin:0 calc(5 * var(--unit));padding:calc(5.5 * var(--unit)) calc(6.5 * var(--unit)) calc(6 * var(--unit)) calc(3 * var(--unit));border-radius:calc(10 * var(--unit));outline:.5px solid var(--edge);outline-offset:-.5px;background:linear-gradient(90deg,#090d2ecc 0%,#020515cc 100%);display:flex;position:relative}.b-panel .avatar{width:calc(30 * var(--unit));height:calc(30 * var(--unit));object-fit:cover;border-radius:calc(10 * var(--unit));border:.5px solid var(--edge);order:2}.b-panel .profile>div{text-align:right;flex:1;order:1;min-width:0}.b-panel .profile strong{font-size:calc(8.5 * var(--unit));color:#fff;font-weight:600;display:block}.b-panel .profile-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.b-panel .profile small{color:var(--headings-2);font-size:calc(7 * var(--unit));font-weight:600}.b-panel .profile em{color:#10b981;font-style:normal;font-size:calc(8 * var(--unit));padding:calc(2 * var(--unit)) calc(7 * var(--unit));background:#10b98133;border-radius:21px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.b-panel .logout-btn{display:none}.b-panel .profile:hover .logout-btn,.b-panel .profile:focus-within .logout-btn{bottom:calc(78 * var(--unit));right:calc(10 * var(--unit));color:#fff;background:#0a1833;border:1px solid #28456b;border-radius:8px;gap:6px;padding:8px;display:flex;position:absolute}.b-panel .side-tools{justify-content:space-between;align-items:center;gap:calc(6.5 * var(--unit));padding:calc(5 * var(--unit)) calc(10 * var(--unit));border-top:.5px solid var(--edge);direction:ltr;background:linear-gradient(130deg,#0a0e2363 0%,#001a477a 50%,#090d2ecc 100%);border-radius:8px;display:flex}.b-panel .side-tools-left{align-items:center;gap:calc(6.5 * var(--unit));display:flex}.b-panel .side-tools button{width:calc(16 * var(--unit));height:calc(16 * var(--unit));padding:calc(3 * var(--unit));color:#fff;box-sizing:content-box;background:#0206164d;border:0;border-radius:50%;place-items:center;display:grid}.b-panel .side-tools .theme-moon{cursor:default;background:#020616b3}.b-panel .side-tools button:hover{background:#020616b3;transform:scale(1.06)}.b-panel .settings-action{margin-left:0}.b-panel .notification{bottom:calc(37 * var(--unit));z-index:10;background:#07162e;border:1px solid #294876;border-radius:10px;padding:12px;font-size:12px;position:absolute;left:10px;right:10px}.b-panel .header{min-height:calc(52 * var(--unit));padding:0 calc(21 * var(--unit)) 0 calc(9.5 * var(--unit));border-radius:calc(10 * var(--unit));outline-offset:-.5px;-webkit-backdrop-filter:blur(60px)saturate(1.6);backdrop-filter:blur(60px)saturate(1.6);direction:ltr;background:linear-gradient(90deg,#070a1b70 0%,#050b24e6 100%);outline:.5px solid #e0e1e229;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex;overflow:hidden;box-shadow:0 10px 36px #000a2847,inset 0 1px #ffffff0f}.b-panel .header-title{align-items:center;gap:calc(5 * var(--unit));direction:rtl;display:flex}.b-panel .header-title strong{font-size:calc(9 * var(--unit));color:#fff;font-weight:400}.b-panel .info-icon{width:calc(20 * var(--unit));height:calc(20 * var(--unit));background:#0075ff33;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 16px #0075ff40}.b-panel .space-select{align-items:center;gap:calc(8 * var(--unit));width:calc(188 * var(--unit));max-width:100%;padding:calc(3 * var(--unit)) calc(7 * var(--unit)) calc(4 * var(--unit)) calc(8 * var(--unit));border-radius:calc(7.5 * var(--unit));background:linear-gradient(134deg, #04081fe6 0%, var(--bg-card-2) 100%);direction:ltr;display:flex;box-shadow:inset 0 1px #ffffff0a}.b-panel .space-select>div{flex-direction:column;flex:1;justify-content:space-between;gap:4px;min-width:0;display:flex}.b-panel .space-select small{color:var(--headings-2);font-size:calc(6.5 * var(--unit));text-align:right;font-weight:600;display:block}.b-panel .space-value{min-height:calc(16.5 * var(--unit));padding:calc(2.5 * var(--unit)) calc(5 * var(--unit));background:linear-gradient(90deg,#121942c9 0%,#0a0e2369 100%);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.b-panel .space-select select{appearance:none;color:#fff;font-size:calc(7.5 * var(--unit));text-align:right;background:0 0;border:0;flex:1;min-width:0;font-weight:600}.b-panel .space-select option{background:#101d36}.b-panel .device-count{font-size:calc(6 * var(--unit));color:var(--headings-2);background:0 0;flex-shrink:0;align-items:center;gap:2px;padding:0;font-weight:600;display:inline-flex}.b-panel .device-count .figma-asset{width:calc(3 * var(--unit))!important}.b-panel .dashboard{gap:calc(5 * var(--unit));flex:1;grid-template-rows:1.04fr 1fr;min-height:0;display:grid}.b-panel .top-grid{gap:calc(5 * var(--unit));direction:ltr;grid-template-columns:359fr 716fr;grid-template-areas:"score chart";min-height:0;display:grid}.b-panel .summary{direction:rtl;grid-area:score}.b-panel .chart-column{grid-area:chart;min-width:0;min-height:0;display:flex}.b-panel .bottom-grid{gap:calc(6 * var(--unit));direction:ltr;grid-template-columns:488fr 585fr;grid-template-areas:"product status";min-height:0;display:grid}.b-panel .panel{isolation:isolate;border-radius:calc(10 * var(--unit));-webkit-backdrop-filter:blur(60px)saturate(1.55);backdrop-filter:blur(60px)saturate(1.55);outline-offset:-.5px;background:linear-gradient(176deg,#060b28f0 0%,#0a0e2373 100%);border:0;outline:.5px solid #e0e1e21a;min-width:0;min-height:0;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .5s,outline-color .35s;position:relative;overflow:hidden;box-shadow:0 14px 40px #00082052,inset 0 1px #ffffff12}.b-panel .panel.glass-anim{animation:.85s cubic-bezier(.22,1,.36,1) both b-enter}.b-panel .sidebar.glass-anim{animation:.75s cubic-bezier(.22,1,.36,1) both b-enter}.b-panel .header.glass-anim{animation:.75s cubic-bezier(.22,1,.36,1) 60ms both b-enter}.b-panel .panel:hover{outline-color:#0075ff59;transform:translateY(-4px)scale(1.005);box-shadow:0 26px 56px #0014468c,0 0 36px #0075ff29,inset 0 1px #ffffff1f}.b-panel .panel:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff1a 0%,#0000 36% 64%,#0075ff12 100%),radial-gradient(120% 80% at 10% 0,#0075ff1f,#0000 55%);position:absolute;inset:0}.b-panel .panel:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#0000 34%,#ffffff24 48%,#5b9dff1f 53%,#0000 68%);animation:4.8s ease-in-out infinite b-glass-shimmer;position:absolute;inset:-50% -70%}.b-panel .panel>*{z-index:1;position:relative}.b-panel .summary{padding:calc(14.5 * var(--unit)) calc(5 * var(--unit)) calc(12.5 * var(--unit));background:linear-gradient(176deg,#060b28f0 0%,#0a0e2373 100%);flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.b-panel .summary-head{text-align:right;padding:0 calc(10 * var(--unit)) 0 calc(5 * var(--unit));gap:calc(4 * var(--unit));flex-direction:column;display:flex}.b-panel .panel-heading b{font-size:calc(9 * var(--unit));font-weight:700;line-height:calc(10 * var(--unit));color:#fff}.b-panel .score-context{color:var(--headings-2);font-size:calc(8 * var(--unit));font-weight:300;line-height:calc(10 * var(--unit));margin:0;display:block}.b-panel .score-orb{aspect-ratio:316.799/309.8;width:82%;max-height:48%;margin:auto;animation:.9s cubic-bezier(.22,1,.36,1) .2s both b-enter;position:relative}.b-panel .score-progress-bar{object-fit:contain;filter:drop-shadow(0 0 6px #05cd9959);width:100%;height:100%;display:block}.b-panel .score-smile{width:calc(27 * var(--unit));height:calc(27 * var(--unit));background:var(--submit-2);border-radius:50%;place-items:center;animation:2.8s ease-in-out infinite b-score-pulse;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.b-panel .score-smile svg,.b-panel .score-smile img{width:62%;height:62%}.b-panel .score-value-card{width:calc(146.5 * var(--unit));max-width:100%;padding:calc(4 * var(--unit)) calc(9.5 * var(--unit));border-radius:calc(10 * var(--unit));-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);box-shadow:none;direction:ltr;background:linear-gradient(173deg,#060b28bd 0%,#0a0e23b5 100%);border:0;outline:none;justify-content:space-between;align-items:flex-start;margin:0 auto;display:flex}.b-panel .score-value-card>span{font-size:calc(7 * var(--unit));color:#a0aec0;padding-top:calc(4 * var(--unit));line-height:1}.b-panel .score-value-card>div{direction:rtl;flex-direction:column;align-items:center;gap:5px;display:flex}.b-panel .score-value-card strong{font-size:calc(14 * var(--unit));color:#fff;font-weight:700;line-height:1}.b-panel .score-value-card small{color:#a0aec0;font-size:calc(6 * var(--unit));margin:0;line-height:1}.b-panel .summary-footer{padding-top:calc(10 * var(--unit));text-align:center}.b-panel .score-status{gap:calc(2.5 * var(--unit));color:var(--headings-2);font-size:calc(9 * var(--unit));direction:ltr;background:0 0;border:0;flex-direction:row;justify-content:center;align-items:center;padding:0;font-weight:600;display:inline-flex}.b-panel .score-status-grade{align-items:center;gap:calc(1.5 * var(--unit));display:inline-flex}.b-panel .score-status-label{color:var(--headings-2);font-weight:600;font-size:calc(9 * var(--unit))}.b-panel .score-status strong{color:var(--submit-2);font-size:calc(9.5 * var(--unit));font-weight:700}.b-panel .score-status:hover{filter:brightness(1.12)}.b-panel .score-status:active{transform:scale(.96)}.b-panel .chart-panel{width:100%;padding:calc(12.5 * var(--unit)) calc(7.5 * var(--unit)) calc(10 * var(--unit));direction:rtl;background:linear-gradient(175deg,#060b28bd 0%,#0a0e23b5 100%);flex-direction:column;display:flex}.b-panel .chart-title{justify-content:space-between;align-items:center;gap:calc(8 * var(--unit));margin-bottom:calc(10 * var(--unit));padding-left:calc(15 * var(--unit));direction:ltr;display:flex}.b-panel .chart-legend{justify-content:flex-end;align-items:center;gap:calc(6 * var(--unit));direction:ltr;flex-wrap:wrap;display:flex}.b-panel .chart-legend b{color:#fff;font-size:calc(8 * var(--unit));font-weight:700;line-height:calc(10 * var(--unit))}.b-panel .legend-item{color:var(--headings-2);font-size:calc(7 * var(--unit));font-weight:400;line-height:calc(9 * var(--unit));align-items:center;gap:2px;display:inline-flex}.b-panel .legend-item .figma-asset{width:calc(8 * var(--unit))!important}.b-panel .legend-sep{color:#ffffff80;font-size:14px}.b-panel .range-switch{padding:calc(2.5 * var(--unit));background:linear-gradient(90deg, var(--bg-card-2) 0%, var(--bg-card) 100%);border-radius:30px;flex-direction:row;display:flex}.b-panel .range-switch button{padding:calc(4 * var(--unit)) calc(8 * var(--unit));color:var(--headings-2);font-size:calc(7.5 * var(--unit));background:0 0;border:0;border-radius:30px;font-weight:400}.b-panel .range-switch .is-selected{color:var(--normal);box-shadow:none;background:#2737897d;font-weight:600}.b-panel .range-switch button:hover{color:#c8d8f5}.b-panel .line-wrap{direction:ltr;flex:1;min-height:0;animation:1s cubic-bezier(.22,1,.36,1) .35s both b-enter}.b-panel .recharts-cartesian-axis-tick-value{font-size:calc(5 * var(--unit))}.b-panel .no-reports-data{color:var(--secondary);font-size:calc(8 * var(--unit));text-align:center;margin:auto;padding:12px}.b-panel .product-panel{padding:calc(14 * var(--unit)) calc(15 * var(--unit));direction:rtl;background:#020b2359;flex-direction:column;grid-area:product;justify-content:space-between;display:flex;position:relative}.b-panel .product-art{aspect-ratio:1;background:url(/assets/figma-b/imgBg.png) 50%/contain no-repeat;width:177.869%;animation:4.8s ease-in-out infinite b-product-glow;position:absolute;inset:-36.2319% auto auto -38.9344%}.b-panel .product-copy{z-index:1;text-align:right;background:0 0;position:relative}.b-panel .product-copy strong{font-size:calc(12 * var(--unit));font-weight:700;line-height:calc(19 * var(--unit));color:#fff;display:block}.b-panel .product-copy p{width:calc(143 * var(--unit));max-width:100%;margin:calc(2.5 * var(--unit)) 0 0 auto;font-size:calc(8.5 * var(--unit));font-weight:400;line-height:calc(12 * var(--unit));color:var(--headings-2)}.b-panel .product-action{z-index:2;width:auto;height:auto;padding:calc(6 * var(--unit)) calc(10.5 * var(--unit));color:#fff;background:var(--normal);outline:1px solid var(--edge);outline-offset:-1px;border-radius:calc(6 * var(--unit));font-size:calc(7.5 * var(--unit));font-weight:600;line-height:calc(10.5 * var(--unit));border:0;flex-direction:row;justify-content:center;align-self:flex-end;align-items:center;gap:5px;margin-top:auto;animation:.7s cubic-bezier(.22,1,.36,1) .45s both b-enter;display:inline-flex;position:relative;bottom:auto;left:auto;box-shadow:0 8px 24px #0075ff59}.b-panel .product-action:hover{background:#168aff;transform:translateY(-1px);box-shadow:0 0 28px #008cff88}.b-panel .product-action:active{transform:scale(.96);box-shadow:0 0 14px #007aff66,inset 0 2px 8px #003a8855}.b-panel .uptime-panel{padding:calc(7.5 * var(--unit)) calc(7.5 * var(--unit)) calc(8 * var(--unit));gap:calc(8 * var(--unit));direction:rtl;background:linear-gradient(175deg,#060b28bd 0%,#0a0e23b5 100%);flex-direction:column;grid-area:status;display:flex}.b-panel .uptime-box{gap:calc(11 * var(--unit));padding:calc(10 * var(--unit)) calc(5 * var(--unit));border-radius:calc(6 * var(--unit));background:linear-gradient(175deg,#060c29 0%,#040c3080 100%);flex-direction:column;display:flex}.b-panel .uptime-head{padding:0 calc(5 * var(--unit));background:0 0;border-radius:0;justify-content:space-between;align-items:center;display:flex}.b-panel .uptime-head b{font-size:calc(7.5 * var(--unit));font-weight:700;line-height:calc(10 * var(--unit));color:#fff}.b-panel .uptime-period{color:var(--headings-2);align-items:center;gap:0;display:inline-flex}.b-panel .uptime-head select,.b-panel .uptime-period select{font-size:calc(6.5 * var(--unit));color:var(--headings-2);font-weight:600;line-height:calc(10 * var(--unit));background:0 0;border:0}.b-panel .uptime-head option{background:#0a1631}.b-panel .uptime-row{grid-template-columns:minmax(0,1fr) calc(28 * var(--unit));gap:calc(9 * var(--unit));padding:0 calc(5 * var(--unit));color:var(--headings-2);font-size:calc(6.5 * var(--unit));background:0 0;align-items:center;display:grid}.b-panel .uptime-row>span{text-overflow:ellipsis;white-space:nowrap;text-align:right;font-weight:400;overflow:hidden}.b-panel .uptime-bar{height:calc(7 * var(--unit));direction:ltr;background:#fff;border-radius:1234px;gap:0;display:flex;overflow:hidden}.b-panel .uptime-bar span{transform-origin:0;flex:1;min-width:0;animation:.7s cubic-bezier(.22,1,.36,1) both b-bar-in}.b-panel .uptime-bar .has-data{background:var(--normal)}.b-panel .uptime-bar .has-data:nth-child(2n){background:#0075ffcc}.b-panel .uptime-bar .has-data:nth-child(3n){background:#0075ff99}.b-panel .uptime-bar .has-data:nth-child(3n+1){background:#0075ff80}.b-panel .uptime-bar .no-data{background:#0075ff40}.b-panel .uptime-bar span:first-child{animation-delay:50ms}.b-panel .uptime-bar span:nth-child(2){animation-delay:90ms}.b-panel .uptime-bar span:nth-child(3){animation-delay:.13s}.b-panel .uptime-bar span:nth-child(4){animation-delay:.17s}.b-panel .uptime-bar span:nth-child(5){animation-delay:.21s}.b-panel .uptime-bar span:nth-child(6){animation-delay:.25s}.b-panel .uptime-bar span:nth-child(7){animation-delay:.29s}.b-panel .axis-line{display:none}.b-panel .uptime-empty{font-size:calc(8 * var(--unit));color:var(--secondary);margin:0;padding:12px}.b-panel .uptime-details{padding:0 calc(7.5 * var(--unit));align-items:flex-end;gap:calc(3 * var(--unit));text-align:right;flex-direction:column;margin-top:0;display:flex}.b-panel .uptime-details b{font-size:calc(8 * var(--unit));color:#fff;font-weight:600;line-height:1.4}.b-panel .uptime-trend{flex-direction:row-reverse;align-items:center;gap:6px;display:inline-flex}.b-panel .uptime-trend em{padding:calc(4 * var(--unit)) calc(3.5 * var(--unit));color:var(--submit-2);font-size:calc(6.5 * var(--unit));background:linear-gradient(157.25deg,#060b26a8 12.85%,#1a1f3778 145.13%);border-radius:1234px;justify-content:center;align-items:center;font-style:normal;font-weight:400;line-height:1.4;display:inline-flex}.b-panel .uptime-trend span{color:var(--headings-2);font-size:calc(7 * var(--unit));font-weight:400}.b-panel .stats{gap:calc(5 * var(--unit));direction:ltr;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.b-panel .stat{justify-content:space-between;align-items:center;gap:calc(5 * var(--unit));min-width:0;height:auto;padding:calc(7.5 * var(--unit)) calc(8.5 * var(--unit)) calc(7.5 * var(--unit)) calc(7 * var(--unit));border-radius:calc(6 * var(--unit));color:#fff;direction:ltr;background:linear-gradient(195deg,#060b26bd 0%,#1a1f3780 100%);border:0;transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s,box-shadow .32s;display:flex}.b-panel .stat>.stat-icon{width:calc(20.5 * var(--unit));height:calc(21 * var(--unit));border-radius:calc(6 * var(--unit));background:var(--normal);flex:none;place-items:center;display:grid}.b-panel .green-bg>.stat-icon{background:#01b57440}.b-panel .lavender-bg>.stat-icon{background:#e31a1a33}.b-panel .stat>span{text-align:right;gap:calc(6.5 * var(--unit));direction:rtl;flex-direction:column;flex:1;min-width:0;display:flex}.b-panel .stat b{font-size:calc(6 * var(--unit));color:var(--headings-2);white-space:nowrap;font-weight:400}.b-panel .stat strong{font-size:calc(8 * var(--unit));color:#fff;font-weight:600}.b-panel .stat:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00287847}.b-panel .stats .stat:first-child{animation:.5s cubic-bezier(.22,1,.36,1) .28s both b-enter}.b-panel .stats .stat:nth-child(2){animation:.5s cubic-bezier(.22,1,.36,1) .34s both b-enter}.b-panel .stats .stat:nth-child(3){animation:.5s cubic-bezier(.22,1,.36,1) .4s both b-enter}.b-panel .resource-wrap{background:#0a1631;border-radius:14px;flex:1;min-height:0;margin-top:12px;overflow:auto}.b-panel .banner{color:#ffb2b9;background:#471c35;border-radius:8px;margin-top:6px;padding:8px;font-size:12px}@keyframes b-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes b-glass-shimmer{0%,48%{opacity:0;transform:translate(-42%)}58%{opacity:.65}72%,to{opacity:0;transform:translate(42%)}}@keyframes b-product-glow{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes b-bar-in{0%{opacity:.25;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}@keyframes b-score-pulse{0%,to{box-shadow:0 0 #05cd9966,0 0 16px #05cd9940}50%{box-shadow:0 0 0 10px #05cd9900,0 0 28px #05cd9973}}@keyframes b-nav-glow{0%,to{box-shadow:0 0 14px #0075ff73,0 4px 12px #0050c84d}50%{box-shadow:0 0 26px #0075ffbf,0 4px 16px #0050c873}}@keyframes b-bg-drift{0%,to{transform:scale(1)translate(0,0)}50%{transform:scale(1.03)translate(1%,-.8%)}}@media (width<=640px){.b-panel{--unit:1.3px;border-radius:0;height:auto;min-height:100dvh;padding:12px;display:block;overflow:visible}.b-panel .sidebar{z-index:20;width:230px;height:100dvh;transition:transform .25s;position:fixed;top:0;right:0;transform:translate(105%)}.b-panel .sidebar.open{transform:none}.b-panel .mobile-close,.b-panel .menu-button{color:inherit;background:0 0;border:0;place-items:center;padding:0;display:inline-grid!important}.b-panel .mobile-close{position:absolute;top:12px;left:12px}.b-panel .main{overflow:visible}.b-panel .header{flex-wrap:wrap;gap:12px;padding:12px}.b-panel .space-select{flex:100%;width:auto}.b-panel .dashboard{flex-direction:column;display:flex}.b-panel .top-grid{grid-template-columns:1fr;grid-template-areas:"score""chart"}.b-panel .summary{min-height:280px}.b-panel .score-orb{width:170px;height:105px;margin:20px auto 0}.b-panel .chart-column{height:280px}.b-panel .bottom-grid{grid-template-columns:1fr;grid-template-areas:"product""status"}.b-panel .product-panel{aspect-ratio:244/207}.b-panel .uptime-panel{min-height:280px}}@media (prefers-reduced-motion:reduce){.b-panel *,.b-panel :before,.b-panel :after{transition:none!important;animation:none!important}}.b-panel{--unit:clamp(.75px,min(.138889vw,.195313vh),2.5px);grid-template-columns:minmax(0,1fr) 20.8633%}.b-panel .dashboard{grid-template-rows:431fr 414fr}.b-panel .sidebar{box-shadow:none;background:linear-gradient(263.312deg,#060b26f0 69.113%,#1a1f3700 100%);outline:none}.b-panel .sidebar,.b-panel .panel,.b-panel .header{-webkit-backdrop-filter:blur(calc(30 * var(--unit)))}.b-panel .panel,.b-panel .header{box-shadow:none}.b-panel .panel{outline:none}.b-panel .panel:before,.b-panel .panel:after{display:none}.b-panel .panel:hover{box-shadow:none}.b-panel .summary{background:linear-gradient(176.743deg,#060b28f0 25.929%,#0a0e2373 66.932%)}.b-panel .chart-panel{background:linear-gradient(141.356deg,#060b28bd 28.256%,#0a0e23b5 91.196%)}.b-panel .uptime-panel{background:linear-gradient(173.668deg,#060b28bd 6.778%,#0a0e23b5 124.91%)}.b-panel .brand{padding:calc(15 * var(--unit)) calc(12 * var(--unit)) calc(10 * var(--unit));margin:0 calc(14 * var(--unit));border-bottom:1px solid #e0e1e22b;justify-content:center;position:relative}.b-panel .brand-export{width:calc(95.455 * var(--unit));height:auto;display:block}.b-panel .nav-item{direction:rtl;flex-shrink:0;justify-content:flex-start}.b-panel .nav-icon{box-sizing:border-box;outline:none;padding:0}.b-panel .nav-icon-tickets{background:0 0}.b-panel .selected .nav-icon{box-shadow:none}.b-panel .nav-item.selected{box-shadow:none;outline:none}.b-panel .avatar{border:none;order:0}.b-panel .profile{outline:none}.b-panel .profile-meta{flex-direction:row-reverse}.b-panel .side-tools{border-top:1px solid #e0e1e21a}.b-panel .side-tools button{box-sizing:border-box;padding:0}.b-panel .header-title{direction:ltr}.b-panel .score-orb{width:72%;margin:auto auto calc(-8 * var(--unit))}.b-panel .score-progress-bar{filter:none}.b-panel .score-value-card{min-height:calc(41 * var(--unit));background:linear-gradient(156.251deg,#060b28bd 30.666%,#0a0e23b5 94.33%);flex-shrink:0}.b-panel .score-value-card>div{padding-top:calc(4 * var(--unit))}.b-panel .summary-footer{flex-shrink:0}.b-panel .product-action{width:calc(91.5 * var(--unit));height:calc(22.5 * var(--unit));border-radius:calc(5 * var(--unit));font-size:calc(7 * var(--unit));direction:ltr;outline:none;padding:0}.b-panel .uptime-panel{gap:calc(8 * var(--unit))}.b-panel .uptime-box{min-height:0;padding:calc(10 * var(--unit)) calc(15 * var(--unit));flex:0 57%;justify-content:space-between;gap:0}.b-panel .uptime-head,.b-panel .uptime-row{direction:ltr;padding:0}.b-panel .uptime-head b{font-size:calc(7 * var(--unit));font-weight:500}.b-panel .uptime-period select{appearance:none;font-size:calc(6 * var(--unit))}.b-panel .uptime-row{grid-template-columns:minmax(0,1fr) calc(32 * var(--unit))}.b-panel .uptime-row>span{direction:rtl}.b-panel .uptime-box>.uptime-axis{width:83%;height:auto;display:block}.b-panel .uptime-details{padding:0 calc(7.5 * var(--unit));align-items:flex-start;gap:calc(3 * var(--unit));margin-top:auto}.b-panel .uptime-trend{flex-direction:row-reverse}.b-panel .uptime-trend span{font-size:calc(6 * var(--unit))}.b-panel .stat{height:calc(36 * var(--unit));padding:calc(7.5 * var(--unit)) calc(8.5 * var(--unit)) calc(7.5 * var(--unit)) calc(7 * var(--unit))}.b-panel .stat>span:not(.stat-icon){gap:calc(4 * var(--unit))}@media (width<=640px){.b-panel{--unit:1.3px;overflow:clip}.b-panel .sidebar.glass-anim{animation:none;transform:translate(105%)}.b-panel .sidebar.open{transform:none}.b-panel .main{width:100%}.b-panel .score-orb{width:170px;margin:20px auto 0}.b-panel .uptime-box{flex-basis:160px}}.b-panel .reports-total{align-items:center;gap:calc(4 * var(--unit));direction:ltr;display:flex}.b-panel .reports-total span{min-width:calc(25.5 * var(--unit));height:calc(15.5 * var(--unit));border-radius:calc(7.5 * var(--unit));color:#0075ff;font-size:calc(8.5 * var(--unit));padding:0 calc(4 * var(--unit));background:#122659;place-items:center;font-weight:600;display:grid}.b-panel .reports-total b{font-size:calc(8 * var(--unit));direction:rtl;font-weight:600}.b-panel .uptime-period{font-size:calc(6.5 * var(--unit));font-weight:600}.b-panel .chart-panel{padding:calc(17.5 * var(--unit)) calc(10 * var(--unit)) calc(15 * var(--unit))}.b-panel .chart-title{padding-left:calc(17.5 * var(--unit));margin-bottom:calc(17.5 * var(--unit))}.b-panel .reports-total span{border-radius:calc(2.5 * var(--unit));color:#b2c2d7;background:#005bbf;border:1px solid #ffffff12}.b-panel .reports-total b{color:#b2c2d7}.b-panel .line-wrap{margin-right:calc(3 * var(--unit))}.b-panel .uptime-box{flex-basis:59%}.b-panel .nav-item.selected,.b-panel .profile{outline:1px solid #e0e1e21a}.b-panel .header-title>.figma-asset{border-radius:50%;box-shadow:0 0 0 1px #9db9ef40}.b-panel .space-value:before{content:"";pointer-events:none;background:url(/assets/figma-b/imgShadow.svg) 50%/contain no-repeat;width:71.54%;height:366.67%;position:absolute;top:-154.55%;left:31.15%}.b-panel .space-value>*{position:relative}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-SemiBold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-ExtraBold.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakh-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakh-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakh-SemiBold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakh-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakh-ExtraBold.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakh-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/YekanBakh-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}:root{--soft-ease:cubic-bezier(.22, 1, .36, 1);--soft-fast:.14s;--soft-med:.22s}@media (prefers-reduced-motion:reduce){.login-shell *,.login-shell :before,.b-panel *,.b-panel :before{transition:none!important;animation:none!important}}.login-shell .hero-stage{contain:paint;overflow:hidden}.login-shell .hero-picture-figma{background:#020515}.login-shell .login-artwork-figma{object-fit:contain!important;object-position:center center!important;will-change:auto!important;filter:none!important;width:100%!important;height:100%!important;margin:0!important;animation:none!important;transform:none!important}.login-shell .login-logo{filter:none!important;animation:none!important}.login-shell button{isolation:isolate;position:relative}.login-shell .btn-primary,.login-shell .btn-ghost{overflow:hidden}.login-shell .login-click-wave{pointer-events:none;z-index:4;animation:soft-press-ripple .45s var(--soft-ease) forwards;background:radial-gradient(circle,#ffffff73,#0075ff33 45%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.login-shell .btn-primary{transition:transform var(--soft-med) var(--soft-ease), background var(--soft-fast) ease, box-shadow var(--soft-med) ease!important}.login-shell .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #0075ff61!important}.login-shell .btn-primary:active:not(:disabled){transform:scale(.98)}.login-shell .btn-ghost,.login-shell .link,.login-shell .icon-btn{transition:transform var(--soft-med) var(--soft-ease), color var(--soft-fast) ease, background var(--soft-fast) ease!important}.login-shell .link:hover{transform:translateY(-1px)}.login-shell .link:active{transform:scale(.98)}.login-shell .btn-ghost:hover{transform:translateY(-1px)}.login-shell .btn-ghost:active{transform:scale(.97)}.login-shell .field input{transition:transform var(--soft-med) var(--soft-ease), outline-color var(--soft-fast) ease, box-shadow var(--soft-med) ease, background var(--soft-med) ease!important}.login-shell .field input:focus{transform:translateY(-1px)}.login-shell .icon-btn:hover{transform:translateY(-50%)scale(1.06)}.login-shell .login-form .anim-item{animation:soft-rise .4s var(--soft-ease) both;animation-delay:calc(var(--i,1) * 40ms)}.login-shell .login-brand,.login-shell .login-title,.login-shell .login-card{animation:soft-rise .4s var(--soft-ease) both}.login-shell .hero-copy{animation:.5s 80ms both soft-fade}.login-shell .remember-toggle .toggle-track,.login-shell .remember-toggle .toggle-thumb{transition:left .28s var(--soft-ease), background .22s ease, transform .22s var(--soft-ease)!important}.b-panel button{overflow:visible}.b-panel button.soft-btn,.b-panel .nav-item,.b-panel .product-action,.b-panel .device-view,.b-panel .stat{isolation:isolate;position:relative;overflow:hidden}.b-panel button:hover svg,.b-panel button:hover img,.b-panel .soft-btn:hover svg,.b-panel .soft-btn:hover img,.b-panel .nav-item:hover img,.b-panel .nav-item:hover svg{filter:none!important;opacity:1!important;visibility:visible!important}.b-panel .figma-asset,.b-panel .nav-icon img,.b-panel .device-icon{filter:none!important;opacity:1!important}.b-panel .nav-item:hover{color:#fff!important;background:#1a1f378c!important}.b-panel .nav-item:hover .nav-icon{transform:scale(1.04);background:#1a1f37!important}.b-panel .nav-item.selected:hover .nav-icon{background:var(--normal)!important}.b-panel .nav-item,.b-panel .soft-btn,.b-panel .stat,.b-panel .product-action,.b-panel .device-view,.b-panel .score-status,.b-panel .devices-filter,.b-panel .side-tools button{transition:transform var(--soft-med) var(--soft-ease), background var(--soft-fast) ease, box-shadow var(--soft-med) ease, color var(--soft-fast) ease!important}.b-panel .nav-item:hover{transform:translate(-2px)}.b-panel .nav-item:active{transform:scale(.98)}.b-panel .soft-btn:hover:not(:disabled){transform:translateY(-1px)}.b-panel .soft-btn:active:not(:disabled){transform:scale(.96)}.b-panel .stat:hover{transform:translateY(-2px)}.b-panel .stat:active{transform:scale(.97)}.b-panel .product-action:hover{transform:translateY(-1px)}.b-panel .product-action:active{transform:scale(.97)}.b-panel .device-view:hover{transform:translateY(-1px)}.b-panel .device-view:active{transform:scale(.97)}.b-panel .side-tools button:hover{transform:scale(1.06);background:#020616bf!important}.b-panel .side-tools button:active{transform:scale(.92)}.b-panel .devices-table tbody tr{transition:background var(--soft-fast) ease!important}.b-panel .devices-table tbody tr:hover{background:#0075ff14}.b-panel .panel.glass-anim,.b-panel .sidebar.glass-anim,.b-panel .header.glass-anim{animation:soft-rise .45s var(--soft-ease) both!important}.b-panel .top-grid .summary.glass-anim{animation-delay:40ms!important}.b-panel .chart-column .glass-anim{animation-delay:80ms!important}.b-panel .bottom-grid .product-panel.glass-anim{animation-delay:.12s!important}.b-panel .bottom-grid .uptime-panel.glass-anim{animation-delay:.16s!important}.b-panel nav .nav-item{animation:soft-rise .35s var(--soft-ease) both}.b-panel nav .nav-item:first-child{animation-delay:30ms}.b-panel nav .nav-item:nth-child(2){animation-delay:55ms}.b-panel nav .nav-item:nth-child(3){animation-delay:80ms}.b-panel nav .nav-item:nth-child(4){animation-delay:.105s}.b-panel nav .nav-item:nth-child(5){animation-delay:.13s}.b-panel nav .nav-item:nth-child(6){animation-delay:.155s}.b-panel nav .nav-item:nth-child(7){animation-delay:.18s}.b-panel .devices-c{animation:soft-rise .35s var(--soft-ease) both}.b-panel .b-click-wave{pointer-events:none;z-index:6;animation:soft-press-ripple .45s var(--soft-ease) forwards;background:radial-gradient(circle,#b4dcff8c,#0075ff2e 48%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.b-panel .b-pointer-ring{pointer-events:none;z-index:10000;width:36px;height:36px;box-shadow:none;background:radial-gradient(circle,#38a7ff2e,#0000 70%);border:1px solid #91d5ff80;border-radius:50%;margin:0;position:fixed}.b-panel:before,.b-panel .product-art,.b-panel .score-smile{will-change:auto!important;animation:none!important}.b-panel .panel.glass-anim:hover{transform:none!important}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-BeciDpKm.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--blue:#007aff;--ink:#152028;--muted:#6b7782;--line:#15202814;--bg:#eef3f5;--card:#fff;--ok:#12b886;--ok-bg:#e6faf3;--bad:#e11d48;--bad-bg:#fde8ec;--online:#d4f8ec;--offline:#e4ebf5;--radius:14px;--shadow:0 10px 30px #1520280f;--sidebar:248px;--font:"Yekan Bakh FaNum", "Yekan Bakh", Vazirmatn, Tahoma, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}.link{color:var(--blue);font-weight:500}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d9bff,#007aff);border:0;border-radius:12px;padding:15px 18px;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 10px 24px #007aff47}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:wait;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:rotateX(18deg)rotate(-8deg)translateY(0)}50%{transform:rotateX(18deg)rotate(-8deg)translateY(-10px)}}@keyframes ring{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}@keyframes blink{0%,to{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 8px #34d39900}}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}