@font-face{font-family:almarai;src:url(/_next/static/media/6faffb4a319e6771-s.p.ttf) format("truetype");font-display:swap;font-weight:300}@font-face{font-family:almarai;src:url(/_next/static/media/7990b9040561e53a-s.p.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:almarai;src:url(/_next/static/media/227d15c6415635c9-s.p.ttf) format("truetype");font-display:swap;font-weight:700}@font-face{font-family:almarai;src:url(/_next/static/media/1943d84be090df86-s.p.ttf) format("truetype");font-display:swap;font-weight:800}@font-face{font-family:almarai Fallback;src:local("Arial");ascent-override:94.55%;descent-override:22.04%;line-gap-override:0.00%;size-adjust:95.71%}.__className_357eee{font-family:almarai,almarai Fallback}.__variable_357eee{--font-almarai:"almarai","almarai Fallback"}:root{--brand-purple:#762dc4;--brand-purple-deep:#5a3b9e;--brand-red:#f6463e;--brand-ink:#231f20;--accent:var(--brand-purple);--accent-strong:color-mix(in oklab,var(--accent) 82%,black);--accent-soft:color-mix(in oklab,var(--accent) 10%,white);--accent-softer:color-mix(in oklab,var(--accent) 5%,white);--accent-line:color-mix(in oklab,var(--accent) 22%,white);--bg:#f7f6fb;--surface:#ffffff;--surface-2:#faf9fd;--line:#e9e6f1;--line-strong:#d9d4e6;--text:var(--brand-ink);--text-2:#57525f;--text-3:#8a8494;--success:#13805b;--success-soft:#e6f5ee;--warning:#a35f00;--warning-soft:#fdf3e2;--danger:#d4352d;--danger-soft:#fdecea;--info:#2f5fb3;--info-soft:#eaf0fb;--font:var(--font-almarai),"Almarai",system-ui,sans-serif;--fs-xs:0.75rem;--fs-sm:0.8125rem;--fs-md:0.9375rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:clamp(2rem,1.2rem + 3vw,3.25rem);--lh:1.75;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-24:96px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-sm:0 1px 2px rgb(35 31 32/0.06);--shadow-md:0 4px 16px -4px rgb(58 30 110/0.12),0 1px 3px rgb(35 31 32/0.05);--shadow-lg:0 24px 48px -16px rgb(58 30 110/0.22);--ease:cubic-bezier(0.22,1,0.36,1);--t-fast:140ms;--t-med:240ms;--sidebar-w:264px;--topbar-h:64px;--content-max:1240px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{overflow-x:clip}body{font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh);background:var(--bg);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{margin:0;color:var(--text)}h1,h2,h3,h4{line-height:1.35;font-weight:800}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.muted{color:var(--text-2)}.subtle{color:var(--text-3);font-size:var(--fs-sm)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stack{gap:var(--s-4)}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:var(--s-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--s-6)}.row,.row-between{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.row-between{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.grid,.grid-2{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3,.grid-4{display:grid;gap:var(--s-4)}.grid-4{grid-gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-gap:var(--s-4);gap:var(--s-4);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid transparent;font-weight:700;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;flex:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-outline{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--accent-softer);color:var(--accent)}.btn-soft{background:var(--accent-soft);color:var(--accent-strong)}.btn-soft:hover:not(:disabled){background:var(--accent-line)}.btn-danger{background:var(--surface);border-color:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{min-height:32px;padding:0 var(--s-3);font-size:var(--fs-xs)}.btn-lg{min-height:48px;padding:0 var(--s-6);font-size:var(--fs-md);border-radius:var(--r-md)}.btn-block{width:100%}.icon-btn{width:40px;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s-5)}.card-head{justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);flex-wrap:wrap}.card-head,.card-head h3{display:flex;align-items:center}.card-head h3{font-size:var(--fs-md);gap:var(--s-2)}.card-head h3 svg{width:18px;height:18px;color:var(--accent)}.card-body{padding:var(--s-5)}.card-foot{padding:var(--s-3) var(--s-5);border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg)}.card-link{transition:border-color var(--t-fast),box-shadow var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.card-link:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;line-height:1.8}.badge svg{width:12px;height:12px}.b-neutral{background:#f0eef4;color:var(--text-2)}.b-accent{background:var(--accent-soft);color:var(--accent-strong)}.b-success{background:var(--success-soft);color:var(--success)}.b-warning{background:var(--warning-soft);color:var(--warning)}.b-danger{background:var(--danger-soft);color:var(--danger)}.b-info{background:var(--info-soft);color:var(--info)}.stat{padding:var(--s-5);display:flex;gap:var(--s-4);align-items:flex-start}.stat-icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.stat-icon svg{width:22px;height:22px}.stat-label{font-size:var(--fs-sm);color:var(--text-2)}.stat-value{font-size:var(--fs-2xl);font-weight:800;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-hint{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:start;font-weight:700;color:var(--text-3);font-size:var(--fs-xs);background:var(--surface-2);white-space:nowrap}.table td,.table th{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}.table td{vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--accent-softer)}.cell-main{font-weight:700}.cell-sub{color:var(--text-3);font-size:var(--fs-xs)}.field{display:flex;flex-direction:column;gap:6px}.field>label,.label{font-size:var(--fs-sm);font-weight:700;color:var(--text)}.hint{color:var(--text-3)}.error-text,.hint{font-size:var(--fs-xs)}.error-text{color:var(--danger);font-weight:700}.input,.select,.textarea{width:100%;min-height:42px;padding:var(--s-2) var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);font-size:16px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}@media (min-width:768px){.input,.select,.textarea{font-size:var(--fs-md)}}.textarea{min-height:96px;resize:vertical;line-height:1.7}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.search{position:relative;min-width:220px;flex:1 1 220px;max-width:360px}.search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-3);pointer-events:none}.search .input{-webkit-padding-start:36px;padding-inline-start:36px}.check{display:inline-flex;align-items:center;gap:var(--s-2);cursor:pointer;font-size:var(--fs-sm)}.check input{width:18px;height:18px;accent-color:var(--accent)}.tabs{display:inline-flex;gap:2px;padding:3px;background:#efedf4;border-radius:var(--r-md);flex-wrap:wrap}.tab{border:0;background:transparent;padding:6px 14px;border-radius:9px;font-size:var(--fs-sm);font-weight:700;color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.tab[aria-selected=true]{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{border:1px solid var(--line-strong);background:var(--surface);padding:4px 14px;border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.bar{height:8px;border-radius:var(--r-pill);background:#eeebf4;overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .6s var(--ease)}.bar.success>span{background:var(--success)}.bar.warning>span{background:#e59a1a}.dots{display:inline-flex;gap:3px}.dots i{width:10px;height:10px;border-radius:3px;background:#e7e3ef}.dots i.on{background:var(--accent)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}a.list-item:hover,button.list-item:hover{background:var(--accent-softer)}button.list-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start;cursor:pointer}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--fs-sm);flex:none;background:var(--accent-soft);color:var(--accent-strong)}.avatar.lg{width:56px;height:56px;font-size:var(--fs-lg)}.date-pill{width:52px;flex:none;text-align:center;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);padding:4px 0;line-height:1.3}.date-pill b{display:block;font-size:var(--fs-lg)}.date-pill small{font-size:11px}.empty{text-align:center;padding:var(--s-10) var(--s-5);color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.empty-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.empty-icon svg{width:24px;height:24px}.notice{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-sm);background:var(--info-soft);color:#1f3f7a}.notice svg{width:18px;height:18px;flex:none;margin-top:4px}.notice.warn{background:var(--warning-soft);color:#6d4000}.notice.demo{background:var(--accent-softer);color:var(--accent-strong);border:1px dashed var(--accent-line)}.overlay{position:fixed;inset:0;background:rgb(25 16 40/.45);display:grid;place-items:center;padding:var(--s-4);z-index:60;animation:fade var(--t-med) var(--ease)}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:pop var(--t-med) var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) var(--s-6) var(--s-3)}.modal-head h3{font-size:var(--fs-lg)}.modal-body{padding:0 var(--s-6) var(--s-5)}.modal-foot{display:flex;gap:var(--s-2);justify-content:flex-end;padding:var(--s-4) var(--s-6);border-top:1px solid var(--line)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toasts{position:fixed;inset-inline-start:50%;transform:translateX(-50%);bottom:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);z-index:80;width:min(440px,calc(100% - 32px))}[dir=rtl] .toasts{transform:translateX(50%)}.toast{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--brand-ink);color:#fff;box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:pop var(--t-med) var(--ease)}.toast svg{width:18px;height:18px;flex:none;margin-top:3px}.toast.success svg{color:#5fd3a2}.toast.error svg{color:#ff8d86}.toast button{-webkit-margin-start:auto;margin-inline-start:auto;background:none;border:0;color:#fff;opacity:.6;cursor:pointer;padding:0}.skeleton{background:linear-gradient(90deg,#efedf4 25%,#f7f6fb 50%,#efedf4 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-lg)}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:480px){.stat{padding:var(--s-3);gap:var(--s-2);flex-direction:column}.stat-icon{width:34px;height:34px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:1.3rem}.card-body,.card-head,.list-item{padding-inline:var(--s-4)}.list-item{flex-wrap:wrap}.list-item>.row:last-child{-webkit-margin-start:auto;margin-inline-start:auto}.page-head .row{width:100%}.page-head .row .btn{flex:1 1}}.shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar-w);flex:none;background:var(--surface);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100dvh;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-4) var(--s-4)}.tenant-mark{width:40px;height:40px;border-radius:var(--r-md);background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:var(--fs-lg);flex:none}.tenant-name{font-weight:800;font-size:var(--fs-md)}.side-nav{display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);overflow-y:auto;flex:1 1}.side-link{display:flex;align-items:center;gap:var(--s-3);padding:9px var(--s-3);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-sm);font-weight:700;transition:background var(--t-fast),color var(--t-fast)}.side-link svg{width:18px;height:18px;flex:none}.side-link:hover{background:var(--accent-softer);color:var(--accent)}.side-link.active{background:var(--accent-soft);color:var(--accent-strong)}.sidebar-foot{border-top:1px solid var(--line);gap:var(--s-3)}.demo-box,.sidebar-foot{padding:var(--s-3);display:flex;flex-direction:column}.demo-box{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-md);gap:var(--s-2)}.demo-box .label{font-size:var(--fs-xs);color:var(--text-3);font-weight:700}.role-grid{display:grid;grid-gap:4px;gap:4px}.role-btn{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:5px 4px;font-size:11.5px;font-weight:700;cursor:pointer;color:var(--text-2);transition:all var(--t-fast)}.role-btn:hover{border-color:var(--accent-line)}.role-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.powered{display:flex;align-items:center;justify-content:center;gap:var(--s-2);font-size:11px;color:var(--text-3);padding:2px 0}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-6);background:rgb(255 255 255/.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.demo-pill{flex:none}.child-switch{display:flex;align-items:center;gap:var(--s-2);color:var(--text-2)}.child-switch svg{width:18px;height:18px}.child-switch .select{min-height:36px;width:auto;padding-block:4px;font-weight:700}.me{display:flex;align-items:center;gap:var(--s-2);-webkit-padding-start:var(--s-3);padding-inline-start:var(--s-3);-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);-webkit-margin-start:var(--s-2);margin-inline-start:var(--s-2)}.me-name{font-weight:700;font-size:var(--fs-sm);line-height:1.3}.bell{position:relative}.bell .dot{position:absolute;top:4px;inset-inline-end:4px;min-width:17px;height:17px;border-radius:9px;background:var(--brand-red);color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800;padding:0 4px}.dropdown{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(360px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:pop var(--t-med) var(--ease);z-index:50}.unread-dot{width:8px;height:8px;border-radius:50%;background:transparent;flex:none}.unread-dot.on{background:var(--brand-red)}.content{padding:var(--s-6);width:100%;max-width:var(--content-max);margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-6)}.page-head{display:flex;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap}.page-head h1{font-size:var(--fs-xl)}.page-head p{margin-top:4px;font-size:var(--fs-sm)}.section-title{font-size:var(--fs-lg);font-weight:800}.only-mobile{display:none!important}@media (max-width:960px){.only-mobile{display:inline-flex!important}.scrim.only-mobile{display:block!important;position:fixed;inset:0;background:rgb(25 16 40/.4);z-index:39}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;transform:translateX(100%);transition:transform var(--t-med) var(--ease);box-shadow:var(--shadow-lg)}[dir=ltr] .sidebar{transform:translateX(-100%)}.sidebar.open,[dir=ltr] .sidebar.open{transform:none}.topbar{padding:0 var(--s-3)}.content{padding:var(--s-4);gap:var(--s-5)}}@media (max-width:640px){.hide-mobile{display:none!important}.demo-pill{font-size:10.5px;padding-inline:8px}.child-switch .select{max-width:150px}}.steps{flex-wrap:wrap}.step,.steps{display:flex;gap:var(--s-2)}.step{align-items:center;font-size:var(--fs-sm);color:var(--text-3);font-weight:700}.step i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#eeebf4;font-size:var(--fs-xs)}.step.on{color:var(--accent-strong)}.step.on i{background:var(--accent);color:#fff}.step.done i{background:var(--success);color:#fff}.step+.step:before{content:"";width:24px;height:1px;background:var(--line-strong)}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:6px var(--s-4);gap:6px var(--s-4);font-size:var(--fs-sm)}.kv dt{color:var(--text-3)}.kv dd{margin:0;font-weight:700}.mini-bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:var(--s-2)}.mini-bars div{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.mini-bars span.b{width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:var(--accent);min-height:3px;transition:height .6s var(--ease)}.mini-bars small{font-size:10.5px;color:var(--text-3);white-space:nowrap}[dir=ltr] .flip{transform:scaleX(-1)}:root{--day-bg:#e8f1fd;--day-fg:#1d4c93;--eve-bg:#e2f4f1;--eve-fg:#0d6a5f;--night-bg:#e9e6f7;--night-fg:#3a2c86;--al-bg:#fde6cf;--al-fg:#8f4200;--sl-bg:#fbe0f2;--sl-fg:#9b136a;--ot-bg:var(--brand-purple);--ot-fg:#fff;--abs-fg:#a3241d;--cov-ok:#13805b;--cov-ok-bg:#e3f4ec;--cov-1:#a35200;--cov-1-bg:#fdeedb;--cov-2:#c42b23;--cov-2-bg:#fde4e2;--cov-over:#2f5fb3;--cov-over-bg:#e8effb}.side-sep{height:1px;background:var(--line);margin:var(--s-2) var(--s-2)}.sidebar-brand img{height:34px;width:auto}.persona{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--text-3);font-weight:700}.persona .select{min-height:34px;padding-block:2px;font-size:var(--fs-sm)}.demo-box .label{display:flex;align-items:center;gap:6px}.role-grid{grid-template-columns:1fr 1fr}.cov{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;white-space:nowrap;line-height:1.8;border:1px solid transparent}.cov b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:11px;color:#fff}.cov-ok{background:var(--cov-ok-bg);color:var(--cov-ok)}.cov-ok b{background:var(--cov-ok)}.cov-over{background:var(--cov-over-bg);color:var(--cov-over)}.cov-over b{background:var(--cov-over)}.cov-short1{background:var(--cov-1-bg);color:var(--cov-1);border-color:#f3c58c}.cov-short1 b{background:#d97a06}.cov-short2{background:var(--cov-2-bg);color:var(--cov-2);border-color:#f2aaa5}.cov-short2 b{background:var(--cov-2)}.issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.issue{display:flex;gap:var(--s-2);align-items:flex-start;padding:8px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.6}.issue svg{width:16px;height:16px;flex:none;margin-top:3px}.issue.block{background:var(--danger-soft);color:#8d1f19}.issue.warn{background:var(--warning-soft);color:#6d4000}.issue.ok{background:var(--success-soft);color:var(--success)}.datasource{display:flex;gap:var(--s-2);align-items:flex-start;font-size:var(--fs-xs);color:var(--text-3);padding:var(--s-2) var(--s-3);border:1px dashed var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2)}.datasource svg{width:14px;height:14px;flex:none;margin-top:3px}.b-preview{background:#fff3d6;color:#7a5200;border:1px dashed #e0b44c}.notice.danger{background:var(--danger-soft);color:#8d1f19}.notice.success{background:var(--success-soft);color:var(--success)}.modal.wide{width:min(860px,100%)}.sg-tools{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.sg-scroll{overflow:auto;max-height:min(72vh,860px);border-top:1px solid var(--line);position:relative;-webkit-overflow-scrolling:touch}.sg{border-collapse:separate;border-spacing:0;font-size:12px;min-width:100%}.sg td,.sg th{border-bottom:1px solid var(--line);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);padding:0;text-align:center;background:var(--surface)}.sg thead th{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:var(--surface-2);font-weight:700;padding:4px 2px;min-width:46px;line-height:1.25}.sg thead th .wd{display:block;font-size:11px;color:var(--text-2);direction:ltr}.sg thead th .gd{display:block;font-size:11.5px;font-weight:800;direction:ltr}.sg thead th .hj{display:block;font-size:10px;color:var(--text-3);font-weight:400}.sg thead th.today{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 -3px 0 var(--accent)}.sg thead th.weekend .wd{color:var(--brand-red)}.sg td.wkstart,.sg thead th.wkstart{-webkit-border-start:2px solid var(--line-strong);border-inline-start:2px solid var(--line-strong)}.sg .stick1,.sg .stick2{position:-webkit-sticky;position:sticky;z-index:2;text-align:start}.sg .stick1{inset-inline-start:0;min-width:176px;max-width:176px;padding:4px 10px}.sg .stick2{inset-inline-start:176px;min-width:64px;max-width:64px;padding:4px 6px;box-shadow:inset -1px 0 0 var(--line-strong)}[dir=rtl] .sg .stick2{box-shadow:inset 1px 0 0 var(--line-strong)}.sg thead .stick1,.sg thead .stick2{z-index:4}.sg tbody tr:hover td{background:var(--surface-2)}.sg tbody tr:hover td.stick1,.sg tbody tr:hover td.stick2{background:var(--accent-softer)}.sg .pname{font-weight:700;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sg .psub{font-size:10.5px;color:var(--text-3);white-space:nowrap}.sg .group td{background:var(--surface-2);font-weight:800;text-align:start;padding:6px 10px;font-size:12px;position:-webkit-sticky;position:sticky;inset-inline-start:0}.cell{display:grid;place-items:center;width:100%;min-height:34px;border:0;background:transparent;font:inherit;font-size:11px;font-weight:800;cursor:default;padding:2px;line-height:1.1;position:relative}button.cell{cursor:pointer}button.cell:hover{outline:2px solid var(--accent-line);outline-offset:-2px}.cell .tag{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:36px;padding:3px 4px;border-radius:6px;direction:ltr}.cell svg{width:10px;height:10px}.c-day .tag{background:var(--day-bg);color:var(--day-fg)}.c-eve .tag{background:var(--eve-bg);color:var(--eve-fg)}.c-night .tag{background:var(--night-bg);color:var(--night-fg)}.c-ot .tag{background:var(--ot-bg);color:var(--ot-fg)}.c-float .tag{background:#fff;color:var(--brand-purple-deep);outline:1.5px dashed var(--brand-purple);outline-offset:-1.5px}.c-al .tag{background:var(--al-bg);color:var(--al-fg)}.c-sl .tag{background:var(--sl-bg);color:var(--sl-fg)}.c-tr .tag{background:#e7edf3;color:#3d5368}.c-abs .tag{background:repeating-linear-gradient(135deg,#fde4e2 0 4px,#fff 4px 8px);color:var(--abs-fg);outline:1px solid #f2aaa5;outline-offset:-1px}.c-off .tag{color:#b5afc0;font-weight:700}.cell .mini{position:absolute;top:1px;inset-inline-end:2px;font-size:8.5px;font-weight:800;color:var(--brand-red)}.sg tfoot td{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background:var(--surface-2);padding:3px 2px;font-size:11px}.sg tfoot .stick1,.sg tfoot .stick2{z-index:3;background:var(--surface-2)}.sg tfoot tr:first-child td{border-top:2px solid var(--line-strong)}.covc{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:38px;border-radius:6px;padding:2px 3px;font-weight:800;direction:ltr}.covc.ok{background:var(--cov-ok-bg);color:var(--cov-ok)}.covc.over{background:var(--cov-over-bg);color:var(--cov-over)}.covc.short1{background:#fbd9ad;color:#7a3d00}.covc.short2{background:#f7b6b1;color:#8d1f19}.covc.noCharge,.covc.skillGap{background:#fbd9ad;color:#7a3d00}a.covc:hover{outline:2px solid currentColor}.legend{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);font-size:var(--fs-xs);color:var(--text-2)}.legend>span{display:inline-flex;align-items:center;gap:6px}.legend .cell{display:inline-grid;width:auto;min-height:0}.board{display:grid;grid-gap:var(--s-3);gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.unit-tile{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.unit-tile.alert{border-color:#f3c58c;box-shadow:0 0 0 3px #fdf0dd}.unit-tile.critical{border-color:#f2aaa5;box-shadow:0 0 0 3px #fde9e7}.slot-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--s-2);gap:var(--s-2);font-size:var(--fs-sm)}.slot-row .t{color:var(--text-2)}.urgent{border:1.5px solid #f2aaa5;background:linear-gradient(180deg,#fff6f5,var(--surface) 80px)}.urgent .card-head h3 svg{color:var(--danger)}.cand{border:1.5px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);background:var(--surface);text-align:start;width:100%}.cand[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cand.ineligible{background:var(--surface-2)}.cand ul{margin:0;-webkit-padding-start:18px;padding-inline-start:18px;font-size:var(--fs-sm);color:var(--text-2);display:flex;flex-direction:column;gap:2px}.cand-grid{display:grid;grid-gap:var(--s-3);gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.journey{display:flex;gap:4px;flex-wrap:wrap;list-style:none;margin:0;padding:0;counter-reset:j}.journey li{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:700;color:var(--text-3);padding:4px 10px 4px 6px;border-radius:var(--r-pill);background:#f0eef4}.journey li i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#fff;font-size:11px}.journey li.on{background:var(--accent);color:#fff}.journey li.on i{color:var(--accent)}.journey li.done{background:var(--success-soft);color:var(--success)}.journey li.done i{background:var(--success);color:#fff}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.timeline li{position:relative;padding:0 0 var(--s-3) var(--s-5);padding-inline:var(--s-5) 0;font-size:var(--fs-sm)}.timeline li:before{content:"";position:absolute;inset-inline-start:5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.timeline li:after{content:"";position:absolute;inset-inline-start:9px;top:20px;bottom:0;width:1px;background:var(--line-strong)}.timeline li:last-child:after{display:none}.heat{border-collapse:separate;border-spacing:3px;font-size:11px}.heat th{font-weight:700;color:var(--text-3);padding:2px 4px;white-space:nowrap}.heat td{padding:0}.heat .hc{display:grid;place-items:center;min-width:30px;height:26px;border-radius:5px;font-weight:800;direction:ltr}.shift-card{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}.shift-card:last-child{border-bottom:0}.shift-card .cell{width:56px;flex:none}.cap-row{display:grid;grid-template-columns:minmax(140px,1fr) 2fr auto;grid-gap:var(--s-3);gap:var(--s-3);align-items:center;font-size:var(--fs-sm)}@media (max-width:640px){.cap-row{grid-template-columns:1fr auto}.cap-row .bar{grid-column:1/-1}}.rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);align-items:start}.rule-row:last-child{border-bottom:0}.sev{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden}.sev button{border:0;background:var(--surface);padding:5px 12px;font-size:var(--fs-xs);font-weight:700;cursor:pointer;color:var(--text-2)}.sev button+button{-webkit-border-start:1px solid var(--line-strong);border-inline-start:1px solid var(--line-strong)}.sev button[aria-pressed=true].block{background:var(--danger);color:#fff}.sev button[aria-pressed=true].warn{background:#d97a06;color:#fff}.sev button[aria-pressed=true].off{background:var(--text-3);color:#fff}.input.sm{min-height:34px;width:84px;padding-block:2px}@media print{.no-print,.sidebar,.toasts,.topbar{display:none!important}.content{padding:0;max-width:none}.card{box-shadow:none;page-break-inside:avoid;break-inside:avoid}}.pv-card .cell{width:auto;display:inline-grid}@media (max-width:640px){.sg .stick1{min-width:124px;max-width:124px;padding-inline:6px}.sg .stick2{inset-inline-start:124px;min-width:40px;max-width:40px;padding-inline:4px}.sg .psub{display:none}.sg .stick2 .psub{display:inline}.sg-scroll{max-height:64vh}}.lp{background:var(--surface)}.lp-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:var(--s-6)}@media (max-width:640px){.lp-wrap{padding-inline:var(--s-4)}}.lp-nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgb(255 255 255/.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.lp-nav-in{align-items:center;min-height:72px}.lp-links,.lp-nav-in{display:flex;gap:var(--s-6)}.lp-links{flex:1 1;font-size:var(--fs-sm);font-weight:700;color:var(--text-2)}.lp-links a:hover{color:var(--brand-purple)}.lp-burger,.only-mobile-nav{display:none!important}@media (max-width:960px){.lp-burger{display:inline-flex!important}.lp-links{display:none;position:absolute;top:72px;inset-inline:0;background:var(--surface);flex-direction:column;gap:0;padding:var(--s-2) var(--s-4) var(--s-4);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}.lp-links.open{display:flex}.lp-links a{padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.lp-links .only-mobile-nav{display:inline-flex!important;margin-top:var(--s-3);border-bottom:1px solid var(--line-strong)}.lp-nav-in{justify-content:space-between}}@media (max-width:520px){.lp-hide-sm{display:none!important}.lp-nav .btn-primary{padding-inline:12px}}.lp-hero{position:relative;overflow:hidden;padding:var(--s-16) 0 var(--s-24);background:radial-gradient(700px 380px at 85% 0,rgb(118 45 196/.1),transparent 70%),radial-gradient(500px 300px at 0 100%,rgb(246 70 62/.06),transparent 70%),var(--surface)}.lp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:var(--s-12);gap:var(--s-12);align-items:center}.lp-hero-copy{display:flex;flex-direction:column;gap:var(--s-5)}.lp-eyebrow{align-self:flex-start;font-size:var(--fs-sm);font-weight:800;color:var(--brand-purple);background:var(--accent-soft);padding:6px 14px;border-radius:var(--r-pill)}.lp-hero h1{font-size:var(--fs-3xl);line-height:1.3;letter-spacing:-.01em}.lp-hero h1 span{color:var(--brand-purple)}.lp-lead{font-size:var(--fs-lg);color:var(--text-2);max-width:560px}@media (max-width:960px){.lp-hero-grid{grid-template-columns:1fr}.lp-hero{padding:var(--s-10) 0 var(--s-16)}}.lp-preview{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden}.pv-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-xs);color:var(--text-3)}.pv-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.pv-bar span{-webkit-margin-start:auto;margin-inline-start:auto}.pv-body{padding:var(--s-4);display:grid;grid-gap:var(--s-3);gap:var(--s-3);background:var(--bg)}.pv-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-2);gap:var(--s-2)}.pv-stats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3)}.pv-stats small{display:block;font-size:11px;color:var(--text-3)}.pv-stats b{font-size:var(--fs-xl)}.pv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);flex-direction:column;font-size:var(--fs-sm)}.pv-card,.pv-row{display:flex;gap:8px}.pv-row{align-items:center;color:var(--text-2);font-size:var(--fs-xs);padding:6px 10px;border-radius:8px;background:var(--surface-2)}.pv-row.warn{background:var(--warning-soft);color:var(--warning)}.pv-skill{display:grid;grid-template-columns:120px 1fr;align-items:center;grid-gap:10px;gap:10px;font-size:var(--fs-xs)}.pv-note{display:block;text-align:center;font-size:11px;color:var(--text-3);padding:6px;background:var(--surface-2);border-top:1px solid var(--line)}.lp-section{padding:var(--s-24) 0}.lp-section.alt{background:var(--bg)}@media (max-width:640px){.lp-section{padding:var(--s-16) 0}}.lp-head{text-align:center;max-width:680px;margin:0 auto var(--s-12);display:flex;flex-direction:column;gap:var(--s-3);align-items:center}.lp-ai h2,.lp-head h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem)}.lp-head p{color:var(--text-2)}.lp-kicker{font-size:var(--fs-sm);font-weight:800;color:var(--brand-red)}.lp-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--s-4)}.lp-grid-3,.lp-grid-4{display:grid;gap:var(--s-4)}.lp-grid-4{grid-template-columns:repeat(4,1fr);grid-gap:var(--s-4)}@media (max-width:1024px){.lp-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.lp-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:560px){.lp-grid-3,.lp-grid-4{grid-template-columns:1fr}}.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);transition:border-color var(--t-fast),box-shadow var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.lp-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-card h3{font-size:var(--fs-lg)}.lp-card p{color:var(--text-2);font-size:var(--fs-sm)}.lp-ico{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--brand-purple);margin-bottom:var(--s-2);flex:none}.lp-ico svg{width:22px;height:22px}.lp-ico.red{background:#fdeceb;color:var(--brand-red)}.lp-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:var(--s-2);gap:var(--s-2);counter-reset:f}.lp-flow li{position:relative;background:var(--accent-softer);border:1px solid var(--accent-line);border-radius:var(--r-md);padding:var(--s-4) var(--s-2);text-align:center;font-size:var(--fs-sm);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.lp-flow li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm)}.lp-flow li span,.lp-flow li:last-child{background:var(--brand-purple);color:#fff}.lp-flow li:last-child{border-color:var(--brand-purple)}.lp-flow li:last-child span{background:#fff;color:var(--brand-purple)}@media (max-width:960px){.lp-flow{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.lp-flow{grid-template-columns:1fr 1fr}}.lp-journey{display:grid;grid-template-columns:260px 1fr;grid-gap:var(--s-6);gap:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-6);box-shadow:var(--shadow-sm)}.lp-jtabs{display:flex;flex-direction:column;gap:6px}.lp-jtabs button{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid transparent;background:transparent;font-weight:700;color:var(--text-2);cursor:pointer;text-align:start;transition:all var(--t-fast)}.lp-jtabs button svg{width:20px;height:20px}.lp-jtabs button[aria-selected=true]{background:var(--accent-soft);color:var(--brand-purple);border-color:var(--accent-line)}.lp-jpanel{gap:var(--s-5);align-items:flex-start}.lp-jpanel,.lp-jpanel ol{display:flex;flex-direction:column}.lp-jpanel ol{list-style:none;margin:0;padding:0;gap:var(--s-3)}.lp-jpanel li{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--fs-md)}.lp-jpanel li svg{color:var(--success);flex:none;margin-top:5px;width:20px;height:20px}@media (max-width:760px){.lp-journey{grid-template-columns:1fr;padding:var(--s-4)}.lp-jtabs{flex-direction:row;flex-wrap:wrap}.lp-jtabs button{padding:var(--s-2) var(--s-3)}}.lp-ai{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-12);gap:var(--s-12);align-items:center}@media (max-width:960px){.lp-ai{grid-template-columns:1fr}}.lp-checks{list-style:none;margin:0;padding:0;flex-direction:column}.lp-checks,.lp-checks li{display:flex;gap:var(--s-3)}.lp-checks li{align-items:flex-start}.lp-checks svg{color:var(--brand-purple);flex:none;margin-top:4px;width:20px;height:20px}.lp-ai-card{border:1px solid var(--accent-line);border-radius:var(--r-xl);padding:var(--s-6);background:linear-gradient(180deg,var(--accent-softer),var(--surface));display:flex;flex-direction:column;gap:var(--s-4);box-shadow:var(--shadow-md);font-size:var(--fs-sm)}.lp-ai-card b.ok{color:var(--success)}.lp-ai-card b.warn{color:var(--warning)}.lp-scenario{gap:var(--s-4);align-items:center;border-radius:var(--r-xl);background:var(--surface);border:1px dashed var(--accent-line);flex-wrap:wrap}.lp-integrations,.lp-scenario{margin-top:var(--s-6);display:flex;padding:var(--s-6)}.lp-integrations{border-radius:var(--r-xl);background:var(--bg);flex-direction:column;gap:var(--s-3)}.lp-cta{background:var(--brand-purple);color:#fff;padding:var(--s-16) 0;background-image:radial-gradient(600px 300px at 10% 120%,rgb(246 70 62/.35),transparent 70%)}.lp-cta-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}.lp-cta h2{color:#fff;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem)}.lp-cta p{opacity:.85;margin-top:6px;max-width:560px}.lp-btn-light{background:#fff;color:var(--brand-purple)}.lp-btn-light:hover{background:#f3ecfc}.lp-btn-line{background:transparent;border-color:rgb(255 255 255/.5);color:#fff}.lp-btn-line:hover{background:rgb(255 255 255/.1)}.lp-foot{padding:var(--s-8) 0;border-top:1px solid var(--line)}.demo-page{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--s-4);gap:var(--s-4)}@media (max-width:1024px){.demo-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.demo-grid{grid-template-columns:1fr}}.demo-role{text-align:start;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-xl);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);transition:all var(--t-med) var(--ease)}.demo-role:hover{border-color:var(--brand-purple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-role.suggested{border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--accent-soft)}.demo-steps{counter-reset:d;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.demo-steps li{counter-increment:d;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--fs-sm);display:flex;gap:var(--s-3)}.demo-steps li:before{content:counter(d);width:26px;height:26px;flex:none;border-radius:50%;background:var(--accent-soft);color:var(--brand-purple);display:grid;place-items:center;font-weight:800;font-size:var(--fs-xs)}