:root{--ppc-primary:#10b981;--ppc-primary-dark:#059669;--ppc-primary-light:#10b9811a;--ppc-accent:#6366f1;--ppc-accent-light:#6366f11a;--ppc-profit:#10b981;--ppc-profit-light:#10b9811a;--ppc-cost:#ef4444;--ppc-cost-light:#ef44441a;--ppc-warning:#f59e0b;--ppc-warning-light:#f59e0b1a;--ppc-text:#1e293b;--ppc-text-secondary:#475569;--ppc-text-muted:#64748b;--ppc-bg:#fff;--ppc-bg-secondary:#f8fafc;--ppc-border:#e2e8f0;--ppc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ppc-shadow-md:0 4px 12px #00000014}._ppc-container{max-width:1060px;margin:0 auto}._ppc-body{flex-direction:column;gap:1.5rem;display:flex}._ppc-content{grid-template-columns:5fr 7fr;align-items:start;gap:1.5rem;display:grid}._ppc-inputs,._ppc-results{flex-direction:column;gap:1rem;min-width:0;display:flex}._ppc-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}._ppc-card-header ._ppc-card-title{margin-bottom:0}._ppc-card{background:var(--ppc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ppc-border);padding:var(--main-space-6);box-shadow:var(--ppc-shadow)}._ppc-card-title{font-size:var(--main-text-base);color:var(--ppc-text);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-weight:600;display:flex}._ppc-card-title svg{color:var(--ppc-primary);flex-shrink:0}@media (max-width:768px){._ppc-container{padding-left:.75rem;padding-right:.75rem}._ppc-body{gap:1rem}._ppc-content{grid-template-columns:1fr;gap:1rem}._ppc-card{padding:var(--main-space-4)}._ppc-card-title{font-size:var(--main-text-sm);margin-bottom:1rem}}@media (max-width:480px){._ppc-container{padding-left:.625rem;padding-right:.625rem}._ppc-card{padding:.875rem}}._ppc-tabs{background:var(--ppc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ppc-border);box-shadow:var(--ppc-shadow);gap:.25rem;padding:.25rem;display:flex}._ppc-tab{border-radius:var(--main-radius);min-height:40px;font-size:var(--main-text-sm);color:var(--ppc-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex:1;padding:.625rem 1rem;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}._ppc-tab:hover{color:var(--ppc-text)}._ppc-tab--active{background:var(--ppc-primary);color:#fff;box-shadow:0 1px 3px #10b9814d}._ppc-tab--active:hover{color:#fff}._ppc-products{flex-wrap:wrap;gap:.5rem;display:flex}._ppc-product{border-radius:var(--main-radius-full);border-style:solid;border-width:1px;border-color:var(--ppc-border);background:var(--ppc-bg-secondary);min-height:36px;font-size:var(--main-text-xs);color:var(--ppc-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.5rem .875rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}._ppc-product:hover{border-color:var(--ppc-primary);color:var(--ppc-primary)}._ppc-product--active{background:var(--ppc-primary);border-color:var(--ppc-primary);color:#fff}._ppc-product--active:hover{color:#fff}._ppc-field{margin-bottom:1rem}._ppc-field:last-child{margin-bottom:0}._ppc-label{font-size:var(--main-text-sm);color:var(--ppc-text-secondary);margin-bottom:.375rem;font-weight:500;display:block}._ppc-input-wrap{border-style:solid;border-width:1.5px;border-color:var(--ppc-border);border-radius:var(--main-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._ppc-input-wrap:focus-within{border-color:var(--ppc-primary);box-shadow:0 0 0 3px var(--ppc-primary-light)}._ppc-input{width:100%;font-size:var(--main-text-base);color:var(--ppc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem .75rem;font-weight:600}._ppc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._ppc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._ppc-input[type=number]{-moz-appearance:textfield}._ppc-input-unit{font-size:var(--main-text-xs);color:var(--ppc-text-muted);background:var(--ppc-bg-secondary);white-space:nowrap;border-left-style:solid;border-left-width:1px;border-left-color:var(--ppc-border);padding:.625rem .75rem;font-weight:500}._ppc-slider{-webkit-appearance:none;appearance:none;background:var(--ppc-border);cursor:pointer;touch-action:manipulation;border-radius:2px;outline:none;width:100%;height:4px;margin-top:.75rem}._ppc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ppc-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #10b9814d}._ppc-slider::-moz-range-thumb{background:var(--ppc-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #10b9814d}@media (max-width:768px){._ppc-slider{height:6px}._ppc-slider::-webkit-slider-thumb{width:24px;height:24px}._ppc-slider::-moz-range-thumb{width:24px;height:24px}}._ppc-presets{border-top-style:dashed;border-top-width:1px;border-top-color:var(--ppc-border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}._ppc-presets-label{font-size:var(--main-text-xs);color:var(--ppc-text-muted);font-weight:500}._ppc-preset{border-radius:var(--main-radius-full);border-style:solid;border-width:1px;border-color:var(--ppc-border);background:var(--ppc-bg-secondary);min-height:32px;font-size:var(--main-text-xs);color:var(--ppc-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.4rem .85rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}._ppc-preset:hover{border-color:var(--ppc-primary);color:var(--ppc-primary);background:var(--ppc-primary-light)}@media (max-width:480px){._ppc-product{text-align:center;flex:calc(50% - .25rem);min-width:0;padding:.5rem .625rem}._ppc-preset{text-align:center;flex:calc(50% - .25rem);min-width:0}._ppc-presets-label{flex:1 0 100%;margin-bottom:.25rem}}._ppc-result-main{padding:var(--main-space-6);background:linear-gradient(135deg, var(--ppc-primary), var(--ppc-primary-dark));color:#fff;border-color:#0000}._ppc-result-row{justify-content:center;align-items:center;gap:1.5rem;display:flex}._ppc-result-block{text-align:center;flex:1;min-width:0;overflow:hidden}._ppc-result-divider{background:#ffffff40;flex-shrink:0;width:1px;height:48px}._ppc-result-label{font-size:var(--main-text-xs);opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:500}._ppc-result-value{font-size:1.75rem;font-weight:700;line-height:1.2;font-family:var(--main-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._ppc-result-value--profit{color:#d1fae5}._ppc-result-value--margin{color:#fef3c7}._ppc-volume-results{border-top-style:dashed;border-top-width:1px;border-top-color:var(--ppc-border);flex-direction:column;gap:.625rem;margin-top:1rem;padding-top:1rem;display:flex}._ppc-volume-item{background:var(--ppc-bg-secondary);border-radius:var(--main-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}._ppc-volume-label{font-size:var(--main-text-sm);color:var(--ppc-text-secondary);min-width:0;font-weight:500}._ppc-volume-value{font-size:var(--main-text-base);color:var(--ppc-text);font-weight:700;font-family:var(--main-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}._ppc-volume-value--profit{color:var(--ppc-profit)}._ppc-volume-value--cost{color:var(--ppc-cost)}._ppc-reset{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--ppc-border);background:var(--ppc-bg);width:100%;min-height:44px;font-size:var(--main-text-sm);color:var(--ppc-text-muted);cursor:pointer;box-shadow:var(--ppc-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:.375rem;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}._ppc-reset:hover{border-color:var(--ppc-primary);color:var(--ppc-primary)}._ppc-reset svg{width:14px;height:14px}@media (max-width:768px){._ppc-result-row{flex-direction:column;gap:.75rem}._ppc-result-divider{width:60%;height:1px}._ppc-result-value{font-size:1.5rem}._ppc-result-main{padding:var(--main-space-4)}._ppc-volume-item{padding:.625rem .75rem}}@media (max-width:480px){._ppc-result-value{font-size:1.375rem}._ppc-result-label{font-size:.6875rem}}._ppc-breakdown{flex-direction:column;gap:1rem;display:flex}._ppc-breakdown-bar{border-radius:var(--main-radius-full);background:var(--ppc-bg-secondary);height:12px;display:flex;overflow:hidden}._ppc-breakdown-bar-segment{min-width:2px;height:100%;transition:width .3s}._ppc-breakdown-items{flex-direction:column;gap:.5rem;display:flex}._ppc-breakdown-item{justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}._ppc-breakdown-item-left{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}._ppc-breakdown-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}._ppc-breakdown-name{font-size:var(--main-text-sm);color:var(--ppc-text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}._ppc-breakdown-item-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}._ppc-breakdown-amount{font-size:var(--main-text-sm);color:var(--ppc-text);font-weight:600;font-family:var(--main-font-mono);font-variant-numeric:tabular-nums;text-align:right;min-width:4.5rem}._ppc-breakdown-pct{font-size:var(--main-text-xs);color:var(--ppc-text-muted);font-family:var(--main-font-mono);font-variant-numeric:tabular-nums;text-align:right;min-width:3rem}@media (max-width:480px){._ppc-breakdown-item,._ppc-breakdown-item-right{gap:.5rem}._ppc-breakdown-amount{min-width:0;font-size:.8125rem}._ppc-breakdown-pct{min-width:2.5rem}}