.dilution-result-main{text-align:center;padding:30px 20px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:16px;margin-bottom:20px}.dilution-result-drops{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px}.dilution-result-label{font-size:1.2rem;color:#64748b;font-weight:500}.dilution-result-secondary{font-size:1rem;color:#94a3b8;margin-top:10px}.safety-alert{padding:15px;border-radius:12px;margin-top:15px;display:flex;align-items:flex-start;gap:12px}.safety-alert i{font-size:1.2rem;margin-top:2px}.safety-alert-safe{background:rgba(72,187,120,.15);border:1px solid rgba(72,187,120,.3);color:#2f855a}.safety-alert-warning{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#b45309}.safety-alert-danger{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#dc2626}.concentration-table{width:100%;border-collapse:collapse;margin-top:15px}.concentration-table th,.concentration-table td{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(0,0,0,.08);font-size:.9rem}.concentration-table th{background:rgba(102,126,234,.1);font-weight:600;color:#475569}.concentration-table tr:hover{background:rgba(102,126,234,.05)}.concentration-table tr.active-row{background:rgba(102,126,234,.15);font-weight:500}.concentration-table tr.active-row td{color:#667eea}.concentration-clickable{cursor:pointer;transition:background .2s ease}.input-group-custom{margin-bottom:20px}.input-label{display:block;font-size:.9rem;font-weight:500;color:#475569;margin-bottom:8px}.dilution-chart-container{position:relative;height:200px;margin-top:20px}.quick-select-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick-select-btn{padding:8px 16px;border:2px solid rgba(102,126,234,.3);border-radius:20px;background:#fff;color:#667eea;font-size:.85rem;cursor:pointer;transition:all .2s ease}.quick-select-btn:hover{border-color:#667eea;background:rgba(102,126,234,.1)}.quick-select-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(102,126,234,.2);color:#667eea;font-size:.75rem;font-weight:600;cursor:help;margin-left:6px;position:relative}.tooltip-icon .tooltip-text{visibility:hidden;opacity:0;width:200px;background:#1e293b;color:#fff;text-align:center;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:400;position:absolute;z-index:100;bottom:130%;left:50%;transform:translateX(-50%);transition:opacity .2s ease}.tooltip-icon:hover .tooltip-text{visibility:visible;opacity:1}.info-box{background:rgba(102,126,234,.08);border-radius:12px;padding:15px;margin-top:15px}.info-box-title{font-weight:600;color:#667eea;margin-bottom:8px;display:flex;align-items:center;gap:8px}.info-box-content{color:#64748b;font-size:.9rem;line-height:1.6}@media(max-width:767px){.dilution-result-drops{font-size:3rem}.concentration-table th,.concentration-table td{padding:10px 8px;font-size:.85rem}.quick-select-btn{padding:6px 12px;font-size:.8rem}}@media(min-width:768px) and (max-width:991px){.dilution-result-drops{font-size:3.5rem}}