:root{--dsc-primary:#6366f1;--dsc-primary-light:#6366f11a;--dsc-success:#059669;--dsc-success-light:#0596691a;--dsc-warning:#d97706;--dsc-warning-light:#d977061a;--dsc-danger:#dc2626;--dsc-danger-light:#dc26261a;--dsc-accent:#0ea5e9;--dsc-accent-light:#0ea5e91a;--dsc-text:#1e293b;--dsc-text-secondary:#475569;--dsc-text-muted:#64748b;--dsc-bg:#fff;--dsc-bg-secondary:#f8fafc;--dsc-border:#e2e8f0;--dsc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--dsc-shadow-md:0 4px 12px #00000014}._dsc-container{max-width:960px;margin:0 auto}._dsc-body{flex-direction:column;gap:1.5rem;display:flex}._dsc-inputs,._dsc-results{flex-direction:column;gap:1rem;display:flex}._dsc-content{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}._dsc-card{background:var(--dsc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--dsc-border);padding:var(--main-space-6);box-shadow:var(--dsc-shadow)}._dsc-card--highlight{border-color:var(--dsc-primary);box-shadow:0 0 0 3px var(--dsc-primary-light);border-width:1.5px}._dsc-card-title{font-size:var(--main-text-base);color:var(--dsc-text);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-weight:600;display:flex}._dsc-card-title svg{color:var(--dsc-primary);flex-shrink:0}@media (max-width:768px){._dsc-container{padding-left:.75rem;padding-right:.75rem}._dsc-body{gap:1rem}._dsc-content{grid-template-columns:1fr;gap:1rem}._dsc-card-title{margin-bottom:1rem}._dsc-card--highlight{box-shadow:0 0 0 2px var(--dsc-primary-light)}}@media (max-width:480px){._dsc-container{padding-left:.5rem;padding-right:.5rem}}._dsc-tabs{background:var(--dsc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--dsc-border);box-shadow:var(--dsc-shadow);gap:.25rem;padding:.25rem;display:flex}._dsc-tab{border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--dsc-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.625rem 1rem;font-weight:500;transition:all .2s}._dsc-tab:hover{color:var(--dsc-text)}._dsc-tab--active{background:var(--dsc-primary);color:#fff;box-shadow:0 1px 3px #6366f14d}._dsc-tab--active:hover{color:#fff}._dsc-field{margin-bottom:1rem}._dsc-field:last-child{margin-bottom:0}._dsc-label{font-size:var(--main-text-sm);color:var(--dsc-text-secondary);margin-bottom:.375rem;font-weight:500;display:block}._dsc-input-wrap{border-style:solid;border-width:1.5px;border-color:var(--dsc-border);border-radius:var(--main-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._dsc-input-wrap:focus-within{border-color:var(--dsc-primary);box-shadow:0 0 0 3px var(--dsc-primary-light)}._dsc-input-wrap--lg{border-width:2px}._dsc-input{width:100%;font-size:var(--main-text-base);color:var(--dsc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem .75rem;font-weight:600}._dsc-input--lg{font-size:var(--main-text-lg);padding:.75rem 1rem}._dsc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._dsc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._dsc-input[type=number]{-moz-appearance:textfield}._dsc-input-unit{font-size:var(--main-text-xs);color:var(--dsc-text-muted);background:var(--dsc-bg-secondary);white-space:nowrap;border-left-style:solid;border-left-width:1px;border-left-color:var(--dsc-border);padding:.625rem .75rem;font-weight:500}._dsc-field-row{align-items:center;gap:.5rem;display:flex}._dsc-field-row ._dsc-input-wrap{flex:1}._dsc-field-sep{font-size:var(--main-text-sm);color:var(--dsc-text-muted);flex-shrink:0;font-weight:600}._dsc-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._dsc-presets-label{font-size:var(--main-text-xs);color:var(--dsc-text-muted);font-weight:500}._dsc-preset{border-radius:var(--main-radius-full);border-style:solid;border-width:1px;border-color:var(--dsc-border);background:var(--dsc-bg);font-size:var(--main-text-xs);color:var(--dsc-text-secondary);cursor:pointer;box-shadow:var(--dsc-shadow);padding:.3rem .75rem;font-weight:500;transition:all .2s}._dsc-preset:hover{border-color:var(--dsc-primary);color:var(--dsc-primary);background:var(--dsc-primary-light)}@media (max-width:768px){._dsc-card{padding:var(--main-space-4)}._dsc-tab{min-height:44px;padding:.75rem}._dsc-input{padding:.75rem;font-size:16px}._dsc-input--lg{padding:.875rem 1rem;font-size:1.125rem}._dsc-input-unit{font-size:var(--main-text-sm);padding:.75rem .625rem}._dsc-field-row,._dsc-presets{gap:.375rem}._dsc-presets-label{flex-basis:100%;margin-bottom:.125rem}._dsc-preset{font-size:var(--main-text-sm);flex:auto;min-height:36px;padding:.5rem .75rem}}@media (max-width:380px){._dsc-field-row{flex-wrap:wrap}._dsc-field-row ._dsc-input-wrap{flex:100%}._dsc-field-sep{display:none}}._dsc-result-main{text-align:center;padding:var(--main-space-8);color:#fff;border-color:#0000}._dsc-result-main--positive{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 16px #0596694d}._dsc-result-main--negative{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 16px #dc26264d}._dsc-result-main--zero{background:linear-gradient(135deg, var(--dsc-primary), #818cf8);box-shadow:0 4px 16px #6366f14d}._dsc-result-label{font-size:var(--main-text-sm);opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:500}._dsc-result-value{font-size:2.75rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono);margin-bottom:.25rem}._dsc-result-sub{font-size:var(--main-text-sm);opacity:.8;margin-top:.5rem}._dsc-summary{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._dsc-summary-card{background:var(--dsc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--dsc-border);box-shadow:var(--dsc-shadow);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}._dsc-summary-icon{border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._dsc-summary-icon--margin{background:var(--dsc-success-light);color:var(--dsc-success)}._dsc-summary-icon--roi{background:var(--dsc-accent-light);color:var(--dsc-accent)}._dsc-summary-icon--breakeven{background:var(--dsc-warning-light);color:var(--dsc-warning)}._dsc-summary-icon--monthly{background:var(--dsc-primary-light);color:var(--dsc-primary)}._dsc-summary-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}._dsc-summary-label{font-size:var(--main-text-xs);color:var(--dsc-text-muted);font-weight:500}._dsc-summary-value{font-size:var(--main-text-base);color:var(--dsc-text);font-weight:700;font-family:var(--main-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._dsc-breakdown-card{padding:0;overflow:hidden}._dsc-breakdown-toggle{width:100%;font-size:var(--main-text-sm);color:var(--dsc-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:600;display:flex}._dsc-breakdown-toggle:hover{background:var(--dsc-bg-secondary)}._dsc-breakdown-toggle span{align-items:center;gap:.5rem;display:flex}._dsc-breakdown-toggle svg{color:var(--dsc-text-muted)}._dsc-breakdown-chevron{transition:transform .2s}._dsc-breakdown-chevron--open{transform:rotate(180deg)}._dsc-breakdown-body{padding:0 1rem 1rem}._dsc-breakdown-row{font-size:var(--main-text-sm);justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}._dsc-breakdown-name{color:var(--dsc-text-secondary)}._dsc-breakdown-val{font-family:var(--main-font-mono);color:var(--dsc-text);font-weight:600}._dsc-breakdown-divider{background:var(--dsc-border);height:1px;margin:.5rem 0}._dsc-breakdown-row--total{background:var(--dsc-bg-secondary);border-radius:var(--main-radius);margin-top:.25rem;padding:.5rem .75rem}._dsc-breakdown-row--total ._dsc-breakdown-name{color:var(--dsc-text);font-weight:600}._dsc-breakdown-row--selling{margin-top:.25rem;padding:.5rem .75rem}._dsc-breakdown-row--selling ._dsc-breakdown-name{color:var(--dsc-text);font-weight:600}._dsc-breakdown-row--profit{background:var(--dsc-primary-light);border-radius:var(--main-radius);margin-top:.25rem;padding:.5rem .75rem}._dsc-breakdown-row--profit ._dsc-breakdown-name{color:var(--dsc-primary);font-weight:600}._dsc-breakdown-row--profit ._dsc-breakdown-val{color:var(--dsc-primary)}._dsc-reset{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--dsc-border);background:var(--dsc-bg);width:100%;font-size:var(--main-text-sm);color:var(--dsc-text-muted);cursor:pointer;box-shadow:var(--dsc-shadow);justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:500;transition:all .2s;display:flex}._dsc-reset:hover{border-color:var(--dsc-primary);color:var(--dsc-primary)}._dsc-reset svg{width:14px;height:14px}@media (max-width:768px){._dsc-result-value{word-break:break-all;font-size:2rem}._dsc-result-main{padding:var(--main-space-6)}._dsc-summary{grid-template-columns:1fr 1fr;gap:.5rem}._dsc-summary-card{gap:.5rem;padding:.75rem}._dsc-summary-icon{width:32px;height:32px}._dsc-summary-value{font-size:var(--main-text-sm)}._dsc-breakdown-toggle{min-height:44px;padding:1rem}._dsc-reset{min-height:44px;font-size:var(--main-text-base);padding:.75rem 1rem}}@media (max-width:480px){._dsc-result-value{font-size:1.75rem}._dsc-result-main{padding:var(--main-space-5)}._dsc-summary{grid-template-columns:1fr}}
