.cbx-wrap{--cbx-a: #6c5ce7;--cbx-b: #00cec9;--cbx-r: 22px;--bg: #ffffff;--tx: #16162a;--mu: #6b6b85;--line: #ececf6;--soft: #f6f5fd;--rbg: linear-gradient(160deg,#f7f5ff,#eefbf9);--rtx: #16162a;--rmu: #6b6b85;display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);gap: 0;overflow: hidden;border-radius: var(--cbx-r);background: var(--bg);color: var(--tx);border: 1px solid var(--line);box-shadow: 0 20px 50px rgba(20,20,60,.08);font-family: inherit}.cbx-wrap *,.cbx-wrap *::before,.cbx-wrap *::after{box-sizing: border-box}.cbx-inputs{padding: 28px;min-width: 0}.cbx-result{position: relative;display: flex;flex-direction: column;gap: 18px;padding: 28px;min-width: 0;background: var(--rbg);color: var(--rtx)}.cbx-head{margin-bottom: 18px}.cbx-title{margin: 0;color: var(--tx);font-size: 21px;font-weight: 800;letter-spacing: -.01em}.cbx-sub{margin: 4px 0 0;color: var(--mu);font-size: 14px}.cbx-fields{display: flex;flex-direction: column;gap: 20px}.cbx-flab{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 10px}.cbx-flab label,.cbx-lab{color: var(--tx);font-size: 14px;font-weight: 700}.cbx-fbox{display: inline-flex;align-items: center;gap: 2px;padding: 6px 10px;border-radius: 12px;background: var(--soft);border: 1px solid var(--line);font-weight: 800;font-size: 15px;color: var(--tx)}.cbx-fbox:focus-within{border-color: var(--cbx-a);box-shadow: 0 0 0 3px color-mix(in srgb,var(--cbx-a) 18%,transparent)}.cbx-pre,.cbx-unit{color: var(--mu);font-weight: 700;font-size: 13px}.cbx-unit{margin-left: 4px}.cbx-num{width: 9ch;padding: 0 !important;border: 0 !important;background: transparent !important;color: inherit !important;font: inherit;font-weight: 800;text-align: right;box-shadow: none !important;outline: none;-moz-appearance: textfield}.cbx-num::-webkit-outer-spin-button,.cbx-num::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.cbx-in-number .cbx-num{width: 8ch;text-align: center}.cbx-step{width: 28px;height: 28px;padding: 0 !important;border: 0 !important;border-radius: 8px !important;background: color-mix(in srgb,var(--cbx-a) 12%,transparent) !important;color: var(--cbx-a) !important;font-size: 18px;font-weight: 800;line-height: 1;cursor: pointer}.cbx-step:hover{background: var(--cbx-a) !important;color: #fff !important}.cbx-range{--p: 50%;display: block;width: 100%;height: 8px;margin: 0;border-radius: 99px;background: linear-gradient(90deg,var(--cbx-a),var(--cbx-b)) 0 0 / var(--p) 100% no-repeat,var(--line);-webkit-appearance: none;appearance: none;cursor: pointer;outline: none}.cbx-range::-webkit-slider-thumb{-webkit-appearance: none;width: 22px;height: 22px;border-radius: 50%;background: #fff;border: 3px solid var(--cbx-a);box-shadow: 0 4px 12px color-mix(in srgb,var(--cbx-a) 40%,transparent);transition: transform .2s ease}.cbx-range::-moz-range-thumb{width: 18px;height: 18px;border-radius: 50%;background: #fff;border: 3px solid var(--cbx-a)}.cbx-range:active::-webkit-slider-thumb{transform: scale(1.18)}.cbx-range:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 5px color-mix(in srgb,var(--cbx-a) 25%,transparent)}.cbx-chips{display: flex;flex-wrap: wrap;gap: 8px}.cbx-chip{padding: 9px 14px !important;border: 1.5px solid var(--line) !important;border-radius: 99px !important;background: var(--bg) !important;color: var(--tx) !important;font: 700 13.5px/1 inherit;font-family: inherit;cursor: pointer;transition: all .2s ease}.cbx-chip:hover{border-color: var(--cbx-a) !important}.cbx-chip.is-on{background: linear-gradient(135deg,var(--cbx-a),var(--cbx-b)) !important;border-color: transparent !important;color: #fff !important;box-shadow: 0 6px 16px color-mix(in srgb,var(--cbx-a) 30%,transparent)}.cbx-chip.is-sm{padding: 6px 11px !important;font-size: 12.5px}.cbx-quick{display: flex;flex-wrap: wrap;gap: 6px;margin-top: -8px}.cbx-note{display: block;margin-top: 6px;color: var(--mu);font-size: 12.5px}.cbx-selwrap{position: relative}.cbx-selwrap::after{content: "";position: absolute;right: 16px;top: 50%;width: 8px;height: 8px;margin-top: -6px;border-right: 2px solid var(--mu);border-bottom: 2px solid var(--mu);transform: rotate(45deg);pointer-events: none}.cbx-sel{width: 100%;height: 48px;padding: 0 40px 0 14px !important;border: 1.5px solid var(--line) !important;border-radius: 12px !important;background: var(--soft) !important;color: var(--tx) !important;font: 700 14.5px inherit;font-family: inherit;-webkit-appearance: none;appearance: none}.cbx-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 10px}.cbx-card{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;padding: 14px !important;border: 1.5px solid var(--line) !important;border-radius: 14px !important;background: var(--bg) !important;color: var(--tx) !important;font-family: inherit;text-align: left;cursor: pointer;transition: all .2s ease}.cbx-card b{font-size: 14.5px}.cbx-card small{color: var(--mu);font-size: 12px;line-height: 1.4}.cbx-cprice{margin-top: auto;padding-top: 4px;color: var(--cbx-a);font-style: normal;font-size: 12.5px;font-weight: 800}.cbx-card:hover{border-color: color-mix(in srgb,var(--cbx-a) 50%,var(--line)) !important}.cbx-card.is-on{border-color: var(--cbx-a) !important;background: color-mix(in srgb,var(--cbx-a) 7%,var(--bg)) !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--cbx-a) 14%,transparent)}.cbx-switch{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 14px;border: 1.5px solid var(--line);background: var(--bg);cursor: pointer;transition: border-color .2s ease,background .2s ease}.cbx-switch input{position: absolute;opacity: 0;width: 1px;height: 1px}.cbx-sw{position: relative;flex: none;width: 42px;height: 24px;border-radius: 99px;background: var(--line);transition: background .25s ease}.cbx-sw::after{content: "";position: absolute;left: 3px;top: 3px;width: 18px;height: 18px;border-radius: 50%;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.2);transition: transform .25s cubic-bezier(.3,1.4,.5,1)}.cbx-switch input:checked + .cbx-sw{background: linear-gradient(135deg,var(--cbx-a),var(--cbx-b))}.cbx-switch input:checked + .cbx-sw::after{transform: translateX(18px)}.cbx-switch input:focus-visible + .cbx-sw{box-shadow: 0 0 0 3px color-mix(in srgb,var(--cbx-a) 30%,transparent)}.cbx-switch:has(input:checked){border-color: color-mix(in srgb,var(--cbx-a) 45%,var(--line));background: color-mix(in srgb,var(--cbx-a) 5%,var(--bg))}.cbx-swl{flex: 1;display: flex;flex-direction: column;min-width: 0;font-size: 14px}.cbx-swl .cbx-note{margin-top: 2px}.cbx-sp{flex: none;color: var(--cbx-a);font-style: normal;font-weight: 800;font-size: 13px}.cbx-main{display: flex;flex-direction: column;gap: 4px}.cbx-mlab{color: var(--rmu);font-size: 13px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase}.cbx-mval{font-size: clamp(34px,4.4vw,50px);font-weight: 900;line-height: 1.05;letter-spacing: -.03em;font-variant-numeric: tabular-nums;background: linear-gradient(135deg,var(--cbx-a),var(--cbx-b));-webkit-background-clip: text;background-clip: text;color: transparent;word-break: break-word}.cbx-msub{color: var(--rmu);font-size: 14px;font-weight: 700}.cbx-msub:empty{display: none}.cbx-result.is-ok .cbx-msub{color: #00a383}.cbx-result.is-warn .cbx-msub{color: #e17055}.cbx-result.is-bad .cbx-msub{color: #d63031}.cbx-kpis{display: flex;flex-direction: column;gap: 0;margin: 0;padding: 0;list-style: none}.cbx-kpis li{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 10px 0;border-bottom: 1px dashed color-mix(in srgb,var(--rtx) 14%,transparent);font-size: 14px}.cbx-kpis li:last-child{border-bottom: 0}.cbx-kpis span{color: var(--rmu)}.cbx-kpis b{font-variant-numeric: tabular-nums;text-align: right}.cbx-kpis.is-lines li{font-size: 13.5px;padding: 8px 0}.cbx-viz:empty{display: none}.cbx-donut{width: 150px;margin: 0 auto}.cbx-donut svg{display: block;width: 100%;transform: rotate(0)}.cbx-ring{fill: none;stroke: color-mix(in srgb,var(--rtx) 8%,transparent);stroke-width: 6}.cbx-seg{fill: none;stroke-width: 6;transition: stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.cbx-seg.is-0,.cbx-legend .is-0,.cbx-legend .is-a,.cbx-bcol .is-a{stroke: var(--cbx-a);background: var(--cbx-a)}.cbx-seg.is-1,.cbx-legend .is-1,.cbx-legend .is-b,.cbx-bcol .is-b{stroke: var(--cbx-b);background: var(--cbx-b)}.cbx-seg.is-2,.cbx-legend .is-2{stroke: #fdcb6e;background: #fdcb6e}.cbx-seg.is-3,.cbx-legend .is-3{stroke: #fd79a8;background: #fd79a8}.cbx-seg.is-4,.cbx-legend .is-4{stroke: #74b9ff;background: #74b9ff}.cbx-legend{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 16px;margin-top: 12px;color: var(--rmu);font-size: 12.5px;font-weight: 600}.cbx-legend.is-col{flex-direction: column;align-items: stretch;gap: 6px}.cbx-legend span{display: inline-flex;align-items: center;gap: 7px}.cbx-legend.is-col span b{margin-left: auto;color: var(--rtx)}.cbx-legend i{width: 10px;height: 10px;border-radius: 3px;flex: none}.cbx-bars{display: flex;align-items: flex-end;gap: 3px;height: 120px}.cbx-bcol{flex: 1;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;min-width: 3px}.cbx-bcol i{display: block;transition: height .5s cubic-bezier(.3,.9,.3,1)}.cbx-bcol .is-b{border-radius: 4px 4px 0 0}.cbx-bcol:hover i{filter: brightness(1.1)}.cbx-gauge{position: relative;padding: 8px 0 0}.cbx-gbar{display: flex;height: 12px;overflow: hidden;border-radius: 99px}.cbx-gbar i:nth-child(1){background: #74b9ff}.cbx-gbar i:nth-child(2){background: #00b894}.cbx-gbar i:nth-child(3){background: #fdcb6e}.cbx-gbar i:nth-child(4){background: #e17055}.cbx-gpin{position: absolute;top: 0;width: 4px;height: 28px;margin-left: -2px;border-radius: 4px;background: var(--rtx);box-shadow: 0 0 0 3px var(--bg);transition: left .5s cubic-bezier(.3,1.3,.5,1)}.cbx-gl{display: flex;justify-content: space-between;margin-top: 10px;color: var(--rmu);font-size: 11.5px;font-weight: 700}.cbx-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: auto}.cbx-btn{flex: 1 1 auto;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 13px 20px;border-radius: 14px;background: linear-gradient(135deg,var(--cbx-a),var(--cbx-b));color: #fff !important;font-size: 15px;font-weight: 800;text-decoration: none !important;box-shadow: 0 12px 26px color-mix(in srgb,var(--cbx-a) 32%,transparent);transition: transform .25s ease,box-shadow .25s ease}.cbx-btn:hover{transform: translateY(-2px);box-shadow: 0 16px 32px color-mix(in srgb,var(--cbx-a) 42%,transparent)}.cbx-ghost{padding: 12px 16px !important;border: 1.5px solid color-mix(in srgb,var(--rtx) 16%,transparent) !important;border-radius: 14px !important;background: transparent !important;color: var(--rtx) !important;font: 700 14px/1 inherit;font-family: inherit;cursor: pointer;transition: border-color .2s ease,background .2s ease}.cbx-ghost:hover{border-color: var(--cbx-a) !important}.cbx-ghost.is-ok{border-color: #00b894 !important;color: #00a383 !important}.cbx-print{margin: 0;color: var(--rmu);font-size: 12px;line-height: 1.5}.cbx-table{grid-column: 1 / -1;border-top: 1px solid var(--line)}.cbx-table summary{padding: 16px 28px;color: var(--tx);font-weight: 800;font-size: 14px;cursor: pointer}.cbx-tscroll{max-height: 320px;overflow: auto;padding: 0 28px 20px}.cbx-table table{width: 100%;border-collapse: collapse;font-size: 13.5px;font-variant-numeric: tabular-nums}.cbx-table th,.cbx-table td{padding: 9px 10px;border: 0;border-bottom: 1px solid var(--line);text-align: right;color: var(--tx);background: transparent}.cbx-table th:first-child,.cbx-table td:first-child{text-align: left}.cbx-table th{position: sticky;top: 0;background: var(--bg);color: var(--mu);font-size: 12px;text-transform: uppercase;letter-spacing: .05em}.cbx-skin-dark{--bg: #14142b;--tx: #ffffff;--mu: #a9a8c6;--line: rgba(255,255,255,.1);--soft: rgba(255,255,255,.05);--rbg: linear-gradient(160deg,#1d1b45,#0f2a33);--rtx: #ffffff;--rmu: #b9b7da;box-shadow: 0 22px 50px rgba(0,0,0,.35)}.cbx-skin-dark .cbx-gpin{box-shadow: 0 0 0 3px #1d1b45}.cbx-skin-gradient{--rbg: linear-gradient(150deg,var(--cbx-a),var(--cbx-b));--rtx: #ffffff;--rmu: rgba(255,255,255,.82)}.cbx-skin-gradient .cbx-mval,.cbx-skin-glass .cbx-mval{background: none;color: #fff}.cbx-skin-gradient .cbx-btn,.cbx-skin-glass .cbx-btn{background: #fff;color: #16162a !important;box-shadow: 0 12px 26px rgba(10,10,40,.2)}.cbx-skin-gradient .cbx-seg.is-0,.cbx-skin-gradient .cbx-legend .is-0,.cbx-skin-gradient .cbx-legend .is-a,.cbx-skin-gradient .cbx-bcol .is-a{stroke: #ffffff;background: #ffffff}.cbx-skin-gradient .cbx-seg.is-1,.cbx-skin-gradient .cbx-legend .is-1,.cbx-skin-gradient .cbx-legend .is-b,.cbx-skin-gradient .cbx-bcol .is-b{stroke: rgba(255,255,255,.45);background: rgba(255,255,255,.45)}.cbx-skin-gradient .cbx-result.is-ok .cbx-msub,.cbx-skin-gradient .cbx-result .cbx-msub{color: #fff}.cbx-skin-glass{--bg: rgba(255,255,255,.1);--tx: #ffffff;--mu: rgba(255,255,255,.75);--line: rgba(255,255,255,.22);--soft: rgba(255,255,255,.12);--rbg: rgba(255,255,255,.12);--rtx: #fff;--rmu: rgba(255,255,255,.78);-webkit-backdrop-filter: blur(16px) saturate(1.4);backdrop-filter: blur(16px) saturate(1.4);box-shadow: 0 22px 50px rgba(10,10,40,.2)}.cbx-skin-glass .cbx-chip.is-on,.cbx-skin-glass .cbx-switch input:checked + .cbx-sw{background: #fff !important;color: #16162a !important}.cbx-skin-glass .cbx-switch input:checked + .cbx-sw::after{background: var(--cbx-a)}.cbx-skin-glass .cbx-range{background: linear-gradient(90deg,#fff,#fff) 0 0 / var(--p) 100% no-repeat,rgba(255,255,255,.25)}.cbx-skin-soft{--bg: color-mix(in srgb,var(--cbx-a) 5%,#fff);--soft: #ffffff;--rbg: #ffffff;border-color: color-mix(in srgb,var(--cbx-a) 14%,transparent)}.cbx-skin-soft .cbx-result{margin: 12px;border-radius: calc(var(--cbx-r) - 6px);box-shadow: 0 10px 30px rgba(20,20,60,.08)}.cbx-skin-outline{--bg: transparent;--soft: transparent;--rbg: transparent;box-shadow: none;border: 1.5px solid color-mix(in srgb,var(--tx) 14%,transparent)}.cbx-skin-outline .cbx-result{border-left: 1.5px dashed color-mix(in srgb,var(--tx) 14%,transparent)}.cbx-lay-stack,.cbx-lay-top,.cbx-lay-compact{grid-template-columns: minmax(0,1fr)}.cbx-lay-top .cbx-result{order: -1}.cbx-lay-top .cbx-result,.cbx-lay-stack .cbx-result{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: start}.cbx-lay-top .cbx-main,.cbx-lay-stack .cbx-main,.cbx-lay-top .cbx-actions,.cbx-lay-stack .cbx-actions,.cbx-lay-top .cbx-print,.cbx-lay-stack .cbx-print{grid-column: 1 / -1}.cbx-lay-compact{max-width: 440px;margin: 0 auto}.cbx-lay-compact .cbx-inputs,.cbx-lay-compact .cbx-result{padding: 22px}.cbx-lay-compact .cbx-viz{display: none}.cbx-skin-outline.cbx-lay-stack .cbx-result,.cbx-skin-outline.cbx-lay-top .cbx-result,.cbx-skin-outline.cbx-lay-compact .cbx-result{border-left: 0;border-top: 1.5px dashed color-mix(in srgb,var(--tx) 14%,transparent)}.cbx-wrap.is-narrow{grid-template-columns: minmax(0,1fr)}.cbx-wrap.is-narrow .cbx-result{display: flex}.cbx-skin-outline.is-narrow .cbx-result{border-left: 0;border-top: 1.5px dashed color-mix(in srgb,var(--tx) 14%,transparent)}@media (max-width: 767px){.cbx-wrap{grid-template-columns: minmax(0,1fr)}.cbx-inputs,.cbx-result{padding: 22px}.cbx-lay-top .cbx-result,.cbx-lay-stack .cbx-result{grid-template-columns: minmax(0,1fr)}.cbx-skin-outline .cbx-result{border-left: 0;border-top: 1.5px dashed color-mix(in srgb,var(--tx) 14%,transparent)}.cbx-tscroll,.cbx-table summary{padding-left: 22px;padding-right: 22px}}@media (prefers-reduced-motion: reduce){.cbx-wrap *{transition: none !important}}