@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@600;700;800;900&display=swap";:root{--bg-primary:#0a1f0f;--bg-secondary:#0d1b2a;--bg-card:#1a4d2e66;--bg-card-hover:#1a4d2e99;--emerald-main:#52b788;--emerald-light:#74c69d;--emerald-glow:#52b7884d;--emerald-dark:#1b4332;--emerald-accent:#d8f3dc;--text-main:#e8f5e9;--text-muted:#95d5b2;--border-emerald:#40916c;--border-light:#52b7884d;--radius-lg:16px;--radius-md:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;caret-color:var(--emerald-main);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a1f0f}::-webkit-scrollbar-thumb{background:var(--border-emerald);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--emerald-main)}.app-container{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}@keyframes headerGlow{0%,to{box-shadow:0 4px 25px #40916c66,0 0 40px #52b78826}50%{box-shadow:0 4px 35px #40916cb3,0 0 60px #52b7884d}}@keyframes textShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.top-header{border:2px solid var(--emerald-main);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d2818 0%,#1a4d2e 40%,#2d6a4f 70%,#1a4d2e 100%);margin-bottom:2rem;padding:2.2rem 2rem 1.8rem;animation:4s ease-in-out infinite headerGlow;position:relative;overflow:hidden}.top-header h1{letter-spacing:5px;text-transform:uppercase;background:linear-gradient(90deg,#d8f3dc,#fff,#95d5b2,#fff,#d8f3dc) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.4rem;font-family:Orbitron,sans-serif;font-size:2.6rem;font-weight:900;animation:5s linear infinite textShimmer}.top-header .subtitle{color:var(--text-muted);letter-spacing:2px;font-size:1rem;font-weight:500}.nav-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.nav-tab{color:var(--emerald-accent);border:1px solid var(--border-emerald);cursor:pointer;transition:var(--transition);background:#1a4d2e4d;border-radius:30px;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;display:flex}.nav-tab:hover{border-color:var(--emerald-main);box-shadow:0 4px 15px var(--emerald-glow);background:#52b78833;transform:translateY(-2px)}.nav-tab.active{border-color:var(--emerald-main);color:#fff;background:linear-gradient(90deg,#2d6a4f 0%,#1b4332 100%);box-shadow:0 4px 20px #52b78866}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.feature-card{border-radius:var(--radius-lg);border:1.5px solid var(--border-emerald);text-align:center;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1a4d2e80 0%,#0d1b2a99 100%);padding:1.8rem;box-shadow:0 6px 20px #0000004d}.feature-card:hover{border-color:var(--emerald-main);box-shadow:0 12px 30px var(--emerald-glow);transform:translateY(-6px)}.feature-icon{margin-bottom:.8rem;font-size:2.8rem}.feature-card h3{color:var(--emerald-accent);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.95rem}.uploader-box{border:2px dashed var(--emerald-main);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:#1a4d2e33;padding:3rem 2rem;position:relative}.uploader-box:hover,.uploader-box.drag-over{box-shadow:0 0 30px var(--emerald-glow);background:#52b78826;border-color:#fff}.upload-icon{width:64px;height:64px;color:var(--emerald-main);margin-bottom:1rem}.preview-container{flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.preview-img{border-radius:var(--radius-md);border:2px solid var(--emerald-main);object-fit:contain;max-width:100%;max-height:380px;box-shadow:0 8px 30px #00000080}.btn-primary{color:#fff;border:2px solid var(--emerald-main);cursor:pointer;transition:var(--transition);background:linear-gradient(90deg,#2d6a4f 0%,#1b4332 100%);border-radius:30px;align-items:center;gap:.6rem;padding:.9rem 2.2rem;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0000004d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px var(--emerald-glow);background:linear-gradient(90deg,#40916c 0%,#2d6a4f 100%);transform:translateY(-3px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.result-card{border:2px solid var(--emerald-main);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d2818cc 0%,#0a1f0fe6 100%);margin-top:2rem;padding:2rem;box-shadow:0 10px 40px #00000080}.badge{text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:700;display:inline-block}.badge-healthy{color:#52b788;background:#52b78833;border:1px solid #52b788}.badge-diseased{color:#ff6b6b;background:#dc354533;border:1px solid #ff6b6b}.progress-bar-bg{background:#ffffff1a;border-radius:10px;height:14px;margin-top:.6rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--emerald-light) 0%, var(--emerald-main) 100%);border-radius:10px;height:100%;transition:width 1s ease-in-out}.rec-box{border-left:4px solid var(--emerald-main);border-radius:var(--radius-md);background:#1a4d2e40;margin-top:1.5rem;padding:1.2rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #52b78833;margin-top:auto;padding-top:2rem;font-size:.9rem}