.conc-calculator-wrapper{--conc-primary: #64748b;--conc-primary-dark: #475569;--conc-primary-light: #94a3b8;--conc-secondary: #f59e0b;--conc-accent: #0ea5e9;--conc-bg: #f1f5f9;--conc-card-bg: #ffffff;--conc-text: #1e293b;--conc-text-muted: #64748b;--conc-border: #cbd5e1;--conc-shadow: 0 4px 6px -1px rgba(100, 116, 139, .1), 0 2px 4px -2px rgba(100, 116, 139, .1);--conc-shadow-lg: 0 10px 15px -3px rgba(100, 116, 139, .15), 0 4px 6px -4px rgba(100, 116, 139, .1);--conc-radius: 12px;--conc-radius-lg: 16px}.conc-calculator-container{max-width:800px;margin:0 auto;padding:2rem;background:var(--conc-bg);border-radius:var(--conc-radius-lg)}.conc-header{text-align:center;margin-bottom:2rem}.conc-title{font-size:2rem;font-weight:800;color:var(--conc-text);margin:0 0 .5rem;background:linear-gradient(135deg,var(--conc-primary-dark),var(--conc-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.conc-description{color:var(--conc-text-muted);font-size:1.05rem;margin:0;line-height:1.6}.conc-formula-section{background:var(--conc-card-bg);border-radius:var(--conc-radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--conc-shadow)}.conc-formula-title{font-size:1.1rem;font-weight:700;color:var(--conc-text);margin:0 0 1rem;text-align:center}.conc-formula-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 640px){.conc-formula-grid{grid-template-columns:1fr}}.conc-formula-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--conc-radius);padding:1rem;text-align:center;border:1px solid var(--conc-border)}.conc-formula-label{font-size:.85rem;font-weight:600;color:var(--conc-primary-dark);margin:0 0 .5rem}.conc-formula-math{font-size:.95rem;color:var(--conc-text);overflow-x:auto;padding:.25rem 0}.conc-unit-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;background:var(--conc-card-bg);padding:.5rem;border-radius:var(--conc-radius);box-shadow:var(--conc-shadow)}.conc-unit-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:2px solid transparent;border-radius:calc(var(--conc-radius) - 2px);background:#f8fafc;cursor:pointer;transition:all .2s ease}.conc-unit-btn:hover{background:#f1f5f9;border-color:var(--conc-primary-light)}.conc-unit-btn.active{background:linear-gradient(135deg,var(--conc-primary),var(--conc-primary-dark));border-color:var(--conc-primary);color:#fff}.conc-unit-label{font-weight:700;font-size:.95rem}.conc-unit-detail{font-size:.75rem;opacity:.8;margin-top:.125rem}.conc-shape-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--conc-card-bg);padding:.5rem;border-radius:var(--conc-radius);box-shadow:var(--conc-shadow);overflow-x:auto}.conc-shape-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;border:2px solid transparent;border-radius:calc(var(--conc-radius) - 2px);background:#f8fafc;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--conc-text-muted);transition:all .2s ease;white-space:nowrap;flex:1;min-width:80px}.conc-shape-tab:hover{background:#f1f5f9;color:var(--conc-primary)}.conc-shape-tab.active{background:var(--conc-primary);color:#fff;border-color:var(--conc-primary)}.conc-shape-icon{font-size:1.25rem}.conc-form{background:var(--conc-card-bg);border-radius:var(--conc-radius-lg);padding:1.5rem;box-shadow:var(--conc-shadow);margin-bottom:1.5rem}.conc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.conc-form-row{grid-template-columns:1fr}}.conc-input-group{display:flex;flex-direction:column;gap:.375rem;position:relative;margin-bottom:1rem}.conc-label{font-size:.875rem;font-weight:600;color:var(--conc-text)}.conc-input{padding:.75rem 3rem .75rem 1rem;border:2px solid var(--conc-border);border-radius:var(--conc-radius);font-size:1rem;color:var(--conc-text);background:#f8fafc;transition:all .2s ease;width:100%;box-sizing:border-box}.conc-input:focus{outline:none;border-color:var(--conc-primary);box-shadow:0 0 0 3px #64748b26;background:#fff}.conc-input::-moz-placeholder{color:var(--conc-text-muted);opacity:.6}.conc-input::placeholder{color:var(--conc-text-muted);opacity:.6}.conc-input-suffix{position:absolute;right:1rem;top:2.25rem;font-size:.85rem;color:var(--conc-text-muted);pointer-events:none}.conc-button-row{display:flex;gap:1rem;margin-top:.5rem}.conc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:var(--conc-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.conc-btn-primary{background:linear-gradient(135deg,var(--conc-primary),var(--conc-primary-dark));color:#fff;box-shadow:var(--conc-shadow)}.conc-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--conc-shadow-lg)}.conc-btn-secondary{background:#f3f4f6;color:var(--conc-text);border:2px solid var(--conc-border)}.conc-btn-secondary:hover{background:#e5e7eb}.conc-btn-icon{width:20px;height:20px}.conc-results{background:var(--conc-card-bg);border-radius:var(--conc-radius-lg);padding:1.5rem;box-shadow:var(--conc-shadow-lg);margin-bottom:1.5rem;border:2px solid var(--conc-primary-light)}.conc-results-title{font-size:1.25rem;font-weight:700;color:var(--conc-text);margin:0 0 1rem;text-align:center}.conc-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 640px){.conc-results-grid{grid-template-columns:1fr}}.conc-result-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--conc-radius);padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.conc-result-card.conc-result-primary{background:linear-gradient(135deg,var(--conc-primary),var(--conc-primary-dark));color:#fff}.conc-result-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.conc-result-value{font-size:1.75rem;font-weight:800;color:var(--conc-primary-dark)}.conc-result-card.conc-result-primary .conc-result-value{font-size:2.25rem;color:#fff}.conc-result-unit{font-size:.85rem;opacity:.9}.conc-bags-section{margin-bottom:1rem}.conc-bags-title{font-size:1rem;font-weight:700;color:var(--conc-text);margin:0 0 .75rem;text-align:center}.conc-bags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.conc-bag-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--conc-radius);padding:.75rem;text-align:center;display:flex;flex-direction:column;gap:.125rem}.conc-bag-size{font-size:.75rem;font-weight:600;color:#92400e}.conc-bag-count{font-size:1.5rem;font-weight:800;color:#b45309}.conc-bag-label{font-size:.7rem;color:#92400e}.conc-cost-section{margin-top:1rem}.conc-cost-card{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:var(--conc-radius);padding:1rem;text-align:center}.conc-cost-label{font-size:.85rem;font-weight:600;color:#166534;display:block;margin-bottom:.25rem}.conc-cost-value{font-size:1.75rem;font-weight:800;color:#15803d}.conc-results-note{font-size:.85rem;color:var(--conc-text-muted);text-align:center;margin:1rem 0 0;font-style:italic}.conc-content{margin-top:2rem}.conc-section{background:var(--conc-card-bg);border-radius:var(--conc-radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--conc-shadow)}.conc-section-title{font-size:1.35rem;font-weight:700;color:var(--conc-text);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--conc-border)}.conc-section-text{color:var(--conc-text);line-height:1.7;margin:0 0 1rem}.conc-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}@media (max-width: 640px){.conc-features-grid{grid-template-columns:1fr}}.conc-feature-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--conc-radius);padding:1.25rem;text-align:center;border:1px solid var(--conc-border)}.conc-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.conc-feature-title{font-size:1rem;font-weight:700;color:var(--conc-text);margin:0 0 .5rem}.conc-feature-desc{font-size:.9rem;color:var(--conc-text-muted);margin:0;line-height:1.5}.conc-tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media (max-width: 768px){.conc-tips-grid{grid-template-columns:1fr}}.conc-tip-card{background:#f8fafc;border-radius:var(--conc-radius);padding:1rem;border-left:4px solid var(--conc-primary)}.conc-tip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.conc-tip-icon{font-size:1.25rem}.conc-tip-title{font-size:.95rem;font-weight:700;color:var(--conc-text);margin:0}.conc-tip-text{font-size:.9rem;color:var(--conc-text-muted);margin:0;line-height:1.6}.conc-table-wrapper{overflow-x:auto;margin-top:1rem;border-radius:var(--conc-radius);border:1px solid var(--conc-border)}.conc-table{width:100%;border-collapse:collapse;font-size:.9rem}.conc-table th{background:linear-gradient(135deg,var(--conc-primary),var(--conc-primary-dark));color:#fff;padding:.875rem 1rem;text-align:left;font-weight:600}.conc-table td{padding:.75rem 1rem;border-bottom:1px solid var(--conc-border);color:var(--conc-text)}.conc-table tr:last-child td{border-bottom:none}.conc-table tr:nth-child(2n){background:#f8fafc}.conc-faqs{margin-top:1rem}.conc-faq{background:#f8fafc;border-radius:var(--conc-radius);margin-bottom:.75rem;border:1px solid var(--conc-border);overflow:hidden}.conc-faq[open]{background:#fff}.conc-faq-question{padding:1rem 1.25rem;font-weight:600;color:var(--conc-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.conc-faq-question::-webkit-details-marker{display:none}.conc-faq-question:after{content:"+";font-size:1.25rem;color:var(--conc-primary);font-weight:700;transition:transform .2s ease}.conc-faq[open] .conc-faq-question:after{transform:rotate(45deg)}.conc-faq-answer{padding:0 1.25rem 1rem;color:var(--conc-text-muted);line-height:1.6;margin:0;font-size:.95rem}@media (max-width: 640px){.conc-calculator-container{padding:1rem}.conc-title{font-size:1.5rem}.conc-description{font-size:.95rem}.conc-section-title{font-size:1.15rem}.conc-shape-tabs{flex-wrap:wrap}.conc-shape-tab{min-width:calc(50% - .25rem)}}