.login-shell{--login-font:"Yekan Bakh FaNum", "Yekan Bakh", Vazirmatn, Tahoma, sans-serif;--headings:#fff;--headings-2:#a0aec0;--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;filter:drop-shadow(0 18px 40px #00287859);width:100%;height:100%;animation:9s ease-in-out infinite cube-float;display:block;transform:scale(1.02)}.login-artwork-figma{object-fit:cover;object-position:48% center;filter:none;width:104.99%;height:100%;margin-left:-1.47%;animation:8s ease-in-out infinite figma-hero-breathe;transform:none}.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;animation:3.6s ease-in-out infinite logo-glow;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-form{gap:clamp(8px,1.2vh,16px);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 .field-row{gap:clamp(10px,1.5vw,20px)}.mode-register .btn-primary{min-height:0;padding:clamp(9px,1.2vh,13px) 24px}.mode-register .field-hint{display:none}.mode-register .form-divider{margin:2px 0}.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-login .login-form{gap:16px}.mode-register .login-form>.btn-primary{margin-top:clamp(4px,1vh,12px)}.mode-login .login-form>.btn-primary{margin-top:4px}.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),filter .25s,box-shadow .28s,background .25s;animation:3.2s ease-in-out infinite btn-glow;box-shadow:0 10px 28px #0075ff59}@keyframes btn-glow{0%,to{box-shadow:0 10px 28px #0075ff52}50%{box-shadow:0 14px 36px #0075ff8c}}.btn-primary:hover{background:var(--normal-hover);filter:brightness(1.05);transform:translateY(-2px);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);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 figma-hero-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@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 logo-glow{0%,to{filter:drop-shadow(0 0 12px #0075ff59)}50%{filter:drop-shadow(0 0 22px #0075ffa6)}}@keyframes login-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.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:#a0aec0;--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:transform;background:linear-gradient(#0003,#0003),url(/assets/figma-b/imgWp96499301.png) 50%/cover;animation:18s ease-in-out infinite b-bg-drift;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 .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .32s,transform .28s cubic-bezier(.22,1,.36,1),color .22s,filter .22s;position:relative;overflow:hidden}.b-panel button svg,.b-panel button img{transition:filter .28s,transform .28s cubic-bezier(.22,1,.36,1)}.b-panel button:hover svg,.b-panel button:hover img{filter:drop-shadow(0 0 6px #299bff70)}.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 .soft-btn:active:not(:disabled){transform:scale(.94)}.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:active{transform:scale(.97)translate(0)}.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 .nav-icon-tickets{background:#1a1f37}.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 .side-tools button:active{transform:scale(.9)}.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 .top-grid .summary.glass-anim{animation-delay:.1s}.b-panel .chart-column .glass-anim{animation-delay:.2s}.b-panel .bottom-grid .product-panel.glass-anim{animation-delay:.3s}.b-panel .bottom-grid .uptime-panel.glass-anim{animation-delay:.4s}.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 nav .nav-item{animation:.55s cubic-bezier(.22,1,.36,1) both b-enter}.b-panel nav .nav-item:first-child{animation-delay:50ms}.b-panel nav .nav-item:nth-child(2){animation-delay:90ms}.b-panel nav .nav-item:nth-child(3){animation-delay:.13s}.b-panel nav .nav-item:nth-child(4){animation-delay:.17s}.b-panel nav .nav-item:nth-child(5){animation-delay:.21s}.b-panel nav .nav-item:nth-child(6){animation-delay:.25s}.b-panel nav .nav-item:nth-child(7){animation-delay:.29s}.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:180/110;width:82%;max-height:48%;margin:auto;animation:.9s cubic-bezier(.22,1,.36,1) .2s both b-enter;position:relative}.b-panel .score-orb svg{width:100%;height:100%;display:block}.b-panel .score-track,.b-panel .score-progress{fill:none;stroke-width:9px}.b-panel .score-track{stroke:#22234b}.b-panel .score-progress{stroke:url(#scoreGlow);stroke-linecap:round;filter:drop-shadow(0 0 6px #05cd9973);transition:stroke-dasharray 1.2s cubic-bezier(.22,1,.36,1)}.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:58%;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{align-items:center;gap:6px;display:inline-flex}.b-panel .uptime-trend em{color:var(--submit-2);font-style:normal;font-size:calc(6.5 * var(--unit));padding:calc(4 * var(--unit)) calc(3.5 * var(--unit));background:linear-gradient(169deg,#060b26a8 0%,#1a1f3778 100%);border-radius:1234px;font-weight:400}.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 .stat:active{transform:scale(.96)}.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;filter:blur(4px);transform:translateY(16px)scale(.97)}to{opacity:1;filter:none;transform:none}}@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{filter:drop-shadow(0 0 8px #0075ff26)brightness();transform:scale(1)}50%{filter:drop-shadow(0 0 28px #0075ff73)brightness(1.06);transform:scale(1.02)}}@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)}50%{transform:scale(1.04)translate(1.5%,-1%)}}@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}}@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}@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)}}