:root{--cc-bg:#000000;--cc-card:#1e1e1e;--cc-text:#ffffff;--cc-muted:#9f9f9f;--cc-blue:#206dd1;--cc-blue-weak:rgba(32, 109, 209, 0.2);--cc-active-tab-bg:rgba(32, 109, 209, 0.24);--cc-save-red-weak:rgba(255, 184, 184, 0.4);--cc-save-red:#ff0000;--cc-save-green-weak:rgba(208, 242, 212, 0.6);--cc-save-green:#2dff34;--cc-radius:10px;--cc-gap:20px;--cc-container-w:1200px;--cc-shadow-none:none;--cc-ui-padding:22px;--cc-panel-padding:5px 25px}.cc-wrap{max-width:var(--cc-container-w);margin:0 auto;padding:32px;box-sizing:border-box;background:var(--cc-bg);display:flex;gap:60px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cc-text);border-radius:10px}.cc-left{flex:1 1 65%;display:flex;flex-direction:column;gap:18px}.cc-right{width:35%;display:flex;flex-direction:column;gap:30px;align-items:flex-start}.cc-card{background:var(--cc-card);border-radius:var(--cc-radius);padding:var(--cc-panel-padding);box-shadow:var(--cc-shadow-none)}.cc-divider{height:1px;width:100%;background:#424242}.cc-small-title{margin:0 0 8px 0;font-size:14px;color:var(--cc-muted);font-weight:500}.cc-tabs{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:7px}.cc-tab{background:#fff0;color:var(--cc-text);padding:12px 36px;border-radius:12px;cursor:pointer;font-weight:500;font-size:16px;border:none;transition:all ease 0.3s}.cc-tab:hover{background:rgb(255 255 255 / .1);color:var(--cc-text)}.cc-tab.cc-active{background:var(--cc-active-tab-bg);box-shadow:none}.cc-row{margin-top:6px}.cc-form-item{margin-bottom:14px}.cc-label{color:var(--cc-text);font-size:14px;margin-bottom:12px}.cc-slider-card{display:flex;gap:14px;align-items:center;padding:18px;border-radius:10px;background:var(--cc-card)}.cc-range-wrap{width:100%;position:relative}.cc-range-wrap input[type="range"]{-webkit-appearance:none;width:100%;height:6px;border-radius:6px;background:#fff0;margin:7px 0}.cc-range-wrap input[type="range"]:focus{outline:none}.cc-range-wrap input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--cc-blue) 0%,var(--cc-blue) var(--pct),var(--cc-blue-weak) var(--pct),var(--cc-blue-weak) 100%)}.cc-range-wrap input[type="range"]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--cc-blue) 0%,var(--cc-blue) var(--pct),var(--cc-blue-weak) var(--pct),var(--cc-blue-weak) 100%)}.cc-range-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;margin-top:-8px;box-shadow:0 0 0 6px rgb(0 0 0 / .25);position:relative}.cc-range-wrap input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:none}.cc-bubble{position:absolute;transform:translateX(-50%);top:29px;left:0;background:var(--cc-blue);color:#fff;padding:0 0;border-radius:8px;font-weight:500;font-size:14px;min-width:30px;text-align:center}.cc-bubble:after{content:"";display:block;position:absolute;left:50%;top:2px;width:10px;height:10px;background:var(--cc-blue);transform-origin:center;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px}.cc-endpoints{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--cc-text);margin-top:0}.cc-select{background:var(--cc-card);border-radius:10px;padding:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--cc-text);font-weight:600}.cc-select small{color:var(--cc-muted);font-weight:500;font-size:13px}.cc-options>div{cursor:pointer;padding:3px 15px;background:#151515}.cc-options>div:hover{background:var(--cc-blue)}.cc-summary-card{background:#fff0;width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.cc-summary-row{width:100%;padding:8px 0 20px 0;border-bottom:1px solid rgb(255 255 255 / .03)}.cc-summary-title{color:var(--cc-muted);font-size:16px;margin-bottom:8px}.cc-amount{font-size:45px;margin:0;color:var(--cc-text);font-weight:500;line-height:1}.cc-save-badge{float:right;padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;display:inline-block}.cc-save-red{background:var(--cc-save-red-weak);color:var(--cc-save-red)}.cc-save-green{background:var(--cc-save-green-weak);color:var(--cc-save-green)}.cc-muted-small{color:var(--cc-muted);font-size:14px;margin-top:8px}@media (max-width:1100px){.cc-wrap{padding:18px;gap:20px}.cc-right{width:360px}}@media (max-width:920px){.cc-wrap{flex-direction:column;max-width:900px;padding:18px}.cc-right{width:100%;order:2}}.cc-flex-between{display:flex;justify-content:space-between;align-items:center}.cc-muted{color:var(--cc-muted)}.cc-details-wrap{position:relative;display:inline-block;margin-top:8px}.cc-view-details{color:var(--cc-text);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px}.cc-view-details:hover{color:#4a9eff}.cc-tooltip{position:absolute;top:50%;right:calc(100% + 15px);transform:translateY(-50%) translateX(10px);background:#fff;border-radius:12px;padding:24px 28px;min-width:450px;max-width:500px;width:100%;z-index:1000;opacity:0;visibility:hidden;transition:all 0.2s ease;box-shadow:0 10px 40px rgb(0 0 0 / .15)}.cc-tooltip::after{content:"";position:absolute;top:50%;right:-8px;width:16px;height:16px;background:#fff;transform:translateY(-50%) rotate(45deg);box-shadow:4px -4px 8px rgb(0 0 0 / .05)}.cc-details-wrap:hover .cc-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.cc-tooltip-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:20px;padding-bottom:0;border-bottom:none}.cc-tooltip-content{display:flex;flex-direction:column;gap:3px}.cc-tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:0 0}.cc-tooltip-row .cc-tooltip-label{color:#333;font-weight:400}.cc-tooltip-row .cc-tooltip-value{color:#1a1a1a;font-weight:500;text-align:right}.cc-tooltip-row.cc-tooltip-total{margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.cc-tooltip-row.cc-tooltip-total .cc-tooltip-label{color:#1a1a1a;font-weight:700;font-size:16px}.cc-tooltip-row.cc-tooltip-total .cc-tooltip-value{color:#1a1a1a;font-weight:700;font-size:16px}.cc-tooltip-row.cc-tooltip-monthly{padding-top:4px;margin-top:0;border-top:none}.cc-tooltip-row.cc-tooltip-monthly .cc-tooltip-value{color:#666;font-weight:500;font-size:14px}