@charset "UTF-8";.pi-calculator-container{padding:20px;background:#f5f7fa;min-height:100vh;color:#1e293b;height:100%;padding-bottom:40px}.pi-header{text-align:center;margin-bottom:20px;padding:30px 20px;background:linear-gradient(135deg,#34d399 0%,#22c55e 100%);color:white;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.pi-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.pi-header .lead{font-size:1.1rem;opacity:0.9;margin:0}.pi-controls{background:white;border:none;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.pi-controls .form-label{font-weight:600;font-size:0.9rem;margin-bottom:8px}.pi-controls .form-label i{margin-right:5px;color:#667eea}.pi-summary .stat-card{border:none;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s,box-shadow 0.2s}.pi-summary .stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.12)}.pi-summary .stat-value{font-size:2rem;font-weight:700;color:#2d3748}.pi-summary .stat-label{font-size:0.85rem;color:#718096;text-transform:uppercase;letter-spacing:0.5px;margin-top:5px}.pi-tier-section{margin-bottom:40px}.tier-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;border-radius:8px;font-size:1.5rem;font-weight:600}.tier-header .tier-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:1rem;font-weight:700;background:white;color:inherit}.tier-header .tier-count{margin-left:auto;font-size:1rem;opacity:0.8}.tier-header.tier-p1{background:linear-gradient(135deg,#48bb78,#38a169);color:white}.tier-header.tier-p2{background:linear-gradient(135deg,#4299e1,#3182ce);color:white}.tier-header.tier-p3{background:linear-gradient(135deg,#ed8936,#dd6b20);color:white}.tier-header.tier-p4{background:linear-gradient(135deg,#9f7aea,#805ad5);color:white}.pi-product-card{border:none;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.pi-product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.pi-product-card .card-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0;padding:14px;text-align:left}.product-heading{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center}.pi-product-card .product-icon{width:54px;height:54px;margin:0;border-radius:8px;overflow:hidden;background:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center}.pi-product-card .product-icon img{width:100%;height:100%;object-fit:cover}.pi-product-card .product-name{display:-webkit-box;min-height:40px;margin:0 0 7px;overflow:hidden;color:#0f172a;font-size:0.98rem;font-weight:900;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pi-product-card .product-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.pi-product-card .product-meta span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;background:#e2e8f0;border-radius:6px;color:#334155;font-size:0.72rem;font-weight:850}.pi-product-card .card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:14px;flex:1}.product-inputs{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.inputs-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#334155;font-size:0.78rem;font-weight:900;text-transform:uppercase}.inputs-label span{display:inline-flex;align-items:center;gap:6px}.inputs-label em{color:#64748b;font-size:0.72rem;font-style:normal;font-weight:850;text-transform:none}.input-list{list-style:none;padding:0;margin:0}.input-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:5px 0;border-top:1px solid #e2e8f0;font-size:0.82rem}.input-item:first-child{border-top:0}.input-quantity{font-weight:700;color:#1d4ed8;font-variant-numeric:tabular-nums}.input-name{overflow:hidden;color:#334155;text-overflow:ellipsis;white-space:nowrap}.input-tier{padding:2px 6px;background:#e2e8f0;border-radius:5px;color:#475569;font-size:0.68rem;font-weight:900}.product-inputs-empty{min-height:132px;background:#f0fdf4;border-color:#bbf7d0}.product-inputs-empty p{margin:0;color:#166534;font-size:0.82rem;line-height:1.45}.product-price{margin-top:auto}.product-price .form-label{display:flex;justify-content:space-between;margin-bottom:5px;color:#334155;font-size:0.78rem;font-weight:900;text-transform:uppercase}.product-price .form-label::after{content:"manual or loaded";color:#94a3b8;font-size:0.7rem;font-weight:800;text-transform:none}.price-input{min-height:38px;font-size:0.9rem;border:1px solid #cbd5e1;border-radius:6px;transition:border-color 0.2s,box-shadow 0.2s;font-variant-numeric:tabular-nums}.price-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.price-input:not(:placeholder-shown){background:#f8fafc;border-color:#94a3b8}.calculation-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f8fafc;border-top:1px solid #dbe5f1;padding:12px}.result-row{display:grid;gap:3px;align-items:start;margin:0;padding:9px;background:#fff;border:1px solid #e2e8f0;border-radius:7px;font-size:0.8rem}.result-row:last-child{margin-bottom:0;padding-top:9px;border-top:1px solid #e2e8f0}.result-label{color:#64748b;font-size:0.7rem;font-weight:900;text-transform:uppercase}.result-value{color:#0f172a;font-size:0.9rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.result-profit,.result-margin{border-color:#cbd5e1}.result-row.result-positive{background:#f0fdf4;border-color:#86efac}.result-row.result-negative{background:#fef2f2;border-color:#fecaca}.result-value.positive{color:#15803d}.result-value.negative{color:#dc2626}.pi-page-v2 .product-col{display:flex}.pi-page-v2 .pi-product-card{width:100%}@media (max-width:520px){.calculation-results{grid-template-columns:1fr}.input-item{grid-template-columns:42px minmax(0,1fr) auto}}.pi-calculator-container:not(.pi-page-v2) .product-price .form-label{font-size:0.8rem;font-weight:600;color:#4a5568;margin-bottom:5px}.pi-calculator-container:not(.pi-page-v2) .price-input{font-size:0.9rem;border:2px solid #e2e8f0;transition:border-color 0.2s}.pi-calculator-container:not(.pi-page-v2) .price-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.pi-calculator-container:not(.pi-page-v2) .calculation-results{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-top:2px solid #cbd5e0;padding:12px 15px}.pi-calculator-container:not(.pi-page-v2) .result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:0.85rem}.pi-calculator-container:not(.pi-page-v2) .result-row:last-child{margin-bottom:0;padding-top:6px;border-top:1px solid #cbd5e0}.pi-calculator-container:not(.pi-page-v2) .result-label{font-weight:600;color:#4a5568}.pi-calculator-container:not(.pi-page-v2) .result-value{font-weight:700;font-size:0.9rem}.pi-calculator-container:not(.pi-page-v2) .result-value.positive{color:#48bb78}.pi-calculator-container:not(.pi-page-v2) .result-value.negative{color:#f56565}@media (max-width:768px){.pi-header h1{font-size:1.8rem}.pi-controls .col-md-3{margin-bottom:15px}.tier-header{font-size:1.2rem;flex-wrap:wrap}.pi-summary .stat-value{font-size:1.5rem}}.loading{opacity:0.5;pointer-events:none}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9998}.loading-overlay .spinner-border{width:4rem;height:4rem;border-width:0.5rem}.isk-value{font-family:'Courier New',monospace}.product-col{animation:slideIn 0.3s ease-out}.product-col.hidden{display:none}#calculationChevron{transition:transform 0.3s ease}#calculationExplanation.show~.card-header #calculationChevron,.card-header[aria-expanded="true"] #calculationChevron{transform:rotate(180deg)}.card-header[data-bs-toggle="collapse"]:hover{opacity:0.9}.tooltip-icon{cursor:help;color:#a0aec0;margin-left:5px}.tooltip-icon:hover{color:#667eea}.pi-page-v2{background:#f4f7fb;padding:24px}.pi-hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,0.72fr);gap:24px;align-items:stretch;max-width:1420px;margin:0 auto 18px;padding:28px;background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#e2e8f0;box-shadow:0 18px 45px rgba(15,23,42,0.22)}.pi-kicker{margin:0 0 10px;color:#86efac;font-size:0.8rem;font-weight:850;letter-spacing:0.04em;text-transform:uppercase}.pi-hero-copy h1{margin:0 0 12px;color:#fff;font-size:2.65rem;font-weight:900;line-height:1.05}.pi-hero-copy p{max-width:820px;margin:0 0 22px;color:#cbd5e1;font-size:1.02rem;line-height:1.6}.pi-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.pi-action-button,.pi-action-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border-radius:6px;font-weight:850;text-decoration:none}.pi-action-button{background:#16a34a;border:1px solid #16a34a;color:#fff}.pi-action-button:hover{background:#15803d;border-color:#15803d}.pi-action-link{background:rgba(255,255,255,0.07);border:1px solid rgba(226,232,240,0.2);color:#e2e8f0}.pi-action-link:hover{background:rgba(255,255,255,0.12);color:#fff;text-decoration:none}.pi-hero-guide{display:grid;gap:10px}.pi-hero-guide div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 12px;align-content:center;min-height:82px;padding:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(226,232,240,0.14);border-radius:8px}.pi-hero-guide span{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#16a34a;color:#fff;border-radius:999px;font-size:0.84rem;font-weight:900}.pi-hero-guide strong{color:#fff;font-size:0.98rem;font-weight:900}.pi-hero-guide small{color:#94a3b8;font-size:0.82rem;line-height:1.35}.pi-top-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(420px,1.08fr);gap:18px;max-width:1420px;margin:0 auto 18px}.pi-controls-panel,.pi-summary-panel,.pi-explanation-panel{background:#fff;border:1px solid #dbe5f1;border-radius:8px;box-shadow:0 8px 22px rgba(15,23,42,0.06)}.pi-controls-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.pi-control-field label{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#334155;font-size:0.84rem;font-weight:900}.pi-control-field label i{color:#15803d}.pi-control-field .form-control,.pi-control-field .form-select,.pi-control-field .input-group-text{min-height:42px;border-color:#cbd5e1;border-radius:6px}.pi-summary-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden}.pi-stat-card{padding:16px;border-right:1px solid #e2e8f0}.pi-stat-card:last-child{border-right:0}.pi-stat-card span,.pi-stat-card strong{display:block}.pi-stat-card span{color:#64748b;font-size:0.76rem;font-weight:850;text-transform:uppercase}.pi-stat-card strong{margin-top:7px;color:#0f172a;font-size:1.35rem;font-weight:900;line-height:1.2;word-break:break-word}.pi-explanation-panel{max-width:1420px;margin:0 auto 22px;overflow:hidden}.pi-explanation-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 16px;background:#fff;border:0;color:#0f172a;font-weight:900;text-align:left}.pi-explanation-toggle:hover{background:#f8fafc}.pi-explanation-toggle[aria-expanded="true"] #calculationChevron{transform:rotate(180deg)}.pi-explanation-toggle span{display:inline-flex;align-items:center;gap:8px}.pi-explanation-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 16px 16px;border-top:1px solid #e2e8f0}.pi-explanation-body h2{margin:14px 0 8px;color:#0f172a;font-size:1rem;font-weight:900}.pi-explanation-body p,.pi-explanation-body li{color:#475569;font-size:0.9rem;line-height:1.5}.pi-explanation-body ul{margin:0;padding-left:18px}.pi-note{margin:10px 0 0;padding:10px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#713f12 !important}.pi-page-v2 .pi-products-grid{max-width:1420px;margin:0 auto}.pi-chain-panel{max-width:1420px;margin:0 auto 24px;padding:20px;background:#fff;border:1px solid #dbe5f1;border-radius:8px;box-shadow:0 8px 22px rgba(15,23,42,0.06)}.pi-chain-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}.pi-chain-head h2{margin:0 0 8px;color:#0f172a;font-size:1.25rem;font-weight:900}.pi-chain-head p:not(.pi-kicker){margin:0;color:#475569;font-size:0.93rem;line-height:1.5}.pi-chain-controls{display:grid;grid-template-columns:150px minmax(260px,1fr) 150px 190px;gap:12px;align-items:end}.pi-chain-action .pi-action-button{width:100%}.pi-chain-results{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}.pi-chain-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.pi-chain-summary div{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pi-chain-summary span,.pi-chain-summary strong{display:block}.pi-chain-summary span{color:#64748b;font-size:0.74rem;font-weight:900;text-transform:uppercase}.pi-chain-summary strong{margin-top:6px;color:#0f172a;font-size:1rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.pi-chain-summary strong.positive{color:#15803d}.pi-chain-summary strong.negative{color:#dc2626}.pi-chain-tables{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:18px}.pi-chain-tables h3{margin:0 0 10px;color:#0f172a;font-size:0.98rem;font-weight:900}.pi-chain-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.pi-chain-table{width:100%;margin:0;border-collapse:collapse;font-size:0.86rem}.pi-chain-table th,.pi-chain-table td{padding:9px 10px;border-bottom:1px solid #e2e8f0;color:#334155;vertical-align:middle;white-space:nowrap}.pi-chain-table th{background:#f8fafc;color:#64748b;font-size:0.72rem;font-weight:900;text-transform:uppercase}.pi-chain-table tbody tr:last-child td{border-bottom:0}.pi-chain-tier{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 7px;background:#e2e8f0;border-radius:6px;color:#334155;font-size:0.74rem;font-weight:900}.pi-chain-note{margin:14px 0 0;padding:10px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;color:#1e40af;font-size:0.84rem;line-height:1.45}.pi-page-v2 .tier-header{border-radius:8px;box-shadow:0 8px 20px rgba(15,23,42,0.08)}.pi-page-v2 .pi-product-card{border:1px solid #dbe5f1;border-radius:8px;box-shadow:0 8px 22px rgba(15,23,42,0.06)}.pi-page-v2 .pi-product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,0.12)}.pi-page-v2 .pi-product-card .card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pi-page-v2 .product-name{min-height:40px}@media (max-width:1100px){.pi-hero-panel,.pi-top-grid,.pi-chain-controls,.pi-chain-tables{grid-template-columns:1fr}}@media (max-width:820px){.pi-page-v2{padding:14px}.pi-hero-panel{padding:22px}.pi-hero-copy h1{font-size:2.05rem}.pi-hero-actions{flex-direction:column}.pi-action-button,.pi-action-link{width:100%}.pi-controls-panel,.pi-summary-panel,.pi-explanation-body,.pi-chain-summary{grid-template-columns:1fr}.pi-stat-card{border-right:0;border-bottom:1px solid #e2e8f0}.pi-stat-card:last-child{border-bottom:0}}