:root{--bg:#0f172a;--card:#0b1220;--accent1:#10b981;--accent2:#06b6d4;--accent3:#f59e0b;--muted:#94a3b8;--glass: rgba(255,255,255,.04)}body{background:linear-gradient(180deg,#071024,#08122a);color:#e6eef6}.agri-page{padding:18px;display:block;font-family:Inter,ui-sans-serif,system-ui,Arial}.agri-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.agri-gradient-title{font-size:22px;font-weight:700;background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;color:transparent;letter-spacing:.2px}.agri-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:12px;border-radius:12px;box-shadow:0 6px 18px #02061799}.agri-pill{background:var(--glass);border:1px solid rgba(255,255,255,.04);color:var(--muted);padding:6px 10px;border-radius:999px}.agri-btn{padding:8px 12px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent2),var(--accent1));color:#021426;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.agri-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #02061799}.agri-btn:active{transform:translateY(-1px)}.agri-table{width:100%;border-collapse:collapse;margin-top:8px;background:transparent;border-radius:8px;overflow:hidden}.agri-table th{text-align:left;padding:10px 8px;background:linear-gradient(90deg,#ffffff05,#ffffff03);color:#cfe9ff}.agri-table td{padding:8px;color:#dceefc;border-bottom:1px solid rgba(255,255,255,.03)}.agri-table tbody tr{transition:background .15s ease,transform .08s ease}.agri-table tbody tr:hover{background:linear-gradient(90deg,#06b6d40f,#10b9810a);transform:translateY(-2px)}.agri-badge{display:inline-block;padding:6px 8px;border-radius:999px;font-weight:700;font-size:12px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#021426}.input-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.video-wrap{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.info-note{color:var(--muted);font-size:13px;margin-top:8px}@media (max-width:720px){.agri-page{padding:12px}.agri-gradient-title{font-size:18px}.agri-table th,.agri-table td{padding:8px 6px;font-size:13px}}html,body,#root{height:100%;margin:0;padding:0;font-family:system-ui,Arial,sans-serif}