.cmp{aspect-ratio:16/10;border:1px solid var(--line,#ece8f2);width:100%;max-width:940px;box-shadow:var(--shadow-card,0 2px 6px #221a2f0d, 0 12px 32px #221a2f12);-webkit-user-select:none;user-select:none;cursor:ew-resize;touch-action:pan-y;background:#fff;border-radius:20px;margin:0 auto;position:relative;overflow:hidden}.cmp-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cmp-layer-before{will-change:clip-path}.cmp-layer>*{width:100%;height:100%}.cmp-tag{z-index:4;font-family:var(--sans,"Poppins", "Helvetica Neue", Arial, sans-serif);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;transition:opacity .2s;position:absolute;top:14px;box-shadow:0 2px 8px #221a2f33}.cmp-tag-before{color:#2b3038;background:#fff;left:14px}.cmp-tag-after{background:var(--purple,#7951ad);color:#fff;right:14px}.cmp-divider{z-index:5;pointer-events:none;background:#fff;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #221a2f14,0 0 12px #221a2f1f}.cmp-handle{background:var(--purple,#7951ad);color:#fff;cursor:ew-resize;pointer-events:auto;touch-action:none;border:none;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #7951ad66,0 0 0 6px #ffffffa6}.cmp:hover .cmp-handle{transform:translate(-50%,-50%)scale(1.06)}.cmp-handle:active{transform:translate(-50%,-50%)scale(.96)}.cmp-handle:focus-visible{outline:3px solid var(--navy,#00305b);outline-offset:4px}.cmp-handle-arrows{align-items:center;gap:3px;display:inline-flex}@media (prefers-reduced-motion:reduce){.cmp-handle,.cmp:hover .cmp-handle{transition:none}}@media (max-width:640px){.cmp{aspect-ratio:4/5;max-width:440px}.cmp-handle{width:42px;height:42px}.cmp-tag{padding:4px 10px;font-size:11px}}
.cmp-sheet{color:#3a3f4a;background:#eef0f3;flex-direction:column;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.cmp-sheet-bar{color:#d7f0e0;background:#1f7544;flex:none;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.cmp-sheet-bar b{color:#fff;letter-spacing:.01em;font-weight:600}.cmp-sheet-tabdot{background:#fff;border-radius:4px;flex:none;width:16px;height:16px;position:relative}.cmp-sheet-tabdot:after{content:"";background:#1f7544;border-radius:1px;position:absolute;inset:4px}.cmp-sheet-spacer{margin-left:auto}.cmp-sheet-flag{color:#fff;white-space:nowrap;background:#c0392b;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.cmp-sheet-fx{background:#fff;border-bottom:1px solid #d3d7de;flex:none;align-items:center;gap:10px;padding:6px 12px;font-size:12.5px;display:flex}.cmp-sheet-fxtag{color:#9aa1ad;border-right:1px solid #d3d7de;padding-right:10px;font-style:italic;font-weight:700}.cmp-sheet-fxval{color:#4a4f5a;white-space:nowrap;font-family:SF Mono,Consolas,monospace;overflow:hidden}.cmp-sheet-grid{background:#ccd1d9;flex:auto;grid-template-columns:30px repeat(4,1fr);grid-auto-rows:1fr;gap:1px;font-size:12.5px;display:grid}.cmp-sheet-grid>div{white-space:nowrap;background:#fff;align-items:center;padding:0 9px;display:flex;overflow:hidden}.cmp-sheet-h{color:#9aa1ad;justify-content:center;font-size:11px;font-weight:600;background:#e4e7ec!important}.cmp-sheet-h-sel{color:#2c5ca8;background:#d7e3f7!important}.cmp-sheet-corner{background:#e4e7ec!important}.cmp-sheet-rownum{color:#9aa1ad;justify-content:center;font-size:11px;background:#e4e7ec!important}.cmp-sheet-num{font-variant-numeric:tabular-nums;color:#2b3038;justify-content:flex-end}.cmp-sheet-clip{color:#6b7280}.cmp-sheet-err{justify-content:flex-end;font-weight:700;color:#b91c1c!important;background:#fdecec!important}.cmp-sheet-warn{background:#fff5e0!important}.cmp-sheet-strike{color:#9aa1ad;-webkit-text-decoration:line-through #c0392b;text-decoration:line-through #c0392b}.cmp-sheet-sel{box-shadow:inset 0 0 0 2px #2c7be5}.cmp-sheet-spill{z-index:1;position:relative;overflow:visible!important}.cmp-sheet-comment{position:relative}.cmp-sheet-comment:after{content:"";border-top:0 solid #0000;border-bottom:7px solid #0000;border-left:0 solid #0000;border-right:7px solid #c0392b;position:absolute;top:0;right:0}.cmp-note{color:#4a4636;z-index:3;background:#fff07a;width:152px;padding:13px 15px;font-family:Comic Sans MS,Bradley Hand,Segoe Print,cursive;font-size:14px;line-height:1.32;position:absolute;bottom:18px;left:18px;transform:rotate(-4deg);box-shadow:0 10px 22px #0003}.cmp-note:before{content:"";background:#ffffff80;border:1px solid #0000000d;width:50px;height:17px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-3deg)}.cmp-report{font-family:var(--sans,"Poppins", "Helvetica Neue", Arial, sans-serif);color:var(--body-c,#544b63);background:radial-gradient(120% 80% at 100% 0,#f7f3fd 0%,#fff 55%);flex-direction:column;gap:16px;padding:24px 28px;display:flex}.cmp-rep-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cmp-rep-title{font-family:var(--serif,"Bitter", Georgia, serif);color:var(--navy,#00305b);font-size:clamp(18px,2.4vw,22px);font-weight:800;line-height:1.12}.cmp-rep-sub{color:var(--muted,#8a8198);margin-top:3px;font-size:12.5px}.cmp-rep-pill{background:var(--green-050,#e6f5ee);color:var(--green-700,#1f7d54);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.cmp-rep-pill i{background:var(--green,#2fa874);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2fa8742e}.cmp-rep-chartwrap{border:1px solid var(--line,#ece8f2);background:#fff;border-radius:14px;flex-direction:column;flex:auto;gap:8px;min-height:96px;padding:14px 16px 10px;display:flex}.cmp-rep-chartcap{color:var(--muted,#8a8198);flex:none;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.cmp-rep-trend{color:var(--green-700,#1f7d54);align-items:center;gap:4px;font-weight:700;display:inline-flex}.cmp-rep-chart{flex:auto;align-items:flex-end;gap:8px;min-height:54px;display:flex}.cmp-rep-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;gap:5px;height:100%;display:flex}.cmp-rep-bar{background:linear-gradient(180deg, #9a78cf 0%, var(--purple,#7951ad) 100%);border-radius:6px 6px 2px 2px}.cmp-rep-col:last-child .cmp-rep-bar{background:linear-gradient(180deg, #57c596 0%, var(--green,#2fa874) 100%);box-shadow:0 4px 12px #2fa8744d}.cmp-rep-month{text-align:center;color:var(--muted,#8a8198);font-size:10px}.cmp-rep-rows{flex-direction:column;flex:none;display:flex}.cmp-rep-row{border-bottom:1px solid var(--line,#ece8f2);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.cmp-rep-row span:first-child{color:var(--body-c,#544b63)}.cmp-rep-row span:last-child{color:var(--ink,#221a2f);font-variant-numeric:tabular-nums;font-weight:600}.cmp-rep-total{background:linear-gradient(#f6f1fb 0%,#efe7f9 100%);border-radius:14px;flex:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cmp-rep-total-label{color:var(--purple-deep,#4e3173);font-size:14px;font-weight:700}.cmp-rep-total b{font-family:var(--serif,"Bitter", Georgia, serif);color:var(--navy,#00305b);font-variant-numeric:tabular-nums;font-size:clamp(19px,2.6vw,24px)}.cmp-rep-foot{color:var(--muted,#8a8198);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.cmp-rep-foot svg{color:var(--green,#2fa874);flex:none}@media (max-width:640px){.cmp-report{gap:11px;padding:16px}.cmp-sheet-grid,.cmp-sheet-fx{font-size:11px}.cmp-note{width:126px;font-size:12.5px}}