/* Actimo demo */
.rsd .bd{font-variant-numeric:normal}

.acx{position:absolute;inset:0;container-type:inline-size;background:#FFFFFF;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1F2937;text-align:left;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}
.acx *{box-sizing:border-box}
.acx svg{display:block}
.ac-stage{position:absolute;inset:0;cursor:ew-resize;touch-action:none}
.ac-panel{position:absolute;inset:0;z-index:0;background:#FFFFFF;overflow:hidden;display:flex;flex-direction:column}
.ac-new{z-index:1;clip-path:inset(0 0 0 var(--x));transition:clip-path .55s cubic-bezier(.3,.7,.2,1)}
.acx .ac-handle{position:absolute;top:0;bottom:0;left:var(--x);width:0;transition:left .55s cubic-bezier(.3,.7,.2,1);z-index:4;pointer-events:none}
.ac-handle::before{content:'';position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#121214}
.ac-grip{position:absolute;left:-1.889cqw;top:50%;width:3.778cqw;height:3.778cqw;margin-top:-1.889cqw;border-radius:50%;background:#121214;display:flex;align-items:center;justify-content:center;gap:0.556cqw;box-shadow:0 0.444cqw 1.556cqw rgba(0,0,0,.25)}
.ac-grip i{width:0;height:0;border-top:0.556cqw solid transparent;border-bottom:0.556cqw solid transparent}
.ac-grip i:first-child{border-right:0.667cqw solid #FFFFFF}.ac-grip i:last-child{border-left:0.667cqw solid #FFFFFF}
.acx .ac-handle > .gc{left:0 !important;top:50% !important;animation:acCur 3.6s cubic-bezier(.45,0,.2,1) 1s infinite}
.acx .ac-handle > .gc i{display:none}
.ac-stage.drag .ac-new,.ac-stage.drag .ac-handle,.ac-stage.nudge .ac-new,.ac-stage.nudge .ac-handle{transition:none}
.ac-stage.nudge{animation:acNudge 3.6s cubic-bezier(.45,0,.2,1) 1s infinite}

/* ---- redesign */
.ac-new{flex-direction:row;font-size:1.333cqw}
.an-rail{flex:none;width:5.778cqw;border-right:1px solid #E6E9EF;display:flex;flex-direction:column;align-items:stretch;padding:1.333cqw 0 1.111cqw;color:#5B6478}
.an-mark{width:2.222cqw;height:2.222cqw;margin:0 auto 1.556cqw;border-radius:0.556cqw;background:#D7DCE5}
.an-ri{position:relative;height:4.333cqw;display:flex;align-items:center;justify-content:center}
.an-ri svg{width:1.889cqw;height:1.889cqw}
.an-ri.on{color:#2D5BFF}
.an-ri.on::after{content:'';position:absolute;right:-1px;top:0.667cqw;bottom:0.667cqw;width:2px;background:#2D5BFF}
.an-11{font-size:1.389cqw;font-weight:600}
.an-bot{margin-top:auto;display:flex;flex-direction:column;align-items:stretch}
.an-av{width:2.667cqw;height:2.667cqw;margin:0.889cqw auto 0;border-radius:50%;background:#8E97A8;color:#FFFFFF;font-size:1.000cqw;font-weight:600;display:flex;align-items:center;justify-content:center}
.an-main{flex:1 1 auto;min-width:0;padding:1.111cqw 2.000cqw 0 1.778cqw;display:flex;flex-direction:column}
.an-tabs{display:flex;align-items:flex-end;gap:2.444cqw;height:4.222cqw;padding:0 1.111cqw;border-bottom:2px solid #E8EBF0;font-size:1.389cqw;color:#374151}
.an-tabs > *{padding-bottom:1.111cqw}
.an-tabs b{font-weight:700;color:#111827}
.an-tabs .on{position:relative}
.an-tabs .on::after{content:'';position:absolute;left:-1.222cqw;right:-1.222cqw;bottom:-2px;height:2px;background:#2D5BFF}
.an-tabs i{font-style:normal;margin-left:0.556cqw;padding:2px 0.556cqw;border-radius:2px;background:#E3EAFF;color:#2D5BFF;font-size:1.000cqw;font-weight:700}
.an-tool{display:flex;align-items:center;gap:0.889cqw;margin-top:1.556cqw}
.an-search{display:flex;align-items:center;gap:0.778cqw;width:23.556cqw;height:3.111cqw;padding:0 1.000cqw;border:1px solid #CDD3DD;border-radius:0.333cqw;color:#8A93A5;font-size:1.278cqw}
.an-search svg{width:1.444cqw;height:1.444cqw;color:#5B6478}
.an-sp{flex:1 1 auto}
.an-btn{display:inline-flex;align-items:center;gap:0.778cqw;height:3.111cqw;padding:0 1.111cqw;border:1px solid #C9CED8;border-radius:0.333cqw;font-size:1.222cqw;font-weight:600;color:#3A4150;white-space:nowrap}
.an-btn.pri{background:#2D5BFF;border-color:#2D5BFF;color:#FFFFFF;padding:0 1.222cqw 0 1.000cqw}
.an-btn svg{width:1.333cqw;height:1.333cqw}
.an-crumb{margin:1.333cqw 0 0.778cqw;font-size:1.167cqw;color:#6B7385}
.an-th,.an-tr{display:grid;grid-template-columns:2.889cqw minmax(0,3.1fr) minmax(0,2.2fr) .9fr .85fr .95fr 1.25fr 5.333cqw;align-items:center;column-gap:0.667cqw}
.an-th{height:2.667cqw;border-bottom:1px solid #E8EBF0;font-size:1.000cqw;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#5B6478}
.an-tr{height:4.444cqw;border-bottom:1px solid #E8EBF0;font-size:1.333cqw;color:#1F2937}
.an-cb{width:1.444cqw;height:1.444cqw;border:1px solid #C9CED8;border-radius:2px}
.an-ti{display:flex;align-items:center;gap:0.889cqw;min-width:0;white-space:nowrap}
.an-ic{flex:none;color:#4B5563}
.an-ic svg{width:1.778cqw;height:1.778cqw}
.an-ic.dir{color:#6B7385}
.an-badge{margin-left:2px;padding:2px 0.556cqw;border-radius:2px;background:#E3EAFF;color:#2D5BFF;font-size:1.056cqw;font-weight:700}
.an-cats{display:flex;align-items:center;gap:0.667cqw}
.an-cat{display:inline-flex;align-items:center;gap:0.444cqw;padding:2px 0.556cqw 2px 0.667cqw;border-radius:2px;background:#2D5BFF;color:#FFFFFF;font-size:1.056cqw;font-weight:700}
.an-cat svg{width:1.000cqw;height:1.000cqw}
.an-plus{width:1.778cqw;height:1.778cqw;border-radius:2px;background:#E3EAFF;color:#2D5BFF;display:inline-flex;align-items:center;justify-content:center}
.an-plus svg{width:1.111cqw;height:1.111cqw}
.an-st{display:inline-block;padding:0.333cqw 0.667cqw;border-radius:2px;background:#E5E8EE;color:#6B7385;font-size:1.056cqw;font-weight:700}
.an-st.on{background:#D3F5E6;color:#11996B}
.an-num{display:flex;align-items:center;gap:0.556cqw;color:#2D5BFF;font-weight:700}
.an-num svg{width:1.444cqw;height:1.444cqw}
.an-num.zero{color:#6B7385;font-weight:500}
.an-date{white-space:nowrap}
.an-act{display:flex;align-items:center;justify-content:flex-end;gap:1.111cqw;color:#4B5563}
.an-act svg{width:1.444cqw;height:1.444cqw}
.an-act b{font-weight:700;letter-spacing:.05em;font-size:1.222cqw}
.an-fab{position:absolute;right:1.778cqw;bottom:1.556cqw;width:4.444cqw;height:4.444cqw;border-radius:50%;background:#2D5BFF;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0.444cqw 1.333cqw rgba(45,91,255,.3)}
.an-fab svg{width:2.000cqw;height:2.000cqw}

/* ---- original */
.ac-old{font-family:Mulish,Nunito,ui-sans-serif,system-ui,sans-serif;color:#1F2D3D}
.ao-top{flex:none;height:4.444cqw;display:flex;align-items:center;gap:1.333cqw;padding:0 1.556cqw 0 1.778cqw;box-shadow:0 2px 0.667cqw rgba(16,24,40,.08);position:relative;z-index:1}
.ao-logo{display:flex;align-items:center;gap:0.667cqw;font-size:1.667cqw;font-weight:800;letter-spacing:-.01em}
.ao-mark{width:1.667cqw;height:1.667cqw;border-radius:50%;background:#D7DCE5}
.ao-sp{flex:1 1 auto}
.ao-acc{display:flex;align-items:center;gap:2px;font-size:1.278cqw;color:#2B3440}
.ao-acc svg{width:1.444cqw;height:1.444cqw;color:#8C96A5}
.ao-av{width:2.444cqw;height:2.444cqw;border-radius:50%;background:#8E97A8;color:#FFFFFF;font-size:1.000cqw;font-weight:700;display:flex;align-items:center;justify-content:center}
.ao-body{flex:1 1 auto;display:flex;min-height:0}
.ao-rail{flex:none;width:5.778cqw;display:flex;flex-direction:column;align-items:center;padding-top:0.667cqw;color:#6B7385}
.ao-ri{height:4.889cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.333cqw}
.ao-ri svg{width:1.667cqw;height:1.667cqw}
.ao-ri small{font-size:0.600cqw;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ao-ri.on{color:#1F2937}
.ao-main{flex:1 1 auto;min-width:0;padding:1.333cqw 2.000cqw 0 1.778cqw}
.ao-head{display:flex;align-items:center;justify-content:space-between;height:4.444cqw}
.ao-head h3{margin:0;font-size:2.444cqw;font-weight:800;letter-spacing:-.01em;color:#1F2D3D}
.ao-btn{height:2.889cqw;padding:0 1.333cqw;border-radius:11.000cqw;background:#3D7BF7;color:#FFFFFF;font-size:1.056cqw;font-weight:800;letter-spacing:.03em;text-transform:uppercase;display:flex;align-items:center}
.ao-tool{display:flex;align-items:center;gap:1.111cqw;height:4.444cqw;margin-top:0.444cqw;border-top:1px solid #E3E6EA;padding:0 0.667cqw;color:#8C96A5}
.ao-s svg{width:1.444cqw;height:1.444cqw}
.ao-ph{padding-left:1.111cqw;border-left:1px solid #E3E6EA;font-size:1.278cqw;color:#9AA3B2}
.ao-ti svg{width:1.667cqw;height:1.667cqw}
.ao-th,.ao-tr{display:grid;grid-template-columns:2.667cqw 2.444cqw minmax(0,1.5fr) 1fr 1fr 1fr 1.5fr .9fr 1fr 5.556cqw;align-items:center;column-gap:0.667cqw;padding:0 0.444cqw}
.ao-th{height:3.333cqw;font-size:0.778cqw;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#8C96A5}
.ao-th span:nth-child(9){display:flex;align-items:center}
.ao-th svg{width:1.222cqw;height:1.222cqw}
.ao-tr{height:4.222cqw;border-top:1px solid #E3E6EA;border-bottom:1px solid #E3E6EA;font-size:1.278cqw;color:#1F2D3D}
.ao-cb{width:1.333cqw;height:1.333cqw;border:1px solid #CBD1DA;border-radius:2px;background:#F5F6F8}
.ao-star{color:#6B7385}.ao-star svg{width:1.444cqw;height:1.444cqw}
.ao-name{display:flex;align-items:center;gap:0.778cqw;font-weight:600}
.ao-name svg{width:1.444cqw;height:1.444cqw;color:#6B7385}
.ao-addc{font-size:1.167cqw;color:#2B3440}
.ao-tog{width:2.889cqw;height:1.556cqw;border-radius:11.000cqw;background:#3D7BF7;position:relative}
.ao-tog i{position:absolute;right:2px;top:2px;width:1.111cqw;height:1.111cqw;border-radius:50%;background:#FFFFFF}
.ao-act{display:flex;align-items:center;justify-content:flex-end;gap:0.889cqw;color:#6B7385}
.ao-chart{width:1.556cqw;height:1.556cqw;border-radius:2px;background:#6B7385;color:#FFFFFF;display:flex;align-items:center;justify-content:center}
.ao-chart svg{width:1.111cqw;height:1.111cqw}
.ao-act > svg{width:1.444cqw;height:1.444cqw}
.ao-count{margin:1.111cqw 0 0 0.667cqw;font-size:1.222cqw;color:#2B3440}
.ao-fab{position:absolute;right:1.778cqw;bottom:1.556cqw;width:4.444cqw;height:4.444cqw;border-radius:50%;background:#F7A541;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0.444cqw 1.333cqw rgba(247,165,65,.35)}
.ao-fab svg{width:2.000cqw;height:2.000cqw}

@property --x{syntax:'<percentage>';inherits:true;initial-value:50%}
@keyframes acNudge{0%,44%{--x:50%}60%{--x:38%}78%{--x:62%}90%,100%{--x:50%}}
@keyframes acCur{0%{opacity:0;transform:translate(var(--fx),var(--fy))}12%{opacity:1}40%{transform:translate(0,0) scale(1)}45%,88%{opacity:1;transform:translate(0,0) scale(.86)}94%{transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(0,0)}}
@media (prefers-reduced-motion: reduce){.ac-stage.nudge{animation:none}}
