@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0b0f19;--bg-secondary: #131a2c;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-primary: #f0f4f8;--text-secondary: #94a3b8;--accent-primary: #10b981;--accent-glow: rgba(16, 185, 129, .4);--accent-purple: #8b5cf6;--accent-purple-glow: rgba(139, 92, 246, .4);--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .4);--accent-orange: #f59e0b;--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;width:50vw;height:50vw;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.15}body:before{top:-10vw;left:-10vw;background:var(--accent-primary)}body:after{bottom:-10vw;right:-10vw;background:var(--accent-purple)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary)}.layout-container{display:flex;min-height:100vh}.sidebar{width:280px;background-color:#131a2c99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--glass-border);padding:2rem;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:3rem;text-shadow:0 0 10px var(--accent-glow)}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:1rem}.nav-element{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-weight:500;cursor:pointer}.nav-element:hover,.nav-element.active{background-color:var(--glass-bg);color:var(--text-primary);box-shadow:0 4px 20px #0000001a;border:1px solid var(--glass-border)}.nav-element.active{background:linear-gradient(90deg,rgba(16,185,129,.1) 0%,transparent 100%);border-left:3px solid var(--accent-primary)}.main-content{flex:1;padding:2.5rem 3rem;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.user-profile{display:flex;align-items:center;gap:1rem}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-blue) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 0 15px var(--accent-glow)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:#ffffff26}.metric-card{grid-column:span 3;display:flex;flex-direction:column;gap:1rem}.metric-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-weight:500}.metric-icon{padding:.75rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-icon.nitrogen{background:#8b5cf61a;color:var(--accent-purple)}.metric-icon.phosphorus{background:#3b82f61a;color:var(--accent-blue)}.metric-icon.potassium{background:#f59e0b1a;color:var(--accent-orange)}.metric-icon.moisture{background:#10b9811a;color:var(--accent-primary)}.metric-value{font-size:2.5rem;font-weight:700;display:flex;align-items:baseline;gap:.5rem}.metric-unit{font-size:1rem;color:var(--text-secondary);font-weight:500}.metric-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.trend-up{color:var(--accent-primary)}.trend-down{color:var(--danger)}.progress-container{width:100%;height:6px;background:#ffffff1a;border-radius:8px;overflow:hidden;margin-top:auto}.progress-bar{height:100%;border-radius:8px;transition:width 1s ease-in-out}.chart-container{grid-column:span 8;height:350px;display:flex;flex-direction:column}.ai-insights{grid-column:span 4;display:flex;flex-direction:column;gap:1rem}.insight-card{background:#131a2ccc;border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;transition:all .3s ease;cursor:pointer}.insight-card:hover{background:#ffffff0d}.insight-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.insight-icon.warning{background:#ef44441a;color:var(--danger);box-shadow:0 0 10px var(--danger-glow)}.insight-icon.action{background:#3b82f61a;color:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue-glow)}.insight-icon.success{background:#10b9811a;color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.insight-content h4{font-size:1rem;margin-bottom:.25rem}.insight-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.live-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:20px;color:var(--accent-primary);font-size:.875rem;font-weight:500}.status-dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary);animation:pulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.recommendation-banner{grid-column:span 12;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:2rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.recommendation-banner:before{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" fill="rgba(139,92,246,0.1)"/></svg>') repeat;opacity:.5;pointer-events:none}.banner-content h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.banner-content p{color:var(--text-secondary);max-width:600px}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);color:#fff;box-shadow:0 4px 15px var(--accent-purple-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.weather-widget{display:flex;align-items:center;gap:1rem;background:var(--glass-bg);padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--glass-border)}.header-widgets{display:flex;gap:1.5rem;align-items:center}.responsive-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.responsive-grid-irg{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:1.5rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}@media (max-width: 1200px){.metric-card{grid-column:span 6}.chart-container,.ai-insights{grid-column:span 12}.responsive-grid-irg{grid-template-columns:1fr}}@media (max-width: 768px){.layout-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);padding:1.25rem}.logo{margin-bottom:1.5rem}.nav-menu{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;gap:.5rem}.nav-element{white-space:nowrap;padding:.75rem 1rem;font-size:.9rem}.main-content{padding:1.25rem}.metric-card{grid-column:span 12}.recommendation-banner{flex-direction:column;gap:1.25rem;text-align:center}.header{flex-direction:column;gap:1rem;align-items:flex-start}.header-widgets{flex-wrap:wrap;gap:1rem;margin-top:.5rem}.weather-widget{flex:1;min-width:140px;padding:.75rem}.responsive-grid-2,.responsive-grid-irg{grid-template-columns:1fr}}