:root{--void: #050807;--void-2: #070c0a;--surface: rgba(150, 240, 210, .04);--surface-2: rgba(150, 240, 210, .07);--glass: rgba(8, 14, 12, .55);--glass-heavy: rgba(7, 12, 10, .78);--line: rgba(52, 211, 153, .16);--line-soft: rgba(150, 240, 210, .09);--acc: #34d399;--acc-soft: #7ce8c3;--acc-dim: rgba(52, 211, 153, .55);--teal: #2dd4bf;--cyan: #22d3ee;--text: #f2efe6;--text-dim: #a9b5ae;--text-faint: #64726b;--danger: #f87171;--s1: #10a97c;--s2: #8a79ea;--s3: #c07f05;--s4: #2596be;--s5: #e5537a;--s6: #4f7df0;--disp: "Estedad", "Vazirmatn", Tahoma, sans-serif;--body: "PlexArabic", "Vazirmatn", Tahoma, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.83, 0, .17, 1);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--z-bg: 0;--z-grid: 10;--z-side: 40;--z-dock: 50;--z-modal: 100;--z-grain: 200}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--body);font-weight:300;font-size:15px;line-height:1.9;color:var(--text);background:var(--void);overflow:hidden;-webkit-font-smoothing:antialiased}::selection{background:#34d3994d}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select{font:inherit}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}a{color:inherit;text-decoration:none}.grain{position:fixed;top:-100%;right:-100%;bottom:-100%;left:-100%;z-index:var(--z-grain);pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}30%{transform:translate(2%,-3%)}60%{transform:translate(-2%,2%)}}@media (prefers-reduced-motion: reduce){.grain{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--line-soft)}.holo{position:relative;border:1px solid var(--line);box-shadow:0 0 0 1px #34d39908,0 8px 40px #00000080,inset 0 1px #96f0d20f}.holo:before{content:"";position:absolute;inset-inline:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc-dim),transparent);pointer-events:none}.react-grid-layout{position:relative;transition:height .2s var(--ease-out)}.react-grid-item{transition:transform .2s var(--ease-out),width .2s var(--ease-out),height .2s var(--ease-out);will-change:transform}.react-grid-item.cssTransforms{transition-property:transform,width,height}.main-area:has(.react-grid-item:hover){z-index:55}.main-area:has(.react-draggable-dragging),.main-area:has(.resizing){z-index:60}.react-grid-item:hover{z-index:25}.react-grid-item.resizing,.react-grid-item.react-draggable-dragging{transition:none;z-index:30;will-change:transform}.react-grid-item.react-draggable-dragging{box-shadow:0 0 0 1px var(--acc-dim),0 24px 80px #000000b3,0 0 44px #34d39940}.react-grid-item.react-grid-placeholder{background:#34d39914;border:1px dashed var(--acc-dim);border-radius:var(--r-lg);transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item>.react-resizable-handle{position:absolute;width:30px;height:30px;bottom:0;z-index:20;touch-action:none}.react-grid-item>.react-resizable-handle-se{right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle-sw{left:0;cursor:sw-resize}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;bottom:7px;width:11px;height:11px;border-bottom:2.5px solid var(--text-dim);transition:border-color .2s,transform .2s}.react-grid-item>.react-resizable-handle-se:after{right:7px;border-right:2.5px solid var(--text-dim);border-radius:0 0 4px}.react-grid-item>.react-resizable-handle-sw:after{left:7px;border-left:2.5px solid var(--text-dim);border-radius:0 0 0 4px}.react-grid-item:hover>.react-resizable-handle:after{border-color:var(--acc);filter:drop-shadow(0 0 4px rgba(52,211,153,.6))}.main-area{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-grid);overflow-y:auto;padding:16px 316px 150px 16px}@media (max-width: 900px){.main-area{padding:12px 70px 170px 12px}}@media (max-width: 560px){.main-area{padding:10px 10px 180px}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(-360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#96f0d21f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#96f0d238}