.lang-switch{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0;direction:ltr;font-family:Inter,Noto Naskh Arabic,Vazirmatn,sans-serif;font-size:.75rem;font-weight:600;line-height:1}.lang-switch__btn{margin:0;padding:.35rem .2rem;border:0;background:transparent;color:var(--color-text-muted, #5b6b81);font:inherit;letter-spacing:0;cursor:pointer;border-radius:.25rem}.lang-switch__btn[lang=ar]{font-family:Noto Naskh Arabic,sans-serif;font-size:.84rem;font-weight:600}.lang-switch__btn[lang=fa]{font-family:Vazirmatn,sans-serif;font-size:.8rem;font-weight:600}.lang-switch__btn.is-active{color:var(--color-primary, #0b5fff)}.lang-switch__sep{color:var(--color-text-light, #8b9bb0);-webkit-user-select:none;user-select:none}html[lang=ar] body{font-family:Noto Naskh Arabic,Noto Sans Arabic,sans-serif;line-height:1.85;letter-spacing:0}html[lang=fa] body{font-family:Vazirmatn,sans-serif;line-height:1.85;letter-spacing:0}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3,html[lang=fa] .faq summary,html[lang=fa] .faq__question{line-height:1.4}html[lang=fa] .faq summary:after,html[lang=fa] .faq__question:after{margin-left:0;margin-inline-end:0;margin-inline-start:auto}html[lang=fa] .process__step,html[lang=fa] .pd__chip,html[lang=fa] .pd__option,html[lang=fa] .pd__label,html[lang=fa] .pd__review-row dt,html[lang=fa] .pd__review-row dd,html[lang=fa] .pd__combobox-option{text-align:start}html[lang=ar] .site-header__logo,html[lang=fa] .site-header__logo,html[lang=ar] .demo-sidebar__logo,html[lang=fa] .demo-sidebar__logo{font-family:Inter,sans-serif;letter-spacing:.04em}html[dir=rtl] .hero__title,html[dir=rtl] .hero__lead,html[dir=rtl] .section-eyebrow,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}html[dir=rtl] .pd__progress-num,html[dir=rtl] .process__step-number,html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=url]{direction:ltr;unicode-bidi:isolate}html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=url]{text-align:end}html[dir=rtl] .btn>span[aria-hidden=true]{display:inline-block;transform:scaleX(-1)}html[dir=rtl] .transformation-arrow__shape{transform:scaleX(-1)}@media(max-width:900px){html[dir=rtl] .transformation-arrow__shape{transform:none}}html[dir=rtl] .why-custom__arrow,html[dir=rtl] .project-feature__cta-arrow,html[dir=rtl] .final-cta__flow-arrow,html[dir=rtl] .hero__proof-link>span[aria-hidden=true]{display:inline-block;transform:scaleX(-1)}html[dir=rtl] .project-feature__actions .btn:hover .project-feature__cta-arrow,html[dir=rtl] .featured-work .btn--primary.btn--lg:hover .project-feature__cta-arrow{transform:scaleX(-1) translate(-3px)}html[dir=rtl] img,html[dir=rtl] video,html[dir=rtl] svg,html[dir=rtl] .hero__bg,html[dir=rtl] .hero__bg-video,html[dir=rtl] .hero__bg-photo{direction:ltr}@media(max-width:1100px){.site-header__menu{display:none}.site-header__menu-toggle{display:inline-flex}.site-header.is-nav-open .site-header__menu{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;inset-inline:0;z-index:30;margin:0;padding:.75rem 1.25rem 1rem;background:#fff;border-bottom:1px solid var(--color-border);box-shadow:0 16px 30px #0b122014}.site-header__nav{position:static}.site-header__inner{gap:.75rem}.site-header__actions .btn{padding-inline:.75rem}}@media(max-width:720px){.lang-switch{font-size:.7rem}.lang-switch__btn{padding-inline:.12rem}.site-header__actions>a.btn{display:none}}.site-header__menu [data-header-cta-clone]{display:none}@media(max-width:1100px){.site-header.is-nav-open .site-header__menu [data-header-cta-clone]{display:inline-flex;justify-content:center;margin-top:.35rem}}.demo-topbar .lang-switch{color:inherit}@media(max-width:860px){.demo-topbar .lang-switch{display:inline-flex}}@media(max-width:640px){html[lang=fa] .process__step{padding-left:var(--space-5, 1.25rem);padding-right:calc(var(--space-5, 1.25rem) + .5rem)}html[lang=fa] .process__step:before{left:auto;right:1.35rem}}html[lang=en] .solutions__intro{margin-inline-start:auto;margin-inline-end:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:0}html[lang=en] .solutions__title{align-items:flex-end}html[lang=en] .solutions__copy{width:max-content;max-width:100%}html[lang=en] .solutions__note{margin-inline-start:auto;margin-inline-end:auto;text-align:center}html[lang=en] .solutions__actions{justify-content:center}html[lang=en] .problems__content{order:-1;text-align:left;margin-inline-end:auto;margin-inline-start:0}html[lang=en] .problems__actions{justify-content:flex-start}@media(max-width:960px){html[lang=en] .problems__content{order:0}html[lang=en] .problems__visual{order:2}}html[lang=ar] .problems__grid,html[lang=fa] .problems__grid{direction:ltr}html[lang=ar] .problems__content,html[lang=fa] .problems__content{direction:rtl;text-align:start;margin-inline-start:auto;margin-inline-end:0}html[lang=ar] .problems__actions,html[lang=fa] .problems__actions{justify-content:flex-start}html[lang=ar] .hero--cinematic .hero__grid,html[lang=fa] .hero--cinematic .hero__grid{direction:ltr;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);padding-inline-start:clamp(.75rem,2vw,1.25rem);padding-inline-end:clamp(.75rem,2vw,1.25rem);max-width:none;width:100%}html[lang=ar] .hero--cinematic .hero__content,html[lang=fa] .hero--cinematic .hero__content{--hero-fa-eyebrow: .8rem;--hero-fa-title: clamp(1.7rem, 2.55vw, 2.2rem);--hero-fa-lead: clamp(.98rem, 1.05vw, 1.08rem);--hero-fa-meta: .8125rem;--hero-fa-btn: .9375rem;--hero-fa-stack: 1.15rem;direction:rtl;text-align:start;justify-self:start;align-self:center;width:100%;max-width:min(34rem,100%);margin:0;padding:0;font-family:inherit;font-synthesis:none;letter-spacing:0;-webkit-font-smoothing:antialiased}html[lang=ar] .hero--cinematic .hero__content *,html[lang=fa] .hero--cinematic .hero__content *{letter-spacing:0!important}html[lang=ar] .hero--cinematic .hero__content .btn,html[lang=fa] .hero--cinematic .hero__content .btn{font-family:inherit}html[lang=ar] .hero--cinematic .hero__eyebrow,html[lang=fa] .hero--cinematic .hero__eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:var(--hero-fa-stack);font-size:var(--hero-fa-eyebrow);font-weight:600;line-height:1.5;text-transform:none;color:#f8fafcdb}html[lang=ar] .hero--cinematic .hero__title,html[lang=fa] .hero--cinematic .hero__title{display:flex;flex-direction:column;gap:.35rem;margin-bottom:calc(var(--hero-fa-stack) + .15rem);font-family:inherit;font-weight:700}html[lang=ar] .hero--cinematic .hero__title-primary,html[lang=ar] .hero--cinematic .hero__title-statement,html[lang=fa] .hero--cinematic .hero__title-primary,html[lang=fa] .hero--cinematic .hero__title-statement{display:block;max-width:none;font-family:inherit;font-size:var(--hero-fa-title);font-weight:700;line-height:1.45;margin:0}html[lang=ar] .hero--cinematic .hero__accent-word,html[lang=fa] .hero--cinematic .hero__accent-word{font-family:inherit;font-weight:700;font-style:normal}html[lang=ar] .hero--cinematic .hero__lead,html[lang=fa] .hero--cinematic .hero__lead{margin-bottom:calc(var(--hero-fa-stack) + .35rem);max-width:34rem;font-family:inherit;font-size:var(--hero-fa-lead);font-weight:400;line-height:1.9;color:#f1f5f9e0}html[lang=ar] .hero--cinematic .hero__actions,html[lang=fa] .hero--cinematic .hero__actions{gap:.75rem;margin-bottom:calc(var(--hero-fa-stack) + .55rem)}html[lang=ar] .hero--cinematic .hero__actions .btn,html[lang=fa] .hero--cinematic .hero__actions .btn{font-family:inherit;font-size:var(--hero-fa-btn);font-weight:600;line-height:1.35;white-space:normal;text-align:center}html[lang=ar] .hero--cinematic .hero__capabilities,html[lang=fa] .hero--cinematic .hero__capabilities{max-width:32rem;margin-inline-start:0;margin-bottom:var(--hero-fa-stack);gap:.85rem .5rem}html[lang=ar] .hero--cinematic .hero__capability,html[lang=fa] .hero--cinematic .hero__capability{gap:.45rem}html[lang=ar] .hero--cinematic .hero__capability-label,html[lang=fa] .hero--cinematic .hero__capability-label{font-family:inherit;font-size:var(--hero-fa-meta);font-weight:500;line-height:1.45;color:#f8fafce6}html[lang=ar] .hero--cinematic .hero__proof,html[lang=fa] .hero--cinematic .hero__proof{gap:.35rem .75rem;font-family:inherit;font-size:var(--hero-fa-meta);font-weight:400;line-height:1.7;color:#e2e8f0db}html[lang=ar] .hero--cinematic .hero__proof-link,html[lang=fa] .hero--cinematic .hero__proof-link{font-family:inherit;font-size:inherit;font-weight:600}@media(max-width:1024px){html[lang=ar] .hero--cinematic .hero__grid,html[lang=fa] .hero--cinematic .hero__grid{grid-template-columns:1fr;padding-inline-start:var(--container-padding, 1.5rem);padding-inline-end:var(--container-padding, 1.5rem)}html[lang=ar] .hero--cinematic .hero__content,html[lang=fa] .hero--cinematic .hero__content{max-width:40rem;--hero-fa-title: clamp(1.55rem, 5.2vw, 2rem);--hero-fa-lead: 1rem}}html[lang=ar] .solutions__intro,html[lang=fa] .solutions__intro{--sol-eyebrow: .8rem;--sol-title: clamp(1.55rem, 2.5vw, 2.05rem);--sol-desc: clamp(.98rem, 1.05vw, 1.08rem);--sol-stack: .95rem;font-family:inherit}html[lang=ar] .solutions__title,html[lang=ar] .solutions__title-accent,html[lang=ar] .solutions__description,html[lang=ar] .solutions__note,html[lang=ar] .solutions .btn,html[lang=ar] .solutions .sys-cap,html[lang=fa] .solutions__title,html[lang=fa] .solutions__title-accent,html[lang=fa] .solutions__description,html[lang=fa] .solutions__note,html[lang=fa] .solutions .btn,html[lang=fa] .solutions .sys-cap{font-family:inherit;letter-spacing:0}html[lang=ar] .solutions__title,html[lang=fa] .solutions__title{line-height:1.45;font-weight:700}html[lang=ar] .solutions__description,html[lang=fa] .solutions__description{line-height:1.9;font-weight:400}html[lang=ar] .solutions__note,html[lang=fa] .solutions__note{line-height:1.8}html[lang=ar] .solutions .sys-cap,html[lang=fa] .solutions .sys-cap{font-size:.875rem;font-weight:500;line-height:1.55}:root{--demo-sidebar: #0b1220;--demo-sidebar-elevated: #0f172a;--demo-sidebar-border: rgba(148, 163, 184, .12);--demo-sidebar-muted: #94a3b8;--demo-sidebar-faint: #64748b;--demo-bg: #f1f5f9;--demo-surface: #ffffff;--demo-surface-soft: #f8fafc;--demo-ink: #0b1220;--demo-muted: #64748b;--demo-faint: #94a3b8;--demo-line: rgba(148, 163, 184, .22);--demo-line-strong: rgba(148, 163, 184, .34);--demo-blue: #0b5fff;--demo-blue-dark: #0847c7;--demo-blue-soft: #eff4ff;--demo-blue-glow: rgba(11, 95, 255, .22);--demo-ok: #059669;--demo-ok-soft: rgba(5, 150, 105, .1);--demo-warn: #d97706;--demo-warn-soft: rgba(217, 119, 6, .1);--demo-danger: #dc2626;--demo-danger-soft: rgba(220, 38, 38, .1);--demo-info: #0284c7;--demo-info-soft: rgba(2, 132, 199, .1);--demo-radius: 12px;--demo-radius-sm: 10px;--demo-radius-lg: 14px;--demo-font: "DM Sans", system-ui, sans-serif;--demo-sidebar-w: 248px;--demo-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .05);--demo-shadow-md: 0 2px 4px rgba(15, 23, 42, .04), 0 12px 28px rgba(15, 23, 42, .08);--demo-shadow-lg: 0 8px 24px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .06);--demo-ease: .18s ease;--demo-ease-med: .22s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body.demo-page{font-family:var(--demo-font);color:var(--demo-ink);background:var(--demo-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}.demo-shell{display:grid;grid-template-columns:var(--demo-sidebar-w) 1fr;min-height:100vh;height:100vh;overflow:hidden;background:var(--demo-bg)}.demo-sidebar{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,var(--demo-sidebar) 0%,var(--demo-sidebar-elevated) 100%);color:#e2e8f0;border-right:1px solid var(--demo-sidebar-border);overflow:hidden;z-index:40}.demo-sidebar__brand{display:flex;flex-direction:column;gap:.2rem;padding:1.25rem 1.15rem 1rem;border-bottom:1px solid var(--demo-sidebar-border);position:relative}.demo-sidebar__logo{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.1}.demo-sidebar__logo span{color:var(--demo-blue)}.demo-sidebar__product{font-size:.75rem;font-weight:500;color:var(--demo-sidebar-muted);letter-spacing:.01em}.demo-sidebar__demo-tag{position:absolute;top:1.2rem;right:1rem;display:inline-flex;align-items:center;padding:.18rem .45rem;border-radius:6px;font-size:.5625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;background:#0b5fff2e;border:1px solid rgba(11,95,255,.28)}.demo-nav{flex:1;overflow-y:auto;padding:.85rem .7rem 1rem;display:flex;flex-direction:column;gap:.15rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent}.demo-nav__group{margin:.85rem .55rem .4rem;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--demo-sidebar-faint)}.demo-nav__group:first-child{margin-top:.15rem}.demo-nav__item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.62rem .75rem;border:0;border-radius:var(--demo-radius-sm);background:transparent;color:#cbd5e1;font-size:.875rem;font-weight:500;text-align:left;transition:background var(--demo-ease),color var(--demo-ease),box-shadow var(--demo-ease)}.demo-nav__item svg{width:1.1rem;height:1.1rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.demo-nav__item:hover:not(:disabled){background:#ffffff0d;color:#fff}.demo-nav__item:hover:not(:disabled) svg{opacity:1}.demo-nav__item.is-active{background:#0b5fff2e;color:#fff;box-shadow:inset 0 0 0 1px #0b5fff59,0 0 0 1px #0b5fff14,0 6px 18px var(--demo-blue-glow)}.demo-nav__item.is-active svg{opacity:1;color:#93c5fd}.demo-nav__item:disabled{opacity:.38;cursor:not-allowed}.demo-nav__count{margin-left:auto;min-width:1.35rem;height:1.35rem;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.6875rem;font-weight:700;color:#fff;background:var(--demo-blue);line-height:1}.demo-nav__item.is-active .demo-nav__count{background:#fff;color:var(--demo-blue)}.demo-sidebar__footer{margin-top:auto;padding:.85rem .85rem 1rem;border-top:1px solid var(--demo-sidebar-border);display:flex;flex-direction:column;gap:.75rem}.demo-sidebar__env-box{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:var(--demo-radius-sm);background:#0f172a8c;border:1px solid rgba(148,163,184,.14)}.demo-sidebar__env-box strong{font-size:.625rem;font-weight:700;letter-spacing:.08em;color:#93c5fd}.demo-sidebar__env-box span{font-size:.6875rem;color:var(--demo-sidebar-muted);line-height:1.35}.demo-sidebar__disclaimer{margin:0;font-size:.6875rem;color:var(--demo-sidebar-faint);line-height:1.4}.demo-sidebar__user{display:flex;align-items:center;gap:.7rem;padding:.15rem .15rem 0}.demo-sidebar__avatar,.demo-topbar__avatar{width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(145deg,#3d7dff,var(--demo-blue));letter-spacing:.02em}.demo-sidebar__name{margin:0;font-size:.8125rem;font-weight:600;color:#f1f5f9;line-height:1.2}.demo-sidebar__role{margin:.1rem 0 0;font-size:.6875rem;color:var(--demo-sidebar-muted)}.demo-sidebar__back{display:inline-flex;align-items:center;gap:.35rem;margin:.65rem .85rem .75rem;padding:.55rem .75rem;border-radius:var(--demo-radius-sm);font-size:.875rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#0b5fff,#06b6d4);border:1px solid rgba(147,197,253,.45);box-shadow:0 0 0 1px #0b5fff40,0 6px 18px #0b5fff59;transition:filter var(--demo-ease),box-shadow var(--demo-ease),transform var(--demo-ease)}.demo-sidebar__back:hover{color:#fff;filter:brightness(1.08);box-shadow:0 0 0 1px #0b5fff66,0 8px 22px #0b5fff73}.demo-main{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--demo-bg);overflow-x:hidden;overflow-y:auto}.demo-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.85rem;min-height:64px;padding:.7rem 1.35rem;background:#fffffff5;border-bottom:1px solid var(--demo-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px #fffc}.demo-topbar__menu{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.35rem;height:2.35rem;padding:0;border:1px solid var(--demo-line);border-radius:var(--demo-radius-sm);background:var(--demo-surface);flex-shrink:0;transition:border-color var(--demo-ease),box-shadow var(--demo-ease)}.demo-topbar__menu:hover{border-color:#0b5fff4d;box-shadow:var(--demo-shadow)}.demo-topbar__menu span{display:block;width:1rem;height:1.5px;margin:0 auto;border-radius:2px;background:var(--demo-ink)}.demo-topbar__search{position:relative;flex:1;max-width:42rem;display:flex;align-items:center;gap:.65rem;min-height:2.65rem;padding:0 .85rem 0 .95rem;border:1px solid var(--demo-line);border-radius:var(--demo-radius);background:var(--demo-surface-soft);transition:border-color var(--demo-ease),background var(--demo-ease),box-shadow var(--demo-ease)}.demo-topbar__search:focus-within{background:#fff;border-color:#0b5fff59;box-shadow:0 0 0 3px #0b5fff14}.demo-topbar__search svg{width:1.05rem;height:1.05rem;flex-shrink:0;fill:none;stroke:var(--demo-faint);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.demo-topbar__search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--demo-ink);font-size:.875rem;padding:.55rem 0}.demo-topbar__search input::placeholder{color:var(--demo-faint)}.demo-topbar__kbd{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.demo-topbar__kbd kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.35rem;padding:0 .35rem;border-radius:6px;border:1px solid var(--demo-line);background:#fff;color:var(--demo-faint);font-family:inherit;font-size:.625rem;font-weight:600;letter-spacing:.02em;box-shadow:0 1px #0f172a0a}.demo-topbar__actions{display:flex;align-items:center;gap:.55rem;flex-shrink:0;margin-left:auto}.demo-topbar__icon{position:relative;width:2.35rem;height:2.35rem;display:inline-grid;place-items:center;border:1px solid var(--demo-line);border-radius:var(--demo-radius-sm);background:#fff;color:var(--demo-muted);transition:border-color var(--demo-ease),color var(--demo-ease),box-shadow var(--demo-ease)}.demo-topbar__icon:hover{color:var(--demo-blue);border-color:#0b5fff47;box-shadow:var(--demo-shadow)}.demo-topbar__icon svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.demo-topbar__ping{position:absolute;top:.45rem;right:.5rem;width:7px;height:7px;border-radius:50%;background:var(--demo-danger);border:1.5px solid #fff;box-shadow:0 0 0 2px #dc26261f}.demo-topbar__lang{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;height:2.35rem;padding:0 .5rem;border-radius:var(--demo-radius-sm);border:1px solid var(--demo-line);background:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:var(--demo-muted)}.demo-topbar__profile{display:inline-flex;align-items:center;gap:.55rem;padding:.25rem .55rem .25rem .25rem;border-radius:var(--demo-radius);border:1px solid var(--demo-line);background:#fff;font-size:.8125rem;font-weight:600;color:var(--demo-ink)}.demo-topbar__profile .demo-topbar__avatar{width:1.85rem;height:1.85rem;border-radius:8px;font-size:.6875rem}.demo-topbar__cta{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:var(--demo-radius-sm);background:var(--demo-blue);color:#fff;font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #0b5fff33,0 6px 16px #0b5fff2e;transition:background var(--demo-ease),box-shadow var(--demo-ease),transform var(--demo-ease)}.demo-topbar__cta:hover{background:var(--demo-blue-dark);box-shadow:0 2px 4px #0b5fff38,0 10px 22px #0b5fff38}.demo-view{display:none;flex:1;min-height:0;overflow:auto;padding:1.35rem 1.5rem 2rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.demo-view.is-active{display:block;animation:demo-view-in .28s ease}.demo-view[hidden]{display:none!important}@keyframes demo-view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-view__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.demo-view__eyebrow{margin:0 0 .3rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-blue)}.demo-view__title{margin:0;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--demo-ink)}.demo-view__lead{margin:.4rem 0 0;max-width:42rem;font-size:.9375rem;color:var(--demo-muted);line-height:1.5}.demo-view__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;flex-shrink:0}.demo-banner-note{margin:0 0 1.1rem;padding:.7rem .95rem;border-radius:var(--demo-radius-sm);font-size:.8125rem;line-height:1.5;color:var(--demo-muted);background:var(--demo-blue-soft);border:1px solid rgba(11,95,255,.12)}.demo-banner-note strong{color:var(--demo-ink);font-weight:600}.demo-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--demo-line);background:#fff;font-size:.75rem;font-weight:600;color:var(--demo-muted);white-space:nowrap}.demo-chip--demo{color:var(--demo-blue);background:#0b5fff0f;border-color:#0b5fff2e}.demo-chip--demo span{width:6px;height:6px;border-radius:50%;background:var(--demo-blue);box-shadow:0 0 0 3px #0b5fff1f}.demo-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.1rem}.demo-kpi-row--report{margin-bottom:1rem}.demo-kpi{display:flex;align-items:flex-start;gap:.85rem;padding:1.05rem 1.1rem;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow);transition:box-shadow var(--demo-ease),transform var(--demo-ease),border-color var(--demo-ease)}.demo-kpi:hover{box-shadow:var(--demo-shadow-md);border-color:var(--demo-line-strong);transform:translateY(-1px)}.demo-kpi__icon{width:2.5rem;height:2.5rem;border-radius:var(--demo-radius-sm);display:grid;place-items:center;flex-shrink:0}.demo-kpi__icon svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.demo-kpi__icon--blue{color:var(--demo-blue);background:#0b5fff1a}.demo-kpi__icon--green{color:var(--demo-ok);background:var(--demo-ok-soft)}.demo-kpi__icon--orange{color:var(--demo-warn);background:var(--demo-warn-soft)}.demo-kpi__icon--red{color:var(--demo-danger);background:var(--demo-danger-soft)}.demo-kpi__label{margin:0 0 .2rem;font-size:.75rem;font-weight:600;color:var(--demo-muted)}.demo-kpi__value{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--demo-ink)}.demo-kpi__trend{margin:.35rem 0 0;font-size:.75rem;font-weight:600;color:var(--demo-muted)}.demo-kpi__trend--up{color:var(--demo-ok)}.demo-kpi__hint{font-weight:500;color:var(--demo-faint)}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.demo-metric{padding:1.05rem 1.1rem;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow);transition:box-shadow var(--demo-ease),transform var(--demo-ease)}.demo-metric:hover{box-shadow:var(--demo-shadow-md);transform:translateY(-1px)}.demo-metric__label{margin:0 0 .25rem;font-size:.75rem;font-weight:600;color:var(--demo-muted)}.demo-metric__value{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--demo-ink)}.demo-metric__delta{margin:.4rem 0 0;font-size:.75rem;font-weight:600;color:var(--demo-muted)}.demo-metric__delta--up{color:var(--demo-ok)}.demo-metric__sample{margin-left:.35rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-faint)}.demo-dash{display:grid;gap:1rem;margin-bottom:1.1rem}.demo-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);grid-template-rows:minmax(250px,auto) minmax(310px,auto);gap:1rem;margin-bottom:1.25rem;align-items:stretch}.demo-board>.demo-panel{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.demo-board>.demo-panel>.demo-panel__head{flex-shrink:0}.demo-board__sales{grid-column:1 / 3;grid-row:1}.demo-board__category{grid-column:3;grid-row:1}.demo-board__orders{grid-column:1;grid-row:2}.demo-board__stock{grid-column:2;grid-row:2}.demo-board__activity{grid-column:3;grid-row:2}.demo-board__sales .demo-line-chart,.demo-board__category .demo-donut-pro,.demo-board__orders .demo-table-wrap,.demo-board__stock .demo-table-wrap,.demo-board__activity .demo-activity{flex:1;min-height:0}.demo-board__orders .demo-table,.demo-board__stock .demo-table{min-width:0;width:100%;table-layout:fixed}.demo-board__stock .demo-table--compact,.demo-board__orders .demo-table--compact{min-width:0}.demo-board__orders .demo-table th,.demo-board__orders .demo-table td,.demo-board__stock .demo-table th,.demo-board__stock .demo-table td{padding:.55rem .45rem;font-size:.75rem}.demo-board__orders .demo-table th:nth-child(1),.demo-board__orders .demo-table td:nth-child(1){width:18%}.demo-board__orders .demo-table th:nth-child(2),.demo-board__orders .demo-table td:nth-child(2){width:28%}.demo-board__orders .demo-table th:nth-child(3),.demo-board__orders .demo-table td:nth-child(3){width:18%}.demo-board__orders .demo-table th:nth-child(4),.demo-board__orders .demo-table td:nth-child(4){width:22%}.demo-board__orders .demo-table th:nth-child(5),.demo-board__orders .demo-table td:nth-child(5){width:14%}.demo-board__orders .demo-table td,.demo-board__stock .demo-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-board__stock .demo-table th:nth-child(1),.demo-board__stock .demo-table td:nth-child(1){width:52%}.demo-board__stock .demo-table th:nth-child(2),.demo-board__stock .demo-table td:nth-child(2){width:18%}.demo-board__stock .demo-table th:nth-child(3),.demo-board__stock .demo-table td:nth-child(3){width:30%}.demo-board__activity .demo-activity{overflow:auto;scrollbar-width:thin}.demo-dash__charts{grid-template-columns:1.65fr 1fr;align-items:start}.demo-dash__primary{display:flex;flex-direction:column;gap:1rem;min-width:0}.demo-dash__primary>.demo-dash__tables{margin-bottom:0}.demo-dash__side{display:flex;flex-direction:column;gap:1rem;min-width:0}.demo-panel--activity{flex:1}.demo-dash__tables{grid-template-columns:1fr 1fr}.demo-dash__reports{grid-template-columns:1.4fr 1fr}.demo-panel{background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow);padding:1.05rem 1.15rem 1.15rem;min-width:0;transition:box-shadow var(--demo-ease)}.demo-panel:hover{box-shadow:var(--demo-shadow-md)}.demo-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.95rem}.demo-panel__title{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--demo-ink)}.demo-panel__meta{font-size:.75rem;font-weight:500;color:var(--demo-faint)}.demo-panel__link{border:0;background:transparent;color:var(--demo-blue);font-size:.8125rem;font-weight:600;padding:0;cursor:pointer;transition:color var(--demo-ease)}.demo-panel__link:hover{color:var(--demo-blue-dark)}.demo-inline-select{border:1px solid var(--demo-line);border-radius:8px;padding:.3rem .55rem;background:var(--demo-surface-soft);color:var(--demo-muted);font-size:.75rem;font-weight:500}.demo-line-chart{display:flex;flex-direction:column;gap:.55rem;min-height:180px;flex:1}.demo-line-chart__svg{width:100%;flex:1;min-height:160px;max-height:220px;display:block}.demo-line-chart__axis{display:flex;justify-content:space-between;padding:0 .15rem;font-size:.6875rem;font-weight:500;color:var(--demo-faint)}.demo-donut-pro{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;flex:1}.demo-donut-pro__ring{position:relative;width:7.5rem;height:7.5rem;border-radius:50%;background:conic-gradient(#0b5fff 0,#0b5fff 32%,#3d7dff 32%,#3d7dff 50%,#0284c7 50%,#0284c7 66%,#059669 66%,#059669 80%,#d97706 80%,#d97706 92%,#94a3b8 92%,#94a3b8);box-shadow:inset 0 0 0 1px #0f172a0a}.demo-donut-pro__ring:before{content:"";position:absolute;top:1.15rem;right:1.15rem;bottom:1.15rem;left:1.15rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--demo-line)}.demo-donut-pro__center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;color:var(--demo-ink);line-height:1.1}.demo-donut-pro__center small{font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-faint);margin-top:.15rem}.demo-donut-pro__legend{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.demo-donut-pro__legend li{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--demo-muted)}.demo-donut-pro__legend strong{margin-left:auto;color:var(--demo-ink);font-weight:700}.swatch{width:.55rem;height:.55rem;border-radius:3px;flex-shrink:0}.swatch--a{background:#0b5fff}.swatch--b{background:#3d7dff}.swatch--c{background:#0284c7}.swatch--d{background:#059669}.swatch--e{background:#d97706}.swatch--f{background:#94a3b8}.demo-bars{display:flex;align-items:flex-end;gap:.65rem;height:180px;padding:.5rem .15rem 1.5rem}.demo-bars span{position:relative;flex:1;height:var(--h, 40%);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#3d7dff,#0b5fff);opacity:.72;transition:opacity var(--demo-ease),box-shadow var(--demo-ease),transform var(--demo-ease)}.demo-bars span:hover,.demo-bars span.is-peak{opacity:1}.demo-bars span.is-peak{box-shadow:0 8px 18px #0b5fff38}.demo-bars i{position:absolute;bottom:-1.35rem;left:50%;transform:translate(-50%);font-style:normal;font-size:.6875rem;font-weight:500;color:var(--demo-faint)}.demo-activity{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.15rem}.demo-activity__item{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.55rem .35rem;border-radius:var(--demo-radius-sm);transition:background var(--demo-ease)}.demo-activity__item:hover{background:var(--demo-surface-soft)}.demo-activity__icon{width:2rem;height:2rem;border-radius:9px;display:grid;place-items:center;flex-shrink:0;position:relative}.demo-activity__icon:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.demo-activity__icon--order{color:var(--demo-blue);background:#0b5fff1a}.demo-activity__icon--doc{color:#0284c7;background:var(--demo-info-soft)}.demo-activity__icon--user{color:var(--demo-ok);background:var(--demo-ok-soft)}.demo-activity__icon--approval{color:var(--demo-warn);background:var(--demo-warn-soft)}.demo-activity__icon--stock{color:var(--demo-danger);background:var(--demo-danger-soft)}.demo-activity__icon--msg{color:#0e7490;background:#0e74901a}.demo-activity__body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.demo-activity__body strong{font-size:.8125rem;font-weight:600;color:var(--demo-ink)}.demo-activity__body span{font-size:.75rem;color:var(--demo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-activity__time{font-size:.6875rem;font-weight:500;color:var(--demo-faint);white-space:nowrap}.demo-table-wrap{overflow:auto;background:#fff;border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow)}.demo-panel>.demo-table-wrap{border:0;border-radius:0;box-shadow:none;margin:0 -.15rem}.demo-table{width:100%;border-collapse:collapse;min-width:560px}.demo-table--compact{min-width:420px}.demo-table th,.demo-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--demo-line);font-size:.8125rem;vertical-align:middle}.demo-table--compact th,.demo-table--compact td{padding:.7rem .85rem}.demo-table th{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-faint);background:var(--demo-surface-soft);white-space:nowrap}.demo-table tbody tr{transition:background var(--demo-ease)}.demo-table tr:last-child td{border-bottom:0}.demo-table strong{display:block;font-size:.875rem;margin-bottom:.12rem;color:var(--demo-ink)}.demo-table__sub{display:block;color:var(--demo-faint);font-size:.75rem;font-weight:500}.demo-row-click{cursor:pointer}.demo-row-click:hover,.demo-row-click:focus-visible{background:#0b5fff0a;outline:none}.demo-status{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.demo-status--ok{color:var(--demo-ok);background:var(--demo-ok-soft)}.demo-status--warn{color:var(--demo-warn);background:var(--demo-warn-soft)}.demo-status--info{color:var(--demo-info);background:var(--demo-info-soft)}.demo-status--danger{color:var(--demo-danger);background:var(--demo-danger-soft)}.demo-priority{font-size:.6875rem;font-weight:700}.demo-priority--high{color:var(--demo-danger)}.demo-priority--med{color:var(--demo-warn)}.demo-priority--low{color:var(--demo-faint)}.demo-thumb{display:inline-block;width:1.35rem;height:1.35rem;margin-right:.55rem;border-radius:6px;vertical-align:middle;box-shadow:inset 0 0 0 1px #0f172a0f}.demo-thumb--paint{background:linear-gradient(145deg,#64748b,#334155)}.demo-thumb--chem{background:linear-gradient(145deg,#38bdf8,#0284c7)}.demo-thumb--safe{background:linear-gradient(145deg,#34d399,#059669)}.demo-thumb--acc{background:linear-gradient(145deg,#fbbf24,#d97706)}.demo-promo{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:center;overflow:hidden;margin-bottom:1.1rem;padding:1.75rem 1.85rem;border-radius:var(--demo-radius-lg);color:#fff;background:radial-gradient(ellipse at 85% 20%,rgba(255,255,255,.14),transparent 45%),linear-gradient(135deg,#0847c7,#0b5fff 48%,#1d4ed8);box-shadow:var(--demo-shadow-md)}.demo-promo__copy{position:relative;z-index:1;max-width:28rem}.demo-promo__title{margin:0 0 .55rem;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.demo-promo__text{margin:0 0 1.15rem;font-size:.9375rem;line-height:1.55;color:#ffffffe0}.demo-promo__cta{display:inline-flex;align-items:center;padding:.6rem 1.05rem;border-radius:var(--demo-radius-sm);background:#fff;color:var(--demo-blue);font-size:.8125rem;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0f172a1f;transition:transform var(--demo-ease),box-shadow var(--demo-ease)}.demo-promo__cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a29}.demo-promo__art{position:relative;height:140px;min-height:120px;z-index:0}.demo-promo__node,.demo-promo__hub{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-promo__hub{width:4.5rem;height:4.5rem;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 55%),#ffffff29;box-shadow:0 0 0 12px #ffffff0f}.demo-promo__node--a{width:2.4rem;height:2.4rem;top:12%;left:18%}.demo-promo__node--b{width:1.8rem;height:1.8rem;top:18%;right:16%}.demo-promo__node--c{width:2.1rem;height:2.1rem;bottom:14%;left:42%}.demo-promo__art:before,.demo-promo__art:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.22);pointer-events:none}.demo-promo__art:before{width:9rem;height:9rem;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-promo__art:after{width:12.5rem;height:12.5rem;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7}.demo-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:.5rem}.demo-quick__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.95rem 1rem;border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);background:#fff;box-shadow:var(--demo-shadow);text-align:left;color:inherit;transition:box-shadow var(--demo-ease),transform var(--demo-ease),border-color var(--demo-ease)}.demo-quick__item:hover{box-shadow:var(--demo-shadow-md);border-color:#0b5fff38;transform:translateY(-1px)}.demo-quick__item strong{display:block;font-size:.8125rem;font-weight:700;color:var(--demo-ink);margin-bottom:.1rem}.demo-quick__item small{display:block;font-size:.6875rem;color:var(--demo-muted)}.demo-quick__icon{width:2.35rem;height:2.35rem;border-radius:var(--demo-radius-sm);display:grid;place-items:center;flex-shrink:0;color:var(--demo-blue);background:#0b5fff14}.demo-quick__icon svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.demo-quick__arrow{margin-left:auto;color:var(--demo-faint);font-size:.95rem;transition:transform var(--demo-ease),color var(--demo-ease)}.demo-quick__item:hover .demo-quick__arrow{color:var(--demo-blue);transform:translate(2px)}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .95rem;border-radius:var(--demo-radius-sm);border:1px solid var(--demo-line);background:#fff;color:var(--demo-ink);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--demo-ease),border-color var(--demo-ease),box-shadow var(--demo-ease),color var(--demo-ease)}.demo-btn:hover:not(:disabled){border-color:var(--demo-line-strong);box-shadow:var(--demo-shadow)}.demo-btn--primary{color:#fff;background:var(--demo-blue);border-color:var(--demo-blue);box-shadow:0 1px 2px #0b5fff2e,0 6px 14px #0b5fff29}.demo-btn--primary:hover:not(:disabled){background:var(--demo-blue-dark);border-color:var(--demo-blue-dark);box-shadow:0 2px 4px #0b5fff33,0 10px 20px #0b5fff33}.demo-btn--sm{padding:.4rem .7rem;font-size:.75rem}.demo-btn--ghost{background:transparent;border-color:transparent;color:var(--demo-muted)}.demo-btn--ghost:hover:not(:disabled){background:var(--demo-surface-soft);border-color:transparent;box-shadow:none;color:var(--demo-ink)}.demo-btn--danger{color:var(--demo-danger);border-color:#dc262640;background:#dc26260a}.demo-btn--danger:hover:not(:disabled){border-color:#dc262666;box-shadow:0 4px 12px #dc26261a}.demo-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.demo-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:.85rem;align-items:start}.demo-split__list{min-width:0;transition:opacity var(--demo-ease)}.demo-split__list.is-dimmed{opacity:.72}.demo-split__detail{min-width:0;position:sticky;top:.25rem}.demo-detail-empty{padding:2.25rem 1.35rem;text-align:center;color:var(--demo-muted);background:#fff;border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow)}.demo-detail-empty__title{margin:0 0 .35rem;font-weight:700;color:var(--demo-ink);font-size:.9375rem}.demo-detail-empty p{margin:0;font-size:.8125rem;line-height:1.5}.demo-detail{padding:1.05rem 1.15rem 1.2rem;background:#fff;border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow)}.demo-detail[hidden]{display:none!important}.demo-detail--sheet{margin-top:.85rem}.demo-detail__head{margin-bottom:1rem}.demo-detail__back{border:0;background:transparent;color:var(--demo-blue);font-size:.8125rem;font-weight:600;padding:0;margin-bottom:.75rem;cursor:pointer}.demo-detail__back:hover{color:var(--demo-blue-dark)}.demo-detail__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.demo-detail__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--demo-ink)}.demo-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.demo-detail__block{padding:.9rem;border-radius:var(--demo-radius);background:var(--demo-surface-soft);border:1px solid var(--demo-line)}.demo-detail__block--span{grid-column:1 / -1}.demo-detail__block h3{margin:0 0 .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--demo-faint)}.demo-detail__summary{margin:.75rem 0 0;font-size:.875rem;line-height:1.5;color:var(--demo-muted)}.demo-detail__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--demo-line)}.demo-detail__btns{display:flex;gap:.5rem}.demo-dl{margin:0;display:grid;gap:.55rem}.demo-dl div{display:grid;grid-template-columns:6.5rem 1fr;gap:.5rem;font-size:.8125rem}.demo-dl dt{color:var(--demo-faint);font-weight:600}.demo-dl dd{margin:0;color:var(--demo-ink)}.demo-timeline{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}.demo-timeline__item{display:grid;gap:.15rem;padding-left:.9rem;border-left:2px solid rgba(11,95,255,.28);font-size:.8125rem;color:var(--demo-ink)}.demo-timeline__item time{font-size:.6875rem;color:var(--demo-faint)}.demo-timeline__item--ok{border-left-color:var(--demo-ok)}.demo-timeline__item--warn{border-left-color:var(--demo-warn)}.demo-timeline__item--danger{border-left-color:var(--demo-danger)}.demo-timeline__item--info{border-left-color:var(--demo-info)}.demo-file-chip,.demo-file-cell{display:flex;align-items:center;gap:.7rem}.demo-file-chip p{margin:.15rem 0 0;font-size:.75rem;color:var(--demo-muted)}.demo-file-chip strong,.demo-file-cell strong{font-size:.875rem;color:var(--demo-ink)}.demo-file__icon{width:2.5rem;height:2.5rem;border-radius:var(--demo-radius-sm);display:grid;place-items:center;font-size:.625rem;font-weight:800;letter-spacing:.04em;flex-shrink:0}.demo-file__icon--xls{background:#107c411f;color:#107c41}.demo-file__icon--pdf{background:#dc26261a;color:#dc2626}.demo-file__icon--doc{background:#0b5fff1a;color:var(--demo-blue)}.demo-file__icon--csv{background:#0284c71a;color:#0284c7}.demo-inbox,.demo-inbox--pro{display:grid;grid-template-columns:280px minmax(0,1fr) 240px;min-height:520px;background:#fff;border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow);overflow:hidden}.demo-inbox__list{border-right:1px solid var(--demo-line);background:var(--demo-surface-soft);display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 12rem)}.demo-thread{display:flex;flex-direction:column;gap:.3rem;width:100%;padding:.95rem 1rem;border:0;border-bottom:1px solid var(--demo-line);background:transparent;text-align:left;cursor:pointer;color:inherit;transition:background var(--demo-ease)}.demo-thread:hover{background:#ffffffd9}.demo-thread.is-active{background:#fff;box-shadow:inset 3px 0 0 var(--demo-blue)}.demo-thread__badge{display:inline-flex;width:fit-content;margin-bottom:.15rem;padding:.15rem .45rem;border-radius:6px;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-blue);background:#0b5fff14}.demo-thread__top{display:flex;justify-content:space-between;gap:.5rem;font-size:.8125rem}.demo-thread__top strong{font-weight:700;color:var(--demo-ink)}.demo-thread__top time{color:var(--demo-faint);font-size:.6875rem;white-space:nowrap}.demo-thread__preview{font-size:.75rem;color:var(--demo-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-inbox__pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.demo-inbox__pane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--demo-line);background:#fff}.demo-inbox__pane-head h2{margin:0 0 .2rem;font-size:1rem;font-weight:700;letter-spacing:-.015em}.demo-inbox__pane-head p{margin:0;font-size:.75rem;color:var(--demo-faint)}.demo-record-link{margin:.35rem 0 0!important;font-size:.75rem!important;color:var(--demo-muted)!important}.demo-record-link strong{color:var(--demo-ink);font-weight:700}.demo-chat{flex:1;padding:1.15rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;overflow:auto;background:radial-gradient(ellipse at top right,rgba(11,95,255,.035),transparent 48%),#fff}.demo-chat__bubble{max-width:78%;padding:.75rem .9rem;border-radius:var(--demo-radius);font-size:.875rem;line-height:1.45}.demo-chat__bubble p{margin:0 0 .35rem}.demo-chat__bubble time{font-size:.6875rem;color:var(--demo-faint)}.demo-chat__who{display:block;margin-bottom:.2rem;font-size:.6875rem;font-weight:700;color:var(--demo-faint)}.demo-chat__bubble--in{align-self:flex-start;background:#f1f5f9;border-bottom-left-radius:4px}.demo-chat__bubble--out{align-self:flex-end;background:var(--demo-blue-soft);border:1px solid rgba(11,95,255,.12);border-bottom-right-radius:4px}.demo-chat__system{align-self:center;margin-top:.15rem;padding:.4rem .8rem;border-radius:999px;font-size:.75rem;font-weight:500;color:var(--demo-ok);background:var(--demo-ok-soft)}.demo-inbox__composer{display:flex;gap:.65rem;padding:.85rem 1rem;border-top:1px solid var(--demo-line);background:#fff}.demo-inbox__composer input{flex:1;border:1px solid var(--demo-line);border-radius:var(--demo-radius-sm);padding:.65rem .85rem;outline:none;background:var(--demo-surface-soft);color:var(--demo-ink);transition:border-color var(--demo-ease),box-shadow var(--demo-ease),background var(--demo-ease)}.demo-inbox__composer input:focus{background:#fff;border-color:#0b5fff59;box-shadow:0 0 0 3px #0b5fff14}.demo-inbox__context{border-left:1px solid var(--demo-line);background:var(--demo-surface-soft);padding:1rem;overflow:auto}.demo-context-card{padding:.9rem;border-radius:var(--demo-radius);background:#fff;border:1px solid var(--demo-line);box-shadow:var(--demo-shadow)}.demo-context-card h3{margin:0 0 .45rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-faint)}.demo-context-card p{margin:0;font-size:.8125rem;color:var(--demo-muted);line-height:1.45}.demo-inbox__context:empty{display:none}.demo-inbox:has(.demo-inbox__context:empty){grid-template-columns:280px minmax(0,1fr)}.demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.9rem}.demo-toolbar__search{flex:1;min-width:200px;max-width:28rem}.demo-toolbar__filters{display:flex;flex-wrap:wrap;gap:.4rem}.demo-toolbar__selects{display:flex;flex-wrap:wrap;gap:.65rem;margin-left:auto}.demo-toolbar--reports{padding:.75rem .9rem;background:#fff;border:1px solid var(--demo-line);border-radius:var(--demo-radius-lg);box-shadow:var(--demo-shadow)}.demo-filter{border:1px solid var(--demo-line);background:#fff;color:var(--demo-muted);border-radius:999px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:color var(--demo-ease),border-color var(--demo-ease),background var(--demo-ease)}.demo-filter:hover{color:var(--demo-blue);border-color:#0b5fff47;background:#0b5fff0d}.demo-filter.is-active{color:var(--demo-blue);border-color:#0b5fff4d;background:#0b5fff14;box-shadow:0 0 0 1px #0b5fff0f}.demo-select{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--demo-faint)}.demo-select select{border:1px solid var(--demo-line);border-radius:var(--demo-radius-sm);padding:.45rem .65rem;background:#fff;color:var(--demo-ink);font:inherit;font-weight:500;outline:none;transition:border-color var(--demo-ease),box-shadow var(--demo-ease)}.demo-select select:focus{border-color:#0b5fff59;box-shadow:0 0 0 3px #0b5fff14}.demo-stack{display:none;flex-direction:column;gap:.55rem}.demo-stack-card{display:flex;flex-direction:column;gap:.3rem;width:100%;text-align:left;padding:.95rem 1rem;border-radius:var(--demo-radius);border:1px solid var(--demo-line);background:#fff;box-shadow:var(--demo-shadow);cursor:pointer;color:inherit;transition:box-shadow var(--demo-ease),border-color var(--demo-ease),transform var(--demo-ease)}.demo-stack-card:hover{box-shadow:var(--demo-shadow-md);border-color:#0b5fff33;transform:translateY(-1px)}.demo-stack-card__top{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start;font-size:.875rem;font-weight:600;color:var(--demo-ink)}.demo-stack-card__meta{font-size:.75rem;color:var(--demo-muted)}.demo-report-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}.demo-report-list li{padding:.8rem .9rem;border-radius:var(--demo-radius);background:var(--demo-surface-soft);border:1px solid var(--demo-line);font-size:.875rem;color:var(--demo-muted);line-height:1.45}.demo-report-list strong{color:var(--demo-ink)}.demo-sample-note{margin:.75rem 0 0;font-size:.75rem;color:var(--demo-faint);line-height:1.4}.demo-sample-note--pad{padding:0 1rem 1rem;margin:0}.demo-empty-cell{text-align:center;color:var(--demo-faint);padding:1.5rem!important;font-size:.875rem}.demo-toast{position:fixed;left:50%;bottom:1.35rem;transform:translate(-50%) translateY(120%);z-index:80;max-width:min(92vw,420px);padding:.8rem 1.1rem;border-radius:var(--demo-radius);background:var(--demo-sidebar);color:#fff;font-size:.8125rem;font-weight:600;box-shadow:var(--demo-shadow-lg);opacity:0;transition:transform var(--demo-ease-med),opacity var(--demo-ease-med);pointer-events:none}.demo-toast.is-visible{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:1100px){.demo-kpi-row,.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-board{grid-template-columns:1fr 1fr;grid-template-rows:auto}.demo-board__sales,.demo-board__category{grid-column:1 / -1;grid-row:auto}.demo-board__orders{grid-column:1;grid-row:auto}.demo-board__stock{grid-column:2;grid-row:auto}.demo-board__activity{grid-column:1 / -1;grid-row:auto}.demo-dash__charts{grid-template-columns:1fr}.demo-dash__primary>.demo-dash__tables{grid-template-columns:1fr}.demo-dash__tables,.demo-dash__reports{grid-template-columns:1fr}.demo-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-promo{grid-template-columns:1fr}.demo-promo__art{height:110px;max-width:16rem;margin-left:auto}.demo-split{grid-template-columns:1fr}.demo-split__detail{position:static}.demo-detail__grid{grid-template-columns:1fr}.demo-inbox,.demo-inbox--pro{grid-template-columns:240px minmax(0,1fr)}.demo-inbox__context{display:none}.demo-donut-pro{grid-template-columns:1fr;justify-items:center;text-align:left}.demo-donut-pro__legend{width:100%}}@media(max-width:900px){.demo-board{grid-template-columns:1fr;grid-template-rows:none}.demo-board__sales,.demo-board__category,.demo-board__orders,.demo-board__stock,.demo-board__activity{grid-column:1;grid-row:auto}.demo-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.demo-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);height:100vh;transform:translate(-105%);transition:transform var(--demo-ease-med);box-shadow:16px 0 40px #0f172a47}.demo-shell.is-sidebar-open .demo-sidebar{transform:none}.demo-shell.is-sidebar-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0f172a6b;animation:demo-backdrop-in .2s ease}@keyframes demo-backdrop-in{0%{opacity:0}to{opacity:1}}.demo-main{height:auto;min-height:100vh;overflow:visible}.demo-topbar{position:sticky;padding:.65rem .95rem;gap:.65rem}.demo-topbar__menu{display:inline-flex}.demo-topbar__kbd{display:none}.demo-topbar__profile span:last-child{display:none}.demo-topbar__lang{display:none}.demo-topbar__cta{padding:.55rem .8rem;font-size:.75rem}.demo-view{padding:1.1rem 1rem 1.75rem}.demo-view__head{flex-direction:column}.demo-table-wrap--desktop{display:none}.demo-stack{display:flex}.demo-inbox,.demo-inbox--pro{grid-template-columns:1fr;min-height:0}.demo-inbox__list{border-right:0;border-bottom:1px solid var(--demo-line);max-height:240px}.demo-inbox__pane{min-height:360px}.demo-toolbar--reports{flex-direction:column;align-items:stretch}.demo-toolbar__selects{margin-left:0}.demo-chat__bubble{max-width:92%}}@media(max-width:560px){.demo-kpi-row,.demo-metrics,.demo-kpi-row--report,.demo-quick{grid-template-columns:1fr}.demo-view{padding:.95rem .85rem 1.5rem}.demo-view__title{font-size:1.25rem}.demo-topbar__search{min-height:2.4rem}.demo-topbar__search input{font-size:.8125rem}.demo-topbar__cta{display:none}.demo-promo{padding:1.35rem 1.2rem}.demo-promo__art{display:none}.demo-panel{padding:.95rem .95rem 1.05rem}.demo-dl div{grid-template-columns:1fr;gap:.15rem}.demo-detail__actions{flex-direction:column;align-items:stretch}.demo-detail__btns{width:100%}.demo-detail__btns .demo-btn{flex:1}}@media(min-width:901px){.demo-table-wrap--desktop{display:block}.demo-stack{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.demo-view.is-active{animation:none}.demo-toast{transition:none}.demo-kpi:hover,.demo-metric:hover,.demo-quick__item:hover,.demo-stack-card:hover,.demo-topbar__cta:hover,.demo-promo__cta:hover{transform:none}.demo-shell.is-sidebar-open:before{animation:none}}html[lang=fa] body.demo-page,html[lang=fa]:has(body.demo-page){overflow-x:hidden}html[lang=fa] .demo-nav__item,html[lang=fa] .demo-quick__item,html[lang=fa] .demo-thread,html[lang=fa] .demo-stack-card,html[lang=fa] .demo-donut-pro,html[lang=fa] .demo-page [style*="text-align: left"],html[lang=fa] .demo-table,html[lang=fa] .demo-table th,html[lang=fa] .demo-table td,html[lang=fa] .demo-kpi,html[lang=fa] .demo-card,html[lang=fa] .demo-panel,html[lang=fa] .demo-view{text-align:start}
