:root{--bg:#f4f7fb;--card:#fff;--text:#101828;--muted:#667085;--border:#d0d5dd;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--danger:#b42318;--shadow:0 10px 30px #10182814}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{width:min(1100px,100% - 32px);margin:0 auto;padding:42px 0 70px}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.currency-select{min-width:170px;color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.currency-select select{min-height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;outline:none;padding:9px 34px 9px 12px}.currency-select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.eyebrow{color:var(--primary);letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}.header h1{letter-spacing:-.035em;margin:0;font-size:clamp(30px,5vw,44px);line-height:1.1}.subtitle{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.6}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:18px;padding:28px}.section-heading{text-align:center;margin-bottom:22px}.section-heading h2{letter-spacing:-.015em;margin:0;font-size:20px}.section-heading p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.5}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{flex-direction:column;gap:10px;font-size:14px;font-weight:650;line-height:1.4;display:flex}input{width:100%;min-height:46px;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;padding:10px 13px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#98a2b3}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}input:read-only{cursor:default;background:#f9fafb}.material-row{grid-template-columns:42px 2fr 1fr .8fr 1fr;align-items:end;gap:14px;display:grid}.material-number{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-weight:800;display:flex}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary);box-shadow:0 4px 10px #2563eb2e}.primary-button:hover{background:var(--primary-dark);box-shadow:0 6px 14px #2563eb38}.secondary-button{color:var(--text);border:1px solid var(--border);background:#fff}.secondary-button:hover{background:#f9fafb;border-color:#cbd5e1}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.actions{justify-content:center;gap:16px;margin:32px 0 40px;display:flex}.error-card{background:#fffbfa;border-color:#fecdca}.error-card h2{color:var(--danger);margin:0 0 8px}.error-card p{color:#912018;margin:0}.results{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin-top:28px;padding:30px}.results-header{margin-bottom:20px}.results-header h2{letter-spacing:-.02em;margin:0;font-size:26px}.results-header p:last-child{color:var(--muted);margin:8px 0 0;line-height:1.5}.export-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:20px;display:flex}.export-button{gap:7px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:700}.result-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:100px;padding:18px;display:flex}.result-box span{color:var(--muted);margin-bottom:10px;font-size:13px;line-height:1.4;display:block}.result-box strong{letter-spacing:-.02em;font-size:24px;line-height:1.2;display:block}.result-box strong.negative{color:var(--danger)}.results .result-box:nth-child(6),.results .result-box:nth-child(7),.results .result-box:nth-child(8){border-width:2px}.results .result-box:nth-child(7) strong{font-size:28px}.results>p{color:var(--muted);background:#f8fafc;border-radius:9px;margin:18px 0 0;padding:14px 16px}.footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:56px;padding:28px 20px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:14px;display:flex}.footer-links a{color:inherit;font-size:14px;font-weight:500;text-decoration:none}.footer-links a:hover{opacity:.7;text-decoration:underline}.footer p{opacity:.65;margin:0;font-size:13px}@media (width<=900px){.header{flex-direction:column;gap:18px;margin-bottom:24px}.header-actions{flex-wrap:wrap;width:100%}.grid.three{grid-template-columns:1fr}.material-row{grid-template-columns:1fr 1fr}.material-number{display:none}}@media (width<=700px){.app{width:min(100% - 28px,1100px);padding:28px 0 50px}.header h1{letter-spacing:-.5px;font-size:32px;line-height:1.15}.header-actions{flex-direction:column;align-items:stretch;gap:10px}.header-actions .secondary-button,.currency-select,.currency-select select{width:100%}.grid.two,.grid.three,.material-row{grid-template-columns:1fr}.actions{flex-direction:column;gap:10px;width:100%}.actions .secondary-button,.actions .primary-button{width:100%}.export-actions{justify-content:stretch}.export-button{flex:calc(33.333% - 7px)}.result-box{min-height:82px}.result-box strong{font-size:22px}.results .result-box:nth-child(7) strong{font-size:26px}.footer{margin-top:40px;padding:24px 10px}.footer-links{gap:14px}}@media (width<=520px){.app{width:min(100% - 20px,100%);padding:20px 0 40px}.card,.results{border-radius:12px;padding:20px}.section-heading{margin-bottom:18px}.export-actions{grid-template-columns:1fr;display:grid}.export-button{width:100%}}.header-actions .currency-select{min-height:44px;color:var(--text);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.header-actions .currency-select span{margin:0;display:inline}.header-actions .currency-select select{width:auto;min-width:125px;min-height:auto;color:var(--text);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;padding:0 22px 0 0;font-weight:700;line-height:1}.header-actions .currency-select:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}@media (width<=700px){.header-actions .currency-select{width:100%}.header-actions .currency-select select{flex:1}}:root[data-theme=dark]{--bg:#111827;--card:#1f2937;--text:#f9fafb;--muted:#cbd5e1;--border:#475569;--primary:#60a5fa;--primary-dark:#3b82f6;--primary-soft:#1e3a5f;--danger:#fca5a5;--shadow:0 12px 32px #00000059}:root[data-theme=dark] input,:root[data-theme=dark] .currency-select,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .result-box{color:var(--text);background:#111827;border-color:#475569}:root[data-theme=dark] input:read-only{background:#0f172a}:root[data-theme=dark] input::placeholder{color:#94a3b8}:root[data-theme=dark] .currency-select select{color:var(--text);background:0 0}:root[data-theme=dark] .secondary-button:hover{background:#273449;border-color:#64748b}:root[data-theme=dark] .results>p{background:#111827}:root[data-theme=dark] .error-card{background:#3b1d20;border-color:#8f3d46}:root[data-theme=dark] .error-card h2,:root[data-theme=dark] .error-card p{color:#fecaca}:root[data-theme=dark] .footer{border-top-color:#475569}html[lang=ar]{font-family:Noto Sans Arabic,ui-sans-serif,system-ui,sans-serif}.pricing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.pricing-option{text-align:left;width:100%;color:var(--text);border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:20px;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;display:flex}.pricing-option:hover{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 6px 18px #2563eb14}.pricing-option:active{transform:translateY(1px)}.pricing-option.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #2563eb1a}.pricing-option strong{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.pricing-option span{font-size:13px;font-weight:650;line-height:1.35}.pricing-option small{color:var(--muted);font-size:11px;line-height:1.45}:root[data-theme=dark] .pricing-option{color:var(--text);background:#111827;border-color:#475569}:root[data-theme=dark] .pricing-option:hover,:root[data-theme=dark] .pricing-option.active{border-color:var(--primary);background:#1e3a5f}:root[data-theme=dark] .pricing-option small{color:var(--muted)}:root[data-theme=dark] .export-actions{border-bottom-color:#475569}@media (width<=700px){.pricing-options{grid-template-columns:1fr;gap:12px}.pricing-option{padding:18px}}.export-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:20px;display:flex}.export-actions .secondary-button{min-height:40px;padding:9px 14px;font-size:13px;font-weight:700}@media (width<=700px){.export-actions{flex-direction:column;align-items:stretch}.export-actions .secondary-button{width:100%}}:root[data-theme=dark] .export-actions .secondary-button{color:var(--text);background:#111827;border-color:#475569}:root[data-theme=dark] .export-actions .secondary-button:hover{background:#273449;border-color:#64748b}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.tab{min-height:42px;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:14px;font-weight:650;transition:color .15s,background .15s,box-shadow .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);background:var(--card);box-shadow:0 2px 8px #10182814}:root[data-theme=dark] .tab.active{color:var(--text);background:var(--card);box-shadow:0 2px 8px #0000004d}@media (width<=700px){.tabs{flex-direction:column;gap:4px}}.error-message{color:var(--danger);background:#fffbfa;border:1px solid #fecdca;border-radius:10px;margin-top:18px;padding:12px 16px;font-size:14px;font-weight:600}:root[data-theme=dark] .error-message{color:#fecaca;background:#3b1d20;border-color:#8f3d46}.info-message{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.target-margin-info,.production-waste{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:20px}.target-margin-info h3,.production-waste h3{letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}.recommended-price{color:var(--primary);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.production-waste p{color:var(--text);margin:0;font-size:14px;line-height:1.5}:root[data-theme=dark] .target-margin-info,:root[data-theme=dark] .production-waste{background:#111827;border-color:#475569}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}
