*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:#213547;background:linear-gradient(135deg,#667eea,#764ba2)}#root{width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}strong{font-weight:700}.App{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.calculator{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:3rem}.header{text-align:center;margin-bottom:3rem;border-bottom:3px solid #667eea;padding-bottom:2rem}.header h1{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:800}.subtitle{color:#666;font-size:1.1rem;margin-top:.5rem}.header-controls{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem}.language-selector{display:flex;align-items:center;justify-content:center;gap:.75rem}.dark-mode-toggle{padding:.5rem 1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.dark-mode-toggle:hover{transform:scale(1.1)}.dark-mode-toggle:focus{outline:none}.language-selector label{display:none}.language-toggle{display:flex;background:#f8f9fa;border-radius:10px;padding:4px;gap:4px;border:2px solid #e9ecef}.language-toggle button{padding:.5rem 1.25rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#666}.language-toggle button:hover{color:#667eea}.language-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.language-toggle button:focus{outline:none}.info-section-accordion{margin-bottom:2rem;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef;overflow:hidden}.accordion-header{width:100%;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:600;transition:all .3s ease}.accordion-header:hover{opacity:.9}.accordion-header:focus{outline:none}.accordion-icon{font-size:1rem;transition:transform .3s ease}.accordion-content{padding:2rem;animation:slideDown .3s ease;text-align:left;line-height:1.8;color:#555}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-content ul{padding-left:20px;margin-bottom:0}.accordion-content ul li::marker{color:#667eea}.accordion-content li{margin-bottom:.5rem}.accordion-content .legend{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.accordion-content .legend h4{color:#764ba2;font-size:1.1rem;margin-bottom:1rem}.controls-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.control-section{background:#f8f9fa;padding:2rem;border-radius:15px;border:2px solid #e9ecef}.control-section h3{margin-top:0;color:#667eea;font-size:1.4rem;margin-bottom:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:.95rem}.control-group select,.control-group input[type=number]{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.control-group select:focus,.control-group input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.control-group input[type=range]{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#e9ecef,#667eea);outline:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 8px #667eea66;transition:all .3s ease}.control-group input[type=range]::-webkit-slider-thumb:hover{background:#764ba2;transform:scale(1.2)}.control-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66}.range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#666;margin-top:.3rem}.info-badge{float:right;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700}.reset-progress{cursor:pointer}.oasis-summary{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;text-align:center;font-size:1.1rem}.checkbox-group label{display:flex;align-items:center;font-weight:500;cursor:pointer}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-right:.75rem;cursor:pointer;border:2px solid #667eea;border-radius:6px;background:#fff;position:relative;transition:all .3s ease}.checkbox-group input[type=checkbox]:hover{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.checkbox-group input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-group input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:16px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-group label{display:flex;align-items:center;font-weight:500;cursor:pointer}.radio-group input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-right:.5rem;cursor:pointer;border:2px solid #667eea;border-radius:50%;background:#fff;position:relative;transition:all .3s ease}.radio-group input[type=radio]:hover{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.radio-group input[type=radio]:checked{border-color:#667eea;background:#fff}.radio-group input[type=radio]:checked:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);left:50%;top:50%;transform:translate(-50%,-50%)}.crop-fields-radio{display:flex;gap:.75rem;flex-wrap:wrap}.crop-fields-radio label{display:flex;align-items:center;padding:.75rem 1.25rem;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem;flex:1;justify-content:center;min-width:80px}.crop-fields-radio label:hover{border-color:#667eea;background:#f8f9fa}.crop-fields-radio input[type=radio]{appearance:none;-webkit-appearance:none;margin-right:.5rem;width:20px;height:20px;cursor:pointer;border:2px solid #667eea;border-radius:50%;background:#fff;position:relative;transition:all .3s ease;flex-shrink:0}.crop-fields-radio input[type=radio]:checked{border-color:#667eea;background:#fff}.crop-fields-radio input[type=radio]:checked:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);left:50%;top:50%;transform:translate(-50%,-50%)}.crop-fields-radio label:has(input:checked){border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 0 0 3px #667eea1a}.calculate-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.calculate-btn:active{transform:translateY(0)}.results{margin-top:3rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results h2{color:#667eea;font-size:2rem;margin-bottom:1rem}.final-production{background:linear-gradient(135deg,#48c774,#3298dc);color:#fff;padding:1.5rem;border-radius:12px;font-size:1.3rem;margin-bottom:2rem;text-align:center}.table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 15px #0000001a}table{width:100%;border-collapse:collapse;background:#fff}thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}th{padding:1rem;text-align:left;font-weight:600;font-size:.95rem}td{padding:1rem;border-bottom:1px solid #e9ecef;font-size:.9rem}tbody tr:hover{background:#f8f9fa}tbody tr:last-child td{border-bottom:none}.completed-row{background:linear-gradient(to right,#d4edda,#c3e6cb)!important;opacity:.8}.completed-row:hover{background:linear-gradient(to right,#c3e6cb,#b1dfbb)!important;opacity:.9}.completed-row td{color:#155724;text-decoration:line-through;text-decoration-thickness:1px}.completed-row .done-cell{text-decoration:none}.done-cell{text-align:center;vertical-align:middle}.done-checkbox{appearance:none;-webkit-appearance:none;width:22px;height:22px;cursor:pointer;border:2px solid #48c774;border-radius:6px;background:#fff;position:relative;transition:all .3s ease}.done-checkbox:hover{border-color:#3ca05c;box-shadow:0 0 0 3px #48c77433}.done-checkbox:checked{background:linear-gradient(135deg,#48c774,#3ca05c);border-color:#48c774}.done-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:16px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.buildings-cell{font-family:Courier New,monospace;font-weight:600;color:#667eea}.building-icons{display:flex;gap:1rem;align-items:center;justify-content:center}.building-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.building-item img{width:24px;height:24px;object-fit:contain}.building-item span{font-size:.85rem;font-weight:600;color:#667eea}.fields-cell{position:relative}.field-summary{color:#667eea;font-weight:600;display:flex;align-items:center;gap:.5rem;justify-content:center;cursor:help;position:relative}.crop-icon{width:20px;height:20px;object-fit:contain}.field-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-family:Courier New,monospace;font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d}.field-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#764ba2}.field-summary:hover .field-tooltip{opacity:1;visibility:visible}.production-cell{font-weight:700;color:#48c774}.action-cell{color:#333;font-weight:500}.roi-cell{font-weight:600;color:#3298dc}.info-section{margin-top:3rem;padding:2rem;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef}.info-section h3{color:#667eea;font-size:1.4rem;margin-top:0;margin-bottom:1rem}.info-section h4{color:#764ba2;font-size:1.1rem;margin-bottom:1rem}.info-section ul{text-align:left;line-height:1.8;color:#555;padding-left:20px}.info-section ul li::marker{color:#667eea}.info-section li{margin-bottom:.5rem}.legend{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.legend-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:.25rem}.App:has(.calculator.dark-mode){background:linear-gradient(135deg,#0f0f0f,#2d1a0d)}.calculator.dark-mode{background:#1a1a1a;color:#e5e5e5;box-shadow:0 20px 60px #000c}.calculator.dark-mode .header{border-bottom:3px solid #ff8700}.calculator.dark-mode .header h1{background:linear-gradient(135deg,#ff8700,#f50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.calculator.dark-mode .subtitle{color:#b0b0b0}.calculator.dark-mode .dark-mode-toggle{background:#2d2d2d;border-color:#3d3d3d}.calculator.dark-mode .language-selector label{color:#ff8700}.calculator.dark-mode .language-toggle{background:#2d2d2d;border-color:#3d3d3d}.calculator.dark-mode .language-toggle button{color:#b0b0b0}.calculator.dark-mode .language-toggle button:hover{color:#ff8700}.calculator.dark-mode .language-toggle button.active{background:linear-gradient(135deg,#ff8700,#f50);color:#fff}.calculator.dark-mode .info-section-accordion{background:#2d2d2d;border-color:#3d3d3d}.calculator.dark-mode .accordion-header{background:linear-gradient(135deg,#ff8700,#f50)}.calculator.dark-mode .accordion-content{color:#b0b0b0}.calculator.dark-mode .accordion-content ul li::marker{color:#ff8700}.calculator.dark-mode .accordion-content .legend h4{color:#ff8700}.calculator.dark-mode .control-section{background:#2d2d2d;border-color:#3d3d3d}.calculator.dark-mode .control-section h3{color:#ff8700}.calculator.dark-mode .control-group label{color:#e5e5e5}.calculator.dark-mode .crop-fields-radio label{background:#1a1a1a;border-color:#3d3d3d;color:#e5e5e5}.calculator.dark-mode .crop-fields-radio label:hover{border-color:#ff8700;background:#2d2d2d}.calculator.dark-mode .crop-fields-radio input[type=radio]{background:#1a1a1a;border-color:#ff8700}.calculator.dark-mode .crop-fields-radio input[type=radio]:checked{background:#1a1a1a}.calculator.dark-mode .crop-fields-radio input[type=radio]:checked:after{background:linear-gradient(135deg,#ff8700,#f50)}.calculator.dark-mode .crop-fields-radio label:has(input:checked){border-color:#ff8700;background:linear-gradient(135deg,#ff870033,#f503);box-shadow:0 0 0 3px #ff870033}.calculator.dark-mode .checkbox-group input[type=checkbox]{background:#1a1a1a;border-color:#ff8700}.calculator.dark-mode .checkbox-group input[type=checkbox]:hover{border-color:#f50;box-shadow:0 0 0 3px #ff870033}.calculator.dark-mode .checkbox-group input[type=checkbox]:checked{background:linear-gradient(135deg,#ff8700,#f50);border-color:#ff8700}.calculator.dark-mode .radio-group input[type=radio]{background:#1a1a1a;border-color:#ff8700}.calculator.dark-mode .radio-group input[type=radio]:hover{border-color:#f50;box-shadow:0 0 0 3px #ff870033}.calculator.dark-mode .radio-group input[type=radio]:checked{background:#1a1a1a;border-color:#ff8700}.calculator.dark-mode .radio-group input[type=radio]:checked:after{background:linear-gradient(135deg,#ff8700,#f50)}.calculator.dark-mode .done-checkbox{background:#1a1a1a;border-color:#ff8700}.calculator.dark-mode .done-checkbox:hover{border-color:#f50;box-shadow:0 0 0 3px #ff870033}.calculator.dark-mode .done-checkbox:checked{background:linear-gradient(135deg,#ff8700,#f50);border-color:#ff8700}.calculator.dark-mode .control-group select,.calculator.dark-mode .control-group input[type=number]{background:#1a1a1a;border-color:#3d3d3d;color:#e5e5e5}.calculator.dark-mode .control-group select:focus,.calculator.dark-mode .control-group input[type=number]:focus{border-color:#ff8700;box-shadow:0 0 0 3px #ff870033}.calculator.dark-mode .control-group input[type=range]{background:linear-gradient(to right,#3d3d3d,#ff8700)}.calculator.dark-mode .control-group input[type=range]::-webkit-slider-thumb{background:#ff8700;box-shadow:0 2px 8px #ff870099}.calculator.dark-mode .control-group input[type=range]::-webkit-slider-thumb:hover{background:#f50}.calculator.dark-mode .control-group input[type=range]::-moz-range-thumb{background:#ff8700;box-shadow:0 2px 8px #ff870099}.calculator.dark-mode .range-labels{color:#b0b0b0}.calculator.dark-mode .info-badge,.calculator.dark-mode .oasis-summary{background:linear-gradient(135deg,#ff8700,#f50)}.calculator.dark-mode .calculate-btn{background:linear-gradient(135deg,#ff8700,#f50);box-shadow:0 4px 15px #ff870066}.calculator.dark-mode .calculate-btn:hover{box-shadow:0 6px 20px #ff870099}.calculator.dark-mode .results h2{color:#ff8700}.calculator.dark-mode .final-production{background:linear-gradient(135deg,#ff8700,#f50)}.calculator.dark-mode .table-container{box-shadow:0 4px 15px #00000080}.calculator.dark-mode table{background:#1a1a1a}.calculator.dark-mode thead{background:linear-gradient(135deg,#ff8700,#f50)}.calculator.dark-mode td{border-bottom:1px solid #3d3d3d;color:#e5e5e5}.calculator.dark-mode tbody tr:hover{background:#2d2d2d}.calculator.dark-mode .completed-row{background:linear-gradient(to right,#1a4d1a,#155015)!important}.calculator.dark-mode .completed-row:hover{background:linear-gradient(to right,#1f5a1f,#1a5a1a)!important}.calculator.dark-mode .completed-row td{color:#90ee90}.calculator.dark-mode .building-item span,.calculator.dark-mode .field-summary{color:#ff8700}.calculator.dark-mode .field-tooltip{background:linear-gradient(135deg,#ff8700,#f50);box-shadow:0 4px 12px #0009}.calculator.dark-mode .field-tooltip:after{border-top-color:#f50}.calculator.dark-mode .production-cell{color:#90ee90}.calculator.dark-mode .action-cell{color:#e5e5e5}.calculator.dark-mode .roi-cell{color:#ff8700}@media(max-width:768px){.calculator{padding:1.5rem}.controls-container{grid-template-columns:1fr}.header h1{font-size:1.8rem}table{font-size:.8rem}th,td{padding:.5rem}.header-controls{flex-direction:column;gap:1rem}}