:root{--agridose-primary: #4a7c59;--agridose-primary-light: #5a9369;--agridose-primary-dark: #3a6449;--agridose-secondary: #8b9d6f;--agridose-accent: #d4a574;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #4a7c59 0%, #5a9369 100%);--gradient-warm: linear-gradient(135deg, #4a7c59 0%, #8b9d6f 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-subtle: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--transition-fast: .15s ease-out;--transition: .2s ease-out;--transition-slow: .3s ease-out}.card-premium{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform var(--transition),box-shadow var(--transition)}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-gradient{background:var(--gradient-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);position:relative;overflow:hidden}.card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.stat-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);text-align:center;position:relative;overflow:hidden;transition:all var(--transition);border:1px solid var(--gray-100)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--agridose-primary)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-slow)}.stat-card:hover:before{transform:scaleX(1)}.gradient-text{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--gradient-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--agridose-primary);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:2px solid var(--agridose-primary);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--agridose-primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.badge-success{background:var(--gradient-success);color:#fff}.badge-info{background:var(--gradient-info);color:#fff}.badge-warning{background:var(--gradient-warning);color:#fff}.badge-danger{background:var(--gradient-danger);color:#fff}.progress-bar{width:100%;height:.75rem;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease-out;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:50px 50px;animation:progress-animation 2s linear infinite}@keyframes progress-animation{0%{background-position:0 0}to{background-position:50px 50px}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e8ecef);background-attachment:fixed;color:#333;line-height:1.6}#root{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;padding:30px 20px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.1rem;opacity:.95}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}}.card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014}.card h2{color:#2e7d32;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #4caf50;padding-bottom:10px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#555;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn{background:#4caf50;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #4caf504d}.btn:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf5066}.btn:active{transform:translateY(0)}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#2196f3;box-shadow:0 2px 5px #2196f34d}.btn-secondary:hover{background:#1976d2}.results{margin-top:20px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.result-box{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-left:4px solid #4caf50;padding:15px;border-radius:8px}.result-box h3{font-size:.9rem;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.result-box p{font-size:1.8rem;font-weight:700;color:#2e7d32}.result-box span{font-size:1rem;color:#777;font-weight:400}.blend-section{background:#f9f9f9;padding:20px;border-radius:8px;margin-top:20px}.blend-section h3{color:#2e7d32;margin-bottom:15px}.blend-item{display:flex;justify-content:space-between;padding:10px;background:#fff;border-radius:6px;margin-bottom:8px;border-left:3px solid #4caf50}.ai-panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014;min-height:400px}.ai-content{white-space:pre-wrap;line-height:1.8;font-size:.95rem}.ai-content h1,.ai-content h2,.ai-content h3{color:#2e7d32;margin-top:20px;margin-bottom:12px}.ai-content ul{margin-left:20px;margin-bottom:15px}.ai-content li{margin-bottom:8px}.loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}.warning{background:#fff3cd;border-left:4px solid #ff9800;padding:12px;margin:8px 0;border-radius:4px;font-size:.9rem}.error{background:#ffebee;border-left:4px solid #f44336;padding:12px;margin:8px 0;border-radius:4px;color:#c62828}.success{background:#e8f5e9;border-left:4px solid #4caf50;padding:12px;margin:8px 0;border-radius:4px;color:#2e7d32}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ddd}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:#666;transition:all .2s}.tab:hover{color:#4caf50}.tab.active{color:#4caf50;border-bottom-color:#4caf50}.button-group{display:flex;gap:10px;flex-wrap:wrap}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s}.product-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.product-header h3{font-size:1.1rem;color:#2e7d32;margin:0;flex:1}.product-cost{background:#4caf50;color:#fff;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600}.product-formula{margin-bottom:15px}.npk-badge{display:inline-block;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-left:4px solid #4caf50;padding:8px 12px;border-radius:4px;font-weight:700;font-size:1.2rem;color:#2e7d32}.product-details{margin:15px 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.nutrient-item{display:flex;justify-content:space-between;padding:5px 0;font-size:.9rem}.nutrient-item span{color:#666}.nutrient-item strong{color:#2e7d32}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tag-soil{background:#e3f2fd;color:#1976d2}.tag-foliar{background:#f3e5f5;color:#7b1fa2}.tag-fertigation{background:#e8f5e9;color:#388e3c}.tag-warning{background:#fff3cd;color:#ff9800}.catalog-filters{display:flex;gap:15px;margin-bottom:20px}