.concrete-calculator-container{max-width:1000px;margin:0 auto;padding:20px;font-family:"Manrope",sans-serif}.concrete-calculator-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;align-items:start}.concrete-calculator-form{max-width:460px;background:#fff;border-radius:16px;padding:32px;border:1px solid rgb(0 0 0 / .1);box-shadow:0 2px 10px rgb(0 0 0 / .1)}.concrete-calculator-title{font-size:28px!important;font-weight:600!important;color:#1a1a1a;margin-bottom:32px}.concrete-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:16px}.concrete-tab{padding:8px 16px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important;color:#64748b!important;cursor:pointer;transition:all 0.2s ease}.concrete-tab.active{background:#0044bb!important;color:white!important;border-color:#0044bb!important}.concrete-tab:hover:not(.active){background:#e2e8f0;color:#1a1a1a}.concrete-tab-content{display:none}.concrete-tab-content.active{display:block}.concrete-structure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.concrete-structure-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.concrete-diagram{flex-shrink:0}.concrete-input-group{margin-bottom:24px}.concrete-label{font-size:14px;font-weight:700;color:#1a1a1a;display:block;margin-bottom:8px}.concrete-input{width:100%!important;padding:12px;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:16px!important;background-color:#e8f4fd!important;box-sizing:border-box}.concrete-input:focus{outline:none;border-color:#04b}.concrete-input-with-unit{display:flex;gap:8px}.concrete-input-with-unit .concrete-input{flex:1}.concrete-unit-select{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;color:#1a1a1a;min-width:140px;width:140px}.concrete-unit-select:focus{outline:none;border-color:#04b}.concrete-buttons{display:flex;justify-content:center;gap:12px;margin-top:32px}.concrete-calculate-btn{flex:1;padding:16px!important;background:linear-gradient(135deg,#002c7f 0%,#0044bb 50%,#3c6fff 100%);border:none;border-radius:8px!important;font-size:16px!important;font-weight:700!important;color:white!important;cursor:pointer;transition:transform 0.2s ease}.concrete-calculate-btn:hover{transform:translateY(-2px)}.concrete-clear-btn{padding:16px 24px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;color:#64748b!important;cursor:pointer;transition:all 0.2s ease;text-align:center}.concrete-clear-btn:hover{background:#04b;color:#fff}.concrete-results-panel{max-width:460px;background:linear-gradient(135deg,#002c7f 0%,#0044bb 50%,#3c6fff 100%);border-radius:16px;padding:32px;color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.concrete-results-title{font-size:28px!important;font-weight:600!important;margin-bottom:32px!important;color:white!important}.concrete-detailed-results{margin-bottom:32px}.concrete-volume-section{margin-bottom:28px}.concrete-volume-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.concrete-volume-line{font-size:18px;color:#fff;margin-bottom:8px;line-height:1.4}.concrete-volume-line span.concrete-value{font-weight:700;color:#ffc009;font-size:20px}.concrete-weight-section{margin-top:28px}.concrete-density-info{font-size:16px;color:rgb(255 255 255 / .95);margin-bottom:20px;line-height:1.5;font-weight:500}.concrete-weight-item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;background:rgb(255 255 255 / .2);border-radius:8px;border:1px solid rgb(255 255 255 / .3);transition:all 0.2s ease}.concrete-weight-item:hover{background:rgb(255 255 255 / .25);transform:translateY(-1px)}.concrete-weight-label{font-size:16px;color:#fff;font-weight:600}.concrete-weight-value{font-size:16px;font-weight:700;color:#ffc009}.concrete-weight-value span.concrete-value{color:#ffc009;font-weight:700}.concrete-density-note{margin-top:16px}@media (max-width:768px){.concrete-tabs{flex-direction:column}.concrete-tab{text-align:center}.concrete-structure-header{flex-direction:column;gap:16px;text-align:center}.concrete-buttons{flex-direction:column}}@media (max-width:420px){.concrete-calculator-title,.concrete-results-title{font-size:22px}.concrete-calculator-form,.concrete-results-panel{padding:24px}.concrete-input-with-unit{flex-direction:column}.concrete-unit-select{width:100%;text-align:center}.concrete-detailed-results{padding:16px}.concrete-weight-item{flex-direction:column;align-items:flex-start;gap:4px}}.concrete-density-text{font-size:14px!important;color:rgb(255 255 255 / .8)!important;line-height:1.4!important;margin-bottom:10px!important}