.product-demo{--u:calc(100cqw / 1280);--pd-primary:#7748e2;--pd-bg-main:#f0f0f0;--pd-bg-secondary:#fafafa;--pd-white:#fff;--pd-sidebar:#0f172a;--pd-sidebar-light:#1e293b;--pd-sidebar-border:#334155;--pd-sidebar-submenu-border:#475569;--pd-text:#1e293b;--pd-text-muted:#64748b;--pd-placeholder:#afafaf;--pd-white-text:#e2e8f0;--pd-white-text-muted:#94a3b8;--pd-light-gray-text:#b6bbc2;--pd-border:#e2e8f0;--pd-border-input:#e5e7eb;--pd-border-breadcrumb:#e9ecef;--pd-table-header:#f1f5f9;--pd-btn-secondary-text:#475569;--pd-danger:#ef476f;--pd-warning:#f59e0b;--pd-info:#3b82f6;--pd-success:#22c55e;--pd-on-accent:#fff;--pd-check-border:#cbd5e1;--pd-cell-divider:#e2e8f080;--pd-action-edit-bg:#7748e224;--pd-action-menu-bg:#4755691a;--pd-tooltip-bg:#0f172a;--pd-theme-icon:#facc15;border-radius:inherit;width:100%;height:100%;color:var(--pd-text);font-family:var(--font-family-body);font-size:calc(13 * var(--u));-webkit-font-smoothing:antialiased;user-select:none;line-height:1.2;display:flex;position:relative;overflow:hidden}.product-demo ul{margin:0;padding:0;list-style:none}.product-demo.is-dark{--pd-bg-main:#0b0e12;--pd-bg-secondary:#191c22;--pd-white:#191c22;--pd-sidebar:#191c22;--pd-sidebar-light:#252a30;--pd-sidebar-border:#2b3240;--pd-sidebar-submenu-border:#2d3748;--pd-text:#e2e8f0;--pd-text-muted:#94a3b8;--pd-placeholder:#94a3b8;--pd-light-gray-text:#94a3b8;--pd-border:#2b3240;--pd-border-input:#2b3240;--pd-border-breadcrumb:#2d3748;--pd-table-header:#252a30;--pd-btn-secondary-text:#e2e8f0;--pd-check-border:#475569;--pd-cell-divider:#2b324080;--pd-action-edit-bg:#7748e233;--pd-action-menu-bg:#ffffff0d;--pd-tooltip-bg:#252a30;--pd-theme-icon:#7dd3fc}@media (prefers-reduced-motion:no-preference){.product-demo,.product-demo *{transition:background-color .25s,color .25s,border-color .25s}}.demo-icon{width:calc(var(--icon-size) * var(--u));height:calc(var(--icon-size) * var(--u));flex:none}.pd-sidebar{width:calc(215 * var(--u));background:var(--pd-sidebar);flex-direction:column;flex:none;display:flex}.pd-sidebar__header{height:calc(64 * var(--u));margin-bottom:calc(20 * var(--u));border-bottom:1px solid var(--pd-sidebar-border);justify-content:center;align-items:center;display:flex}.pd-sidebar__logo{width:auto;height:calc(40 * var(--u));filter:brightness(0)invert()}.pd-sidebar__menu{gap:calc(2 * var(--u));flex-direction:column;flex:1;display:flex;padding:calc(6 * var(--u))!important}.pd-sidebar__link{align-items:center;gap:calc(12 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));border-radius:calc(5 * var(--u));color:var(--pd-light-gray-text);display:flex}.pd-sidebar__label{font-size:calc(13 * var(--u));font-weight:500;line-height:calc(20 * var(--u));flex:1}.pd-sidebar__item.is-open>.pd-sidebar__link{color:var(--pd-white-text)}.pd-sidebar__sub{padding:calc(4 * var(--u)) 0 calc(4 * var(--u)) calc(12 * var(--u))!important}.pd-sidebar__sub-link{margin-left:calc(8 * var(--u));padding:calc(7 * var(--u)) calc(12 * var(--u));border-left:calc(2 * var(--u)) solid var(--pd-sidebar-submenu-border);border-radius:0 calc(8 * var(--u)) calc(8 * var(--u)) 0;color:var(--pd-light-gray-text);font-size:calc(12 * var(--u))}.pd-sidebar__sub-link.is-active{border-left-color:var(--pd-primary);color:var(--pd-white-text);background:#7748e21a}.pd-sidebar__support{padding:calc(8 * var(--u)) calc(6 * var(--u)) calc(10 * var(--u));justify-content:center;display:flex}.pd-sidebar__support-btn{justify-content:center;align-items:center;gap:calc(12 * var(--u));width:calc(165 * var(--u));padding:calc(8 * var(--u));border:1px solid var(--pd-sidebar-border);border-radius:calc(8 * var(--u));background:var(--pd-sidebar-light);box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) #00000047;color:var(--pd-light-gray-text);font-size:calc(13 * var(--u));font-weight:500;display:flex}.pd-sidebar__user{align-items:center;gap:calc(12 * var(--u));padding:calc(11 * var(--u)) calc(15 * var(--u));border-top:1px solid var(--pd-sidebar-border);color:var(--pd-white-text);display:flex}.pd-sidebar__user-name,.pd-sidebar__user-mail{white-space:nowrap;display:block}.pd-sidebar__user-name{font-size:calc(13 * var(--u));font-weight:600}.pd-sidebar__user-mail{margin-top:calc(2 * var(--u));color:var(--pd-white-text-muted);font-size:calc(12 * var(--u))}.pd-content{background:var(--pd-bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.pd-topbar{grid-template-columns:1fr minmax(0, calc(520 * var(--u))) 1fr;align-items:center;gap:calc(16 * var(--u));height:calc(40 * var(--u));padding:0 calc(10 * var(--u));border-bottom:1px solid var(--pd-border-breadcrumb);background:var(--pd-white);flex:none;display:grid}.pd-topbar__left,.pd-topbar__buttons{align-items:center;gap:calc(12 * var(--u));display:flex}.pd-topbar__buttons{justify-content:flex-end;gap:calc(6 * var(--u))}.pd-topbar__button{width:calc(32 * var(--u));height:calc(32 * var(--u));border:1px solid var(--pd-border);border-radius:calc(8 * var(--u));background:var(--pd-white);color:var(--pd-text-muted);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 1px 2px #7748e20f}.pd-topbar__button--theme,.pd-topbar__button--language{font:inherit;cursor:pointer;margin:0;padding:0}.pd-topbar__button--theme .pd-topbar__theme-sun,.pd-topbar__button--theme .pd-topbar__theme-moon,.pd-topbar__button--language .pd-topbar__theme-sun,.pd-topbar__button--language .pd-topbar__theme-moon{filter:drop-shadow(0 0 calc(8 * var(--u)) currentcolor) drop-shadow(0 0 calc(14 * var(--u)) currentcolor)}.pd-topbar__button--theme:hover,.pd-topbar__button--language:hover{border-color:color-mix(in srgb, var(--pd-primary) 45%, var(--pd-border));background:var(--pd-bg-secondary)}.pd-topbar__button--theme:active .demo-icon,.pd-topbar__button--language:active .demo-icon{transform:scale(.92)}.pd-topbar__button--theme:focus-visible,.pd-topbar__button--language:focus-visible{outline:max(2px, 2 * var(--u)) solid var(--pd-primary);outline-offset:max(1px, 2 * var(--u))}.pd-topbar__button--theme{color:var(--pd-theme-icon)}.pd-topbar__theme-moon,.product-demo.is-dark .pd-topbar__theme-sun{display:none}.product-demo.is-dark .pd-topbar__theme-moon{display:block}.pd-topbar__tooltip{top:calc(100% + max(8 * var(--u), 4px));z-index:2;padding:max(5 * var(--u), 3px) max(9 * var(--u), 6px);border-radius:max(6 * var(--u), 4px);background:var(--pd-tooltip-bg);box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #0003;color:var(--pd-white-text);font-size:max(12 * var(--u), 11px);white-space:nowrap;opacity:0;pointer-events:none;font-weight:500;transition:opacity .15s;position:absolute;right:0}.pd-topbar__button--theme:hover .pd-topbar__tooltip,.pd-topbar__button--language:hover .pd-topbar__tooltip,.pd-topbar__button--theme:focus-visible .pd-topbar__tooltip,.pd-topbar__button--language:focus-visible .pd-topbar__tooltip{opacity:1}.pd-topbar__flag{width:calc(20 * var(--u));border-radius:calc(2 * var(--u));height:auto}.pd-topbar__badge{top:calc(-6 * var(--u));right:calc(-6 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));border:calc(2 * var(--u)) solid var(--pd-white);background:var(--pd-danger);color:var(--pd-on-accent);font-size:calc(9 * var(--u));border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute}.pd-breadcrumb{align-items:center;gap:calc(3 * var(--u));color:var(--pd-text-muted);font-size:calc(12 * var(--u));font-weight:500;display:flex}.pd-breadcrumb__current{color:var(--pd-primary);font-weight:600}.pd-topbar__search{align-items:center;gap:calc(10 * var(--u));height:calc(28 * var(--u));padding:0 calc(8 * var(--u));border:1px solid var(--pd-border);border-radius:calc(14 * var(--u));background:var(--pd-bg-secondary);color:var(--pd-text-muted);display:flex}.pd-topbar__placeholder{color:var(--pd-placeholder);font-size:calc(13 * var(--u));flex:1}.pd-topbar__kbd{gap:calc(3 * var(--u));display:flex}.pd-topbar__kbd kbd{padding:calc(3 * var(--u)) calc(6 * var(--u)) calc(2 * var(--u));border:1px solid var(--pd-border);border-radius:calc(6 * var(--u));background:var(--pd-white);color:var(--pd-text-muted);font-family:inherit;font-size:calc(11 * var(--u))}.pd-page{min-height:0;margin:calc(5 * var(--u)) calc(10 * var(--u)) 0;padding:calc(10 * var(--u)) calc(10 * var(--u)) 0;border-radius:calc(12 * var(--u));background:var(--pd-white);box-shadow:0 calc(4 * var(--u)) calc(6 * var(--u)) calc(-1 * var(--u)) #0000001a, 0 calc(2 * var(--u)) calc(4 * var(--u)) calc(-1 * var(--u)) #0000000f;flex-direction:column;flex:1;display:flex;overflow:hidden}.pd-stats{border:1px solid var(--pd-border);border-radius:calc(10 * var(--u));flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:hidden}.pd-stat{--accent:var(--pd-primary);align-items:center;gap:calc(10 * var(--u));min-width:0;padding:calc(12 * var(--u)) calc(16 * var(--u));border-right:1px solid var(--pd-border);background:color-mix(in srgb, var(--accent) 7%, var(--pd-white));color:var(--accent);display:flex}.pd-stat:last-child{border-right:none}.pd-stat[data-accent=success]{--accent:var(--pd-success)}.pd-stat[data-accent=danger]{--accent:var(--pd-danger)}.pd-stat[data-accent=warning]{--accent:var(--pd-warning)}.pd-stat[data-accent=info]{--accent:var(--pd-info)}.pd-stat__body{gap:calc(3 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.pd-stat__head{justify-content:space-between;align-items:center;gap:calc(6 * var(--u));display:flex}.pd-stat__head b{font-size:calc(12 * var(--u));font-weight:700}.pd-stat__head i{font-style:normal}.pd-stat__label{color:var(--pd-text-muted);font-size:calc(12 * var(--u));white-space:nowrap}.pd-stat__value{color:var(--pd-text);font-size:calc(17 * var(--u));font-weight:700;line-height:1.1}.pd-stat__value--compact{font-size:calc(13 * var(--u))}.pd-stat__track{height:calc(7 * var(--u));background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:999px;overflow:hidden}.pd-stat__track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.pd-stat__segments{gap:calc(2 * var(--u));height:calc(6 * var(--u));margin-top:calc(4 * var(--u));display:flex}.pd-stat__segments span{border-radius:999px}.pd-stat__trend{padding-left:calc(6 * var(--u));color:var(--pd-success);font-size:calc(12 * var(--u));align-items:center;gap:1px;font-weight:600;display:flex}.pd-stat__trend.is-down{color:var(--pd-danger)}.pd-stat .is-danger{color:var(--pd-danger);background-color:currentColor}.pd-stat .is-warning{color:var(--pd-warning);background-color:currentColor}.pd-stat .is-success{color:var(--pd-success);background-color:currentColor}.pd-stat__head .is-danger,.pd-stat__head .is-warning,.pd-stat__head .is-success{background:0 0}.pd-header{gap:calc(12 * var(--u));margin-top:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(20 * var(--u));border:1px solid var(--pd-border);border-radius:calc(12 * var(--u));flex-direction:column;flex:none;display:flex}.pd-header__top{align-items:center;gap:calc(16 * var(--u));display:flex}.pd-header__title{align-items:center;gap:calc(10 * var(--u));font-size:calc(18 * var(--u));white-space:nowrap;font-weight:600;display:flex}.pd-header__title-icon{width:calc(35 * var(--u));height:calc(35 * var(--u));border-radius:calc(10 * var(--u));background:color-mix(in srgb, var(--pd-primary) 15%, transparent);color:var(--pd-primary);justify-content:center;align-items:center;display:flex}.pd-input{align-items:center;gap:calc(8 * var(--u));width:40%;height:calc(30 * var(--u));padding:0 calc(10 * var(--u));border:1px solid var(--pd-border-input);border-radius:calc(6 * var(--u));color:var(--pd-text-muted);font-size:calc(12 * var(--u));display:flex}.pd-input span{color:var(--pd-placeholder)}.pd-header__actions{gap:calc(10 * var(--u));margin-left:auto;display:flex}.pd-btn{justify-content:center;align-items:center;gap:calc(6 * var(--u));height:calc(30 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(13 * var(--u));white-space:nowrap;border:1px solid #0000;font-weight:500;display:inline-flex}.pd-btn--secondary{border-color:var(--pd-border);background:var(--pd-white);color:var(--pd-btn-secondary-text)}.pd-btn--primary{width:calc(42 * var(--u));background:var(--pd-primary);color:var(--pd-on-accent)}.pd-btn--danger{width:calc(42 * var(--u));background:var(--pd-danger);color:var(--pd-on-accent)}.pd-header__filters{align-items:center;gap:calc(8 * var(--u));display:flex}.pd-chip{align-items:center;gap:calc(6 * var(--u));height:calc(30 * var(--u));padding:0 calc(12 * var(--u));border:1px solid var(--pd-border);color:var(--pd-text-muted);font-size:calc(12.5 * var(--u));white-space:nowrap;border-radius:999px;font-weight:500;display:inline-flex}.pd-chip__dot{width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--pd-white-text-muted);border-radius:50%}.pd-chip--success{border-color:var(--pd-success);background:color-mix(in srgb, var(--pd-success) 8%, transparent);color:var(--pd-success)}.pd-chip--success .pd-chip__dot{background:var(--pd-success)}.pd-table{min-height:0;margin-top:calc(10 * var(--u));flex:1;overflow:hidden}.pd-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content}.pd-table col{width:calc(150 * var(--u))}.pd-table .pd-table__col-narrow{width:calc(32 * var(--u))}.pd-table .pd-table__col-actions{width:calc(64 * var(--u))}.pd-table th,.pd-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-table th{height:calc(32 * var(--u));padding:calc(5 * var(--u)) calc(8 * var(--u));border-top:1px solid var(--pd-border);border-right:1px solid var(--pd-border);border-bottom:calc(2 * var(--u)) solid var(--pd-border);background:var(--pd-table-header);font-size:calc(12.8 * var(--u));font-weight:600}.pd-table td{height:calc(32 * var(--u));padding:0 calc(10 * var(--u));border-right:1px solid var(--pd-cell-divider);border-bottom:1px solid var(--pd-border);font-size:calc(12 * var(--u))}.pd-table th:nth-child(-n+3),.pd-table td:nth-child(-n+3){padding:0 calc(4 * var(--u));color:var(--pd-text-muted);text-align:center}.pd-table th:nth-child(-n+3)>*,.pd-table td:nth-child(-n+3)>*{margin:0 auto}.pd-check{width:calc(14 * var(--u));height:calc(14 * var(--u));border:1px solid var(--pd-check-border);border-radius:calc(3 * var(--u));background:var(--pd-white);display:block}.pd-row-actions{justify-content:center;gap:calc(4 * var(--u));display:flex}.pd-row-actions>span{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(4 * var(--u));justify-content:center;align-items:center;display:flex}.pd-row-actions__edit{background:var(--pd-action-edit-bg);color:var(--pd-primary)}.pd-row-actions__menu{background:var(--pd-action-menu-bg);color:var(--pd-btn-secondary-text)}.pd-thumb{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:calc(4 * var(--u));background:var(--pd-table-header);justify-content:center;align-items:center;display:flex}.pd-pagination{justify-content:flex-end;align-items:center;gap:calc(60 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));border-top:1px solid var(--pd-border-input);font-size:calc(13 * var(--u));white-space:nowrap;flex:none;font-weight:500;display:flex}.pd-pagination__size,.pd-pagination__nav{align-items:center;gap:calc(4 * var(--u));display:flex}.pd-pagination__size{gap:calc(8 * var(--u))}.pd-pagination__pages{min-width:calc(48 * var(--u));text-align:center}.pd-pagination .is-disabled{opacity:.3}.pd-filter-tab{align-items:center;gap:calc(6 * var(--u));padding:calc(12 * var(--u)) calc(6 * var(--u));border-radius:calc(8 * var(--u)) 0 0 calc(8 * var(--u));background:var(--pd-success);color:var(--pd-on-accent);font-size:calc(12 * var(--u));writing-mode:vertical-rl;font-weight:600;display:flex;position:absolute;top:27%;right:0}.pd-footer{height:calc(15 * var(--u));margin-top:calc(15 * var(--u));padding:0 calc(15 * var(--u));border-top:1px solid var(--pd-border);background:var(--pd-white);color:var(--pd-text-muted);font-size:calc(10 * var(--u));flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.pd-footer__rates{gap:calc(12 * var(--u));font-variant-numeric:tabular-nums;display:flex}html,body{width:100%;height:100%;margin:0}body{--font-family-body:"Manrope", system-ui, sans-serif;container-type:inline-size}*,:before,:after{box-sizing:border-box}